devex: Data grid component

[SuaYoo]

WIP for #2497 and #2536

Changes

• Adds new <btrix-data-grid> component
• Refactors <btrix-usage-history-table> as proof of concept

Manual testing

First, run yarn to install new dependencies.

To test the new component in Storybook:

1. Run yarn storybook
2. Click "Data Table"
3. Verify that the data table supports all current table functionality, and in addition:

• Basic keyboard navigation and refocusing
• Usage as form control, including validation

To test the usage history table migration:

1. Run yarn start
2. Log in as org admin
3. Go to "Settings" -> "Billing"
4. Regression test usage history table

Screenshots

Page	Image/video
Storybook

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​rollup/​rollup-android-arm-eabi@​4.13.0
	@​rollup/​rollup-android-arm64@​4.13.0
	@​rollup/​rollup-darwin-arm64@​4.13.0
	@​rollup/​rollup-darwin-x64@​4.13.0
	@​rollup/​rollup-linux-arm-gnueabihf@​4.13.0
	@​rollup/​rollup-linux-arm64-gnu@​4.13.0
	@​rollup/​rollup-linux-arm64-musl@​4.13.0
	@​rollup/​rollup-linux-riscv64-gnu@​4.13.0
	@​rollup/​rollup-linux-x64-gnu@​4.13.0
	@​rollup/​rollup-linux-x64-musl@​4.13.0
	@​rollup/​rollup-win32-arm64-msvc@​4.13.0
	@​rollup/​rollup-win32-ia32-msvc@​4.13.0
	@​rollup/​rollup-win32-x64-msvc@​4.13.0
	array-flatten@​1.1.1
	deep-equal@​1.0.1
	bundle-name@​4.1.0
	cache-content-type@​1.0.1
	default-browser-id@​5.0.0
See 85 more rows in the dashboard

View full report

[SuaYoo]

@emma-sg FYI added option to make number of rows being added configurable in 458b4ac

It was quick enough to add and not enabled by default, I figure we can tweak styling once we see it in a real-life use case.

[emma-sg]

Sweet! Nice work :)