Data Grid
A data grid is an interactive table used for working with a large collection of data in a scannable way.
b97c0525b#3607 Thanks @SiTaggart! - [Data Grid]: Re-add SortDirection type export
3f6e05d10#3541 Thanks @nkrantz! - [Data Grid] Add ability to override default "grid" role to be "treegrid" for making custom tree grid components using Data Grid. "treegrid" is the only valid type that can be passed to role.
bc51057db#3545 Thanks @SiTaggart! - [Data Grid] Fix issue where form elements in the data-grid that immediately re-render on mount cause the tabIndex management system to faulter.
a684a6bc7#3516 Thanks @abereghici! - chore(data-grid): change isCell function into a type guard and remove unnecessary type assertions
b8d79200b#3442 Thanks @TheSisb! - Removed all run-time prop-type checkingfrom Paste components. Paste now ships with only TypeScript types.ACTION NEEDED: None. This should be 100% backwards compatible.
b48a0f4ea#3502 Thanks @SiTaggart! - [Data Grid]: Improved TsDoc type annotation
733709127#3395 Thanks @SiTaggart! - Modified the compile target of our JavaScript bundles fromnodetobrowserto minimize the risk of clashing with RequireJS. This is marked as a major out of an abundance of caution. You shouldn't need to do anything but we wanted you to be aware of the change on the off chance it has unintended consequences
- Updated dependencies [
733709127]:- @twilio-paste/uid-library@2.0.0
- @twilio-paste/color-contrast-utils@5.0.0
- @twilio-paste/anchor@12.0.0
- @twilio-paste/button@14.0.0
- @twilio-paste/screen-reader-only@13.0.0
- @twilio-paste/spinner@14.0.0
- @twilio-paste/table@8.0.0
- @twilio-paste/stack@8.0.0
- @twilio-paste/box@10.0.0
- @twilio-paste/customization@8.0.0
- @twilio-paste/design-tokens@10.0.0
- @twilio-paste/icons@12.0.0
- @twilio-paste/animation-library@2.0.0
- @twilio-paste/reakit-library@2.0.0
- @twilio-paste/styling-library@3.0.0
- @twilio-paste/style-props@9.0.0
- @twilio-paste/theme@11.0.0
- @twilio-paste/types@6.0.0
- @twilio-paste/utils@5.0.0
8fc130d03#3261 Thanks @TheSisb! - [Table, DataGrid] Typescript type improvements for Tr, Th, and Td elements
3ab2bb6f4#3114 Thanks @SiTaggart! - ### Breaking changeWe have moved
@types/reactand@types/react-domto peer dependencies of the library. This should allow for greater control and backwards compatibility with older versions of React as Paste is no longer bundling the type libraries.Your application likely has both of these as dependencies anyway, but it is now up to you to manage that version number.
Action needed
Ensure
@types/reactand@types/react-domare installed as dependencies of your application.
bba742ebd#3089 Thanks @SiTaggart! - [data-grid] Update styles to align with new Paste Twilio theme.Updated dependencies [
6730aac19,1d75f223e,3ab2bb6f4,50cde4668,bce889344,3ab2bb6f4,3ab2bb6f4,3ab2bb6f4]:- @twilio-paste/button@13.0.0
- @twilio-paste/icons@11.0.0
- @twilio-paste/anchor@11.0.0
- @twilio-paste/theme@10.0.0
- @twilio-paste/box@9.0.0
- @twilio-paste/screen-reader-only@12.0.0
- @twilio-paste/spinner@13.0.0
- @twilio-paste/table@7.0.0
- @twilio-paste/stack@7.0.0
- @twilio-paste/customization@7.0.0
- @twilio-paste/style-props@8.0.0
- @twilio-paste/types@5.0.0
- @twilio-paste/utils@4.0.0
d97098846#3020 Thanks @SiTaggart! - This major version included listing all the missing peer dependencies for each Paste package.If you are using a package from Paste in isolation from Core, when upgrading to this latest version, be sure to correctly install all the missing peer dependencies.
- Updated dependencies [
154b02c06,dbd9bf992,3c89fd83d,d97098846,0acdf3486,154b02c06,ef094db4a,0acdf3486]:- @twilio-paste/anchor@10.0.0
- @twilio-paste/design-tokens@9.0.0
- @twilio-paste/button@12.0.0
- @twilio-paste/screen-reader-only@11.0.0
- @twilio-paste/spinner@12.0.0
- @twilio-paste/table@6.0.0
- @twilio-paste/stack@6.0.0
- @twilio-paste/box@8.0.0
- @twilio-paste/customization@6.0.0
- @twilio-paste/icons@10.0.0
- @twilio-paste/animation-library@1.0.0
- @twilio-paste/reakit-library@1.0.0
- @twilio-paste/styling-library@2.0.0
- @twilio-paste/uid-library@1.0.0
- @twilio-paste/style-props@7.0.0
- @twilio-paste/theme@9.0.0
- @twilio-paste/types@4.0.0
- @twilio-paste/utils@3.0.0
- @twilio-paste/color-contrast-utils@4.0.0
a4c9e70b0#2763 Thanks @shleewhite! - Update ESLint rules, which changed some formatting.
- Updated dependencies [
38a210f9f]:- @twilio-paste/utils@2.0.0
7e75f8119#2574 Thanks @SiTaggart! - [table, data-grid] adding sticky header functionality to both the Table and Data Grid components
e21a9ff58#2597 Thanks @jb-twilio! - [Data Grid] include supporting types and documentation for existing colSpan propUpdated dependencies [
12c4ba22a,364083627,364083627,364083627,ee2e535e9,364083627]:- @twilio-paste/box@7.0.0
- @twilio-paste/style-props@6.0.0
- @twilio-paste/design-tokens@8.0.0
- @twilio-paste/theme@8.0.0
- @twilio-paste/button@11.0.0
- @twilio-paste/anchor@9.0.0
- @twilio-paste/spinner@11.0.0
- @twilio-paste/table@5.0.0
- @twilio-paste/stack@5.0.0
- @twilio-paste/customization@5.0.0
- @twilio-paste/icons@9.0.0
ae9dd50f#2466 Thanks @TheSisb! - [All packages] Update our ESBuild version and remove minification of identifiers in our production builds.
9983b52e9#2419 Thanks @gloriliale! - [Combobox, Data grid, Color contrast utils, Customization, Design tokens, Icons, Style props, Token contrast checker, Types, Utils, Website] Consolidate and update lodash dependencies and the way lodash is imported in our files, per lodash's guidance. Details: https://lodash.com/per-method-packages
- Updated dependencies [
09762f0f,09762f0f1,09762f0f1]:- @twilio-paste/box@6.0.0
- @twilio-paste/styling-library@1.0.0
- @twilio-paste/theme@7.0.0
- @twilio-paste/anchor@8.0.0
- @twilio-paste/button@10.0.0
- @twilio-paste/spinner@10.0.0
- @twilio-paste/table@4.0.0
- @twilio-paste/stack@4.0.0
- @twilio-paste/customization@4.0.0
- @twilio-paste/icons@8.0.0
- @twilio-paste/style-props@5.0.0
- Updated dependencies [
10178f39d]:- @twilio-paste/icons@7.0.0
- @twilio-paste/anchor@7.0.0
- @twilio-paste/button@9.0.0
- @twilio-paste/spinner@9.0.0
b1359c95e#2307 Thanks @SiTaggart! - [Data grid]: inherit more things from the base table component, including the new responsive and no line wrapping behaviours for better table rendering options.
690a2d2a5#2263 Thanks @shleewhite! - [Data Grid] add i18n props to support i18n
73c596919#2269 Thanks @SiTaggart! - Fixed a regression with the compilation script that caused incompatible ESM module importing of JSON files.
c867e3f48#2237 Thanks @SiTaggart! - Updated a build dependency (esbuild) which changes the output of our builds slightly, without materially changing anything about the code.
- Updated dependencies [
0a52eeee,39ab32c2,0a52eeee,04de0d1d,04de0d1d,04de0d1d]:- @twilio-paste/design-tokens@7.0.0
- @twilio-paste/icons@6.0.0
- @twilio-paste/theme@6.0.0
- @twilio-paste/style-props@4.0.0
- @twilio-paste/anchor@6.0.0
- @twilio-paste/button@8.0.0
- @twilio-paste/spinner@8.0.0
- @twilio-paste/table@3.0.0
- @twilio-paste/stack@3.0.0
- @twilio-paste/box@5.0.0
- @twilio-paste/customization@3.0.0
0f0a9bdd1#2075 Thanks @TheSisb! - [Data-grid] Fixes issue where inner links would at times not be clickable.
ad741d15a#2025 Thanks @nkrantz! - [Data-Grid] AddtextAlignprop toDataGridCellfor aligning cells and columns to the right.
8f83a25d#1990 Thanks @TheSisb! - [Data Grid] Fixed broken 'striped' prop so it correctly toggles zebra striping on rows.
b7675915#1985 Thanks @TheSisb! - For debugging purposes we now ship afilename.debug.jsunminified version of each component or library in Paste.
ed5c0a49c#1965 Thanks @shleewhite! - Upgrade Paste to use React 17 by default, but maintain React 16 support for consumers.