@multiplatform.one/table 7.4.1 → 7.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/ChildTable/index.cjs +12 -3
- package/dist/cjs/components/ChildTable/index.native.js +14 -3
- package/dist/cjs/components/ChildTable/index.native.js.map +1 -1
- package/dist/cjs/components/ColumnHeaderFilter/index.cjs +11 -13
- package/dist/cjs/components/ColumnHeaderFilter/index.native.js +11 -16
- package/dist/cjs/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableCardControls.cjs +7 -4
- package/dist/cjs/components/DataTable/DataTableCardControls.native.js +7 -4
- package/dist/cjs/components/DataTable/DataTableCardControls.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableDocumentList.cjs +10 -4
- package/dist/cjs/components/DataTable/DataTableDocumentList.native.js +10 -4
- package/dist/cjs/components/DataTable/DataTableDocumentList.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableMobileCards.cjs +6 -1
- package/dist/cjs/components/DataTable/DataTableMobileCards.native.js +6 -1
- package/dist/cjs/components/DataTable/DataTableMobileCards.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableRoot.cjs +55 -42
- package/dist/cjs/components/DataTable/DataTableRoot.native.js +55 -42
- package/dist/cjs/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableVirtualized.cjs +5 -2
- package/dist/cjs/components/DataTable/DataTableVirtualized.native.js +5 -2
- package/dist/cjs/components/DataTable/DataTableVirtualized.native.js.map +1 -1
- package/dist/cjs/components/DataTable/dataTableChrome.cjs +59 -0
- package/dist/cjs/components/DataTable/dataTableChrome.native.js +62 -0
- package/dist/cjs/components/DataTable/dataTableChrome.native.js.map +1 -0
- package/dist/cjs/components/DataTable/index.native.js +34 -20
- package/dist/cjs/components/DataTable/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableBulkActions/index.cjs +6 -4
- package/dist/cjs/components/DataTableBulkActions/index.native.js +6 -4
- package/dist/cjs/components/DataTableBulkActions/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableCell/CellModalEditor.cjs +9 -31
- package/dist/cjs/components/DataTableCell/CellModalEditor.native.js +2 -5
- package/dist/cjs/components/DataTableCell/CellModalEditor.native.js.map +1 -1
- package/dist/cjs/components/DataTableCell/CellOptionsEditor.cjs +0 -1
- package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js +0 -1
- package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js.map +1 -1
- package/dist/cjs/components/DataTableColumnPinning/index.cjs +7 -4
- package/dist/cjs/components/DataTableColumnPinning/index.native.js +7 -4
- package/dist/cjs/components/DataTableColumnPinning/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableDateFilter/index.cjs +24 -22
- package/dist/cjs/components/DataTableDateFilter/index.native.js +24 -22
- package/dist/cjs/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableExport/index.cjs +42 -28
- package/dist/cjs/components/DataTableExport/index.native.js +42 -28
- package/dist/cjs/components/DataTableExport/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableFacetMenu/index.cjs +10 -4
- package/dist/cjs/components/DataTableFacetMenu/index.native.js +10 -4
- package/dist/cjs/components/DataTableFacetMenu/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableFilters/index.cjs +3 -3
- package/dist/cjs/components/DataTableFilters/index.native.js +3 -3
- package/dist/cjs/components/DataTableFilters/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableGrouping/index.cjs +46 -41
- package/dist/cjs/components/DataTableGrouping/index.native.js +46 -41
- package/dist/cjs/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/cjs/components/DataTablePagination/index.cjs +4 -2
- package/dist/cjs/components/DataTablePagination/index.native.js +4 -2
- package/dist/cjs/components/DataTablePagination/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableSearch/index.cjs +3 -3
- package/dist/cjs/components/DataTableSearch/index.native.js +3 -3
- package/dist/cjs/components/DataTableToolbar/index.cjs +19 -13
- package/dist/cjs/components/DataTableToolbar/index.native.js +19 -15
- package/dist/cjs/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableViewOptions/index.cjs +36 -35
- package/dist/cjs/components/DataTableViewOptions/index.native.js +36 -35
- package/dist/cjs/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/cjs/components/KnobDialog.cjs +1 -3
- package/dist/cjs/components/KnobDialog.native.js +1 -3
- package/dist/cjs/components/KnobDialog.native.js.map +1 -1
- package/dist/cjs/components/SimpleTable/index.cjs +159 -117
- package/dist/cjs/components/SimpleTable/index.native.js +168 -128
- package/dist/cjs/components/SimpleTable/index.native.js.map +1 -1
- package/dist/cjs/components/TableInput/index.cjs +159 -90
- package/dist/cjs/components/TableInput/index.native.js +3 -3
- package/dist/cjs/components/TableInput/index.native.js.map +1 -1
- package/dist/cjs/utils/chromeIcons.cjs +31 -0
- package/dist/cjs/utils/chromeIcons.native.js +34 -0
- package/dist/cjs/utils/chromeIcons.native.js.map +1 -0
- package/dist/esm/components/ChildTable/index.mjs +12 -3
- package/dist/esm/components/ChildTable/index.mjs.map +1 -1
- package/dist/esm/components/ChildTable/index.native.js +14 -3
- package/dist/esm/components/ChildTable/index.native.js.map +1 -1
- package/dist/esm/components/ColumnHeaderFilter/index.mjs +11 -13
- package/dist/esm/components/ColumnHeaderFilter/index.mjs.map +1 -1
- package/dist/esm/components/ColumnHeaderFilter/index.native.js +11 -16
- package/dist/esm/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableCardControls.mjs +7 -4
- package/dist/esm/components/DataTable/DataTableCardControls.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableCardControls.native.js +7 -4
- package/dist/esm/components/DataTable/DataTableCardControls.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableDocumentList.mjs +10 -4
- package/dist/esm/components/DataTable/DataTableDocumentList.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableDocumentList.native.js +10 -4
- package/dist/esm/components/DataTable/DataTableDocumentList.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableMobileCards.mjs +6 -1
- package/dist/esm/components/DataTable/DataTableMobileCards.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableMobileCards.native.js +6 -1
- package/dist/esm/components/DataTable/DataTableMobileCards.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableRoot.mjs +55 -42
- package/dist/esm/components/DataTable/DataTableRoot.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableRoot.native.js +55 -42
- package/dist/esm/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableVirtualized.mjs +5 -2
- package/dist/esm/components/DataTable/DataTableVirtualized.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableVirtualized.native.js +5 -2
- package/dist/esm/components/DataTable/DataTableVirtualized.native.js.map +1 -1
- package/dist/esm/components/DataTable/dataTableChrome.mjs +32 -0
- package/dist/esm/components/DataTable/dataTableChrome.mjs.map +1 -0
- package/dist/esm/components/DataTable/dataTableChrome.native.js +32 -0
- package/dist/esm/components/DataTable/dataTableChrome.native.js.map +1 -0
- package/dist/esm/components/DataTable/index.native.js +34 -20
- package/dist/esm/components/DataTable/index.native.js.map +1 -1
- package/dist/esm/components/DataTableBulkActions/index.mjs +6 -4
- package/dist/esm/components/DataTableBulkActions/index.mjs.map +1 -1
- package/dist/esm/components/DataTableBulkActions/index.native.js +6 -4
- package/dist/esm/components/DataTableBulkActions/index.native.js.map +1 -1
- package/dist/esm/components/DataTableCell/CellModalEditor.mjs +11 -33
- package/dist/esm/components/DataTableCell/CellModalEditor.mjs.map +1 -1
- package/dist/esm/components/DataTableCell/CellModalEditor.native.js +2 -5
- package/dist/esm/components/DataTableCell/CellModalEditor.native.js.map +1 -1
- package/dist/esm/components/DataTableCell/CellOptionsEditor.mjs +0 -1
- package/dist/esm/components/DataTableCell/CellOptionsEditor.mjs.map +1 -1
- package/dist/esm/components/DataTableCell/CellOptionsEditor.native.js +0 -1
- package/dist/esm/components/DataTableCell/CellOptionsEditor.native.js.map +1 -1
- package/dist/esm/components/DataTableColumnPinning/index.mjs +7 -4
- package/dist/esm/components/DataTableColumnPinning/index.mjs.map +1 -1
- package/dist/esm/components/DataTableColumnPinning/index.native.js +7 -4
- package/dist/esm/components/DataTableColumnPinning/index.native.js.map +1 -1
- package/dist/esm/components/DataTableDateFilter/index.mjs +24 -22
- package/dist/esm/components/DataTableDateFilter/index.mjs.map +1 -1
- package/dist/esm/components/DataTableDateFilter/index.native.js +24 -22
- package/dist/esm/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/esm/components/DataTableExport/index.mjs +43 -29
- package/dist/esm/components/DataTableExport/index.mjs.map +1 -1
- package/dist/esm/components/DataTableExport/index.native.js +43 -29
- package/dist/esm/components/DataTableExport/index.native.js.map +1 -1
- package/dist/esm/components/DataTableFacetMenu/index.mjs +10 -4
- package/dist/esm/components/DataTableFacetMenu/index.mjs.map +1 -1
- package/dist/esm/components/DataTableFacetMenu/index.native.js +10 -4
- package/dist/esm/components/DataTableFacetMenu/index.native.js.map +1 -1
- package/dist/esm/components/DataTableFilters/index.mjs +3 -3
- package/dist/esm/components/DataTableFilters/index.mjs.map +1 -1
- package/dist/esm/components/DataTableFilters/index.native.js +3 -3
- package/dist/esm/components/DataTableFilters/index.native.js.map +1 -1
- package/dist/esm/components/DataTableGrouping/index.mjs +47 -42
- package/dist/esm/components/DataTableGrouping/index.mjs.map +1 -1
- package/dist/esm/components/DataTableGrouping/index.native.js +47 -42
- package/dist/esm/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/esm/components/DataTablePagination/index.mjs +4 -2
- package/dist/esm/components/DataTablePagination/index.mjs.map +1 -1
- package/dist/esm/components/DataTablePagination/index.native.js +4 -2
- package/dist/esm/components/DataTablePagination/index.native.js.map +1 -1
- package/dist/esm/components/DataTableSearch/index.mjs +3 -3
- package/dist/esm/components/DataTableSearch/index.native.js +3 -3
- package/dist/esm/components/DataTableToolbar/index.mjs +19 -13
- package/dist/esm/components/DataTableToolbar/index.mjs.map +1 -1
- package/dist/esm/components/DataTableToolbar/index.native.js +19 -15
- package/dist/esm/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/esm/components/DataTableViewOptions/index.mjs +36 -35
- package/dist/esm/components/DataTableViewOptions/index.mjs.map +1 -1
- package/dist/esm/components/DataTableViewOptions/index.native.js +36 -35
- package/dist/esm/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/esm/components/KnobDialog.mjs +1 -3
- package/dist/esm/components/KnobDialog.mjs.map +1 -1
- package/dist/esm/components/KnobDialog.native.js +1 -3
- package/dist/esm/components/KnobDialog.native.js.map +1 -1
- package/dist/esm/components/SimpleTable/index.mjs +160 -118
- package/dist/esm/components/SimpleTable/index.mjs.map +1 -1
- package/dist/esm/components/SimpleTable/index.native.js +169 -129
- package/dist/esm/components/SimpleTable/index.native.js.map +1 -1
- package/dist/esm/components/TableInput/index.mjs +160 -91
- package/dist/esm/components/TableInput/index.mjs.map +1 -1
- package/dist/esm/components/TableInput/index.native.js +3 -3
- package/dist/esm/components/TableInput/index.native.js.map +1 -1
- package/dist/esm/utils/chromeIcons.mjs +6 -0
- package/dist/esm/utils/chromeIcons.mjs.map +1 -0
- package/dist/esm/utils/chromeIcons.native.js +6 -0
- package/dist/esm/utils/chromeIcons.native.js.map +1 -0
- package/dist/jsx/components/ChildTable/index.mjs +12 -3
- package/dist/jsx/components/ChildTable/index.mjs.map +1 -1
- package/dist/jsx/components/ChildTable/index.native.js +14 -3
- package/dist/jsx/components/ChildTable/index.native.js.map +1 -1
- package/dist/jsx/components/ColumnHeaderFilter/index.mjs +11 -13
- package/dist/jsx/components/ColumnHeaderFilter/index.mjs.map +1 -1
- package/dist/jsx/components/ColumnHeaderFilter/index.native.js +11 -16
- package/dist/jsx/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableCardControls.mjs +7 -4
- package/dist/jsx/components/DataTable/DataTableCardControls.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableCardControls.native.js +7 -4
- package/dist/jsx/components/DataTable/DataTableCardControls.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableDocumentList.mjs +10 -4
- package/dist/jsx/components/DataTable/DataTableDocumentList.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableDocumentList.native.js +10 -4
- package/dist/jsx/components/DataTable/DataTableDocumentList.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableMobileCards.mjs +6 -1
- package/dist/jsx/components/DataTable/DataTableMobileCards.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableMobileCards.native.js +6 -1
- package/dist/jsx/components/DataTable/DataTableMobileCards.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableRoot.mjs +55 -42
- package/dist/jsx/components/DataTable/DataTableRoot.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableRoot.native.js +55 -42
- package/dist/jsx/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableVirtualized.mjs +5 -2
- package/dist/jsx/components/DataTable/DataTableVirtualized.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableVirtualized.native.js +5 -2
- package/dist/jsx/components/DataTable/DataTableVirtualized.native.js.map +1 -1
- package/dist/jsx/components/DataTable/dataTableChrome.mjs +32 -0
- package/dist/jsx/components/DataTable/dataTableChrome.mjs.map +1 -0
- package/dist/jsx/components/DataTable/dataTableChrome.native.js +62 -0
- package/dist/jsx/components/DataTable/dataTableChrome.native.js.map +1 -0
- package/dist/jsx/components/DataTable/index.native.js +34 -20
- package/dist/jsx/components/DataTable/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableBulkActions/index.mjs +6 -4
- package/dist/jsx/components/DataTableBulkActions/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableBulkActions/index.native.js +6 -4
- package/dist/jsx/components/DataTableBulkActions/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableCell/CellModalEditor.mjs +11 -33
- package/dist/jsx/components/DataTableCell/CellModalEditor.mjs.map +1 -1
- package/dist/jsx/components/DataTableCell/CellModalEditor.native.js +2 -5
- package/dist/jsx/components/DataTableCell/CellModalEditor.native.js.map +1 -1
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.mjs +0 -1
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.mjs.map +1 -1
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.native.js +0 -1
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.native.js.map +1 -1
- package/dist/jsx/components/DataTableColumnPinning/index.mjs +7 -4
- package/dist/jsx/components/DataTableColumnPinning/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableColumnPinning/index.native.js +7 -4
- package/dist/jsx/components/DataTableColumnPinning/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableDateFilter/index.mjs +24 -22
- package/dist/jsx/components/DataTableDateFilter/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableDateFilter/index.native.js +24 -22
- package/dist/jsx/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableExport/index.mjs +43 -29
- package/dist/jsx/components/DataTableExport/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableExport/index.native.js +42 -28
- package/dist/jsx/components/DataTableExport/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableFacetMenu/index.mjs +10 -4
- package/dist/jsx/components/DataTableFacetMenu/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableFacetMenu/index.native.js +10 -4
- package/dist/jsx/components/DataTableFacetMenu/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableFilters/index.mjs +3 -3
- package/dist/jsx/components/DataTableFilters/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableFilters/index.native.js +3 -3
- package/dist/jsx/components/DataTableFilters/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableGrouping/index.mjs +47 -42
- package/dist/jsx/components/DataTableGrouping/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableGrouping/index.native.js +46 -41
- package/dist/jsx/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/jsx/components/DataTablePagination/index.mjs +4 -2
- package/dist/jsx/components/DataTablePagination/index.mjs.map +1 -1
- package/dist/jsx/components/DataTablePagination/index.native.js +4 -2
- package/dist/jsx/components/DataTablePagination/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableSearch/index.mjs +3 -3
- package/dist/jsx/components/DataTableSearch/index.native.js +3 -3
- package/dist/jsx/components/DataTableToolbar/index.mjs +19 -13
- package/dist/jsx/components/DataTableToolbar/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableToolbar/index.native.js +19 -15
- package/dist/jsx/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableViewOptions/index.mjs +36 -35
- package/dist/jsx/components/DataTableViewOptions/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableViewOptions/index.native.js +36 -35
- package/dist/jsx/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/jsx/components/KnobDialog.mjs +1 -3
- package/dist/jsx/components/KnobDialog.mjs.map +1 -1
- package/dist/jsx/components/KnobDialog.native.js +1 -3
- package/dist/jsx/components/KnobDialog.native.js.map +1 -1
- package/dist/jsx/components/SimpleTable/index.mjs +160 -118
- package/dist/jsx/components/SimpleTable/index.mjs.map +1 -1
- package/dist/jsx/components/SimpleTable/index.native.js +168 -128
- package/dist/jsx/components/SimpleTable/index.native.js.map +1 -1
- package/dist/jsx/components/TableInput/index.mjs +160 -91
- package/dist/jsx/components/TableInput/index.mjs.map +1 -1
- package/dist/jsx/components/TableInput/index.native.js +3 -3
- package/dist/jsx/components/TableInput/index.native.js.map +1 -1
- package/dist/jsx/utils/chromeIcons.mjs +6 -0
- package/dist/jsx/utils/chromeIcons.mjs.map +1 -0
- package/dist/jsx/utils/chromeIcons.native.js +34 -0
- package/dist/jsx/utils/chromeIcons.native.js.map +1 -0
- package/package.json +12 -12
- package/src/components/ChildTable/ChildTable.stories.tsx +144 -0
- package/src/components/ChildTable/childTable.reorder.spec.tsx +65 -0
- package/src/components/ChildTable/childTable.spec.tsx +108 -0
- package/src/components/ChildTable/index.tsx +21 -2
- package/src/components/ColumnHeaderFilter/index.tsx +9 -14
- package/src/components/DataTable/DataTableCardControls.tsx +19 -16
- package/src/components/DataTable/DataTableDocumentList.tsx +7 -4
- package/src/components/DataTable/DataTableMobileCards.tsx +3 -1
- package/src/components/DataTable/DataTableRoot.tsx +52 -41
- package/src/components/DataTable/DataTableVirtualized.tsx +6 -2
- package/src/components/DataTable/FieldsInCells.stories.tsx +10 -5
- package/src/components/DataTable/dataTableChrome.ts +48 -0
- package/src/components/DataTable/designLaw.spec.tsx +114 -0
- package/src/components/DataTable/index.native.tsx +46 -20
- package/src/components/DataTableBulkActions/index.tsx +5 -3
- package/src/components/DataTableCell/CellModalEditor.native.tsx +3 -6
- package/src/components/DataTableCell/CellModalEditor.tsx +11 -22
- package/src/components/DataTableCell/CellOptionsEditor.tsx +0 -1
- package/src/components/DataTableCell/cellDraftPolicy.spec.tsx +8 -1
- package/src/components/DataTableCell/cellModalEditor.spec.tsx +82 -0
- package/src/components/DataTableCell/dataTableCell.spec.tsx +8 -1
- package/src/components/DataTableColumnPinning/index.tsx +6 -4
- package/src/components/DataTableDateFilter/index.tsx +19 -17
- package/src/components/DataTableExport/DataTableExport.spec.tsx +29 -0
- package/src/components/DataTableExport/index.tsx +47 -23
- package/src/components/DataTableFacetMenu/index.tsx +13 -4
- package/src/components/DataTableFilters/index.tsx +3 -3
- package/src/components/DataTableGrouping/index.tsx +42 -35
- package/src/components/DataTablePagination/index.tsx +2 -2
- package/src/components/DataTableSearch/index.tsx +3 -3
- package/src/components/DataTableToolbar/DataTableToolbar.spec.tsx +20 -0
- package/src/components/DataTableToolbar/DataTableToolbar.stories.tsx +1 -9
- package/src/components/DataTableToolbar/index.tsx +19 -14
- package/src/components/DataTableViewOptions/index.tsx +30 -30
- package/src/components/KnobDialog.tsx +1 -3
- package/src/components/SimpleTable/SimpleTable.stories.tsx +13 -0
- package/src/components/SimpleTable/index.tsx +171 -149
- package/src/components/SimpleTable/simpleTable.spec.tsx +120 -0
- package/src/components/TableInput/index.native.tsx +5 -3
- package/src/components/TableInput/index.tsx +207 -113
- package/src/components/chromeDesignLaw.spec.tsx +97 -0
- package/src/utils/chromeIcons.ts +6 -0
- package/types/components/ChildTable/index.d.ts +6 -1
- package/types/components/ChildTable/index.d.ts.map +1 -1
- package/types/components/ColumnHeaderFilter/index.d.ts.map +1 -1
- package/types/components/DataTable/DataTableCardControls.d.ts.map +1 -1
- package/types/components/DataTable/DataTableDocumentList.d.ts.map +1 -1
- package/types/components/DataTable/DataTableMobileCards.d.ts.map +1 -1
- package/types/components/DataTable/DataTableRoot.d.ts +6 -1
- package/types/components/DataTable/DataTableRoot.d.ts.map +1 -1
- package/types/components/DataTable/DataTableVirtualized.d.ts +3 -1
- package/types/components/DataTable/DataTableVirtualized.d.ts.map +1 -1
- package/types/components/DataTable/dataTableChrome.d.ts +27 -0
- package/types/components/DataTable/dataTableChrome.d.ts.map +1 -0
- package/types/components/DataTable/index.native.d.ts +1 -1
- package/types/components/DataTable/index.native.d.ts.map +1 -1
- package/types/components/DataTableBulkActions/index.d.ts.map +1 -1
- package/types/components/DataTableCell/CellModalEditor.d.ts.map +1 -1
- package/types/components/DataTableCell/CellModalEditor.native.d.ts.map +1 -1
- package/types/components/DataTableCell/CellOptionsEditor.d.ts.map +1 -1
- package/types/components/DataTableColumnPinning/index.d.ts.map +1 -1
- package/types/components/DataTableDateFilter/index.d.ts.map +1 -1
- package/types/components/DataTableExport/index.d.ts.map +1 -1
- package/types/components/DataTableFacetMenu/index.d.ts.map +1 -1
- package/types/components/DataTableGrouping/index.d.ts.map +1 -1
- package/types/components/DataTableToolbar/index.d.ts +2 -0
- package/types/components/DataTableToolbar/index.d.ts.map +1 -1
- package/types/components/DataTableViewOptions/index.d.ts.map +1 -1
- package/types/components/KnobDialog.d.ts.map +1 -1
- package/types/components/SimpleTable/index.d.ts.map +1 -1
- package/types/components/TableInput/index.d.ts +8 -4
- package/types/components/TableInput/index.d.ts.map +1 -1
- package/types/components/TableInput/index.native.d.ts +2 -0
- package/types/components/TableInput/index.native.d.ts.map +1 -1
- package/types/utils/chromeIcons.d.ts +3 -0
- package/types/utils/chromeIcons.d.ts.map +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","XStack","useTranslation","TableCellContext","withInterp","jsx","jsxs","getColumnLabel","cell","columnDef","column","metaLabel","meta","label","header","id","DataTableMobileCards","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","tableZebraOn","tableZebra","renderMobileCard","row","index","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","alignItems","gap","length","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,QAAiB;AAC1B,SAASC,UAAA,QAAkB;AAC3B,SAASC,MAAA,EAAQC,QAAA,QAAgB;AACjC,SAASC,QAAA,EAAUC,gBAAA,QAAwB;AAE3C,SAASC,WAAA,QAAmB;AAC5B,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,QAAc;AACnC,SAASC,cAAA,QAAsB;AAC/B,SAASC,gBAAA,QAAwB;AAEjC,SAASC,UAAA,QAAkB;
|
|
1
|
+
{"version":3,"names":["TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","XStack","useTranslation","TableCellContext","withInterp","rowIntentProps","jsx","jsxs","getColumnLabel","cell","columnDef","column","metaLabel","meta","label","header","id","DataTableMobileCards","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","tableZebraOn","tableZebra","renderMobileCard","row","index","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","alignItems","gap","length","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ import { Text, View, XStack } from "tamagui";
|
|
|
8
8
|
import { useTranslation } from "react-i18next";
|
|
9
9
|
import { TableCellContext } from "@multiplatform.one/table-primitives";
|
|
10
10
|
import { withInterp } from "../../utils/withInterp.native.js";
|
|
11
|
+
import { rowIntentProps } from "./dataTableChrome.native.js";
|
|
11
12
|
function getColumnLabel(cell) {
|
|
12
13
|
var _columnDef_meta;
|
|
13
14
|
var columnDef = cell.column.columnDef;
|
|
@@ -41,7 +42,10 @@ function DataTableMobileCards(param) {
|
|
|
41
42
|
} = useTranslation();
|
|
42
43
|
var {
|
|
43
44
|
knobProps
|
|
44
|
-
} = useResolvedKnobs(
|
|
45
|
+
} = useResolvedKnobs({
|
|
46
|
+
component: "DataTable",
|
|
47
|
+
compact
|
|
48
|
+
});
|
|
45
49
|
var tableZebraOn = knobProps.tableZebra === "on";
|
|
46
50
|
var renderMobileCard = useCallback(function (row, index) {
|
|
47
51
|
var _ref;
|
|
@@ -62,6 +66,7 @@ function DataTableMobileCards(param) {
|
|
|
62
66
|
"data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
|
|
63
67
|
},
|
|
64
68
|
...(getRowPressProps ? getRowPressProps(row, index, "card") : {}),
|
|
69
|
+
...rowIntentProps(rowData),
|
|
65
70
|
children: [/* Card header: selection + primary-column title + row number + delete */
|
|
66
71
|
/* @__PURE__ */_jsxs(XStack, {
|
|
67
72
|
alignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","XStack","useTranslation","TableCellContext","withInterp","getColumnLabel","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","DataTableMobileCards","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","tableZebraOn","tableZebra","renderMobileCard","row","index","_ref","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","alignItems","gap","length","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAiB,IAAAC,KAAA;AAC1B,SAASC,SAAA,+BAAkB;AAC3B,SAASC,UAAQ,uCAAgB;AACjC,SAASC,MAAA,EAAAC,QAAU,kCAAwB;AAE3C,SAASC,QAAA,EAAAC,gBAAmB;AAC5B,SAASC,WAAM,QAAM,OAAc;AACnC,SAASC,IAAA,EAAAC,IAAA,EAAAC,MAAA,QAAsB;AAC/B,SAASC,cAAA,uBAAwB;AAEjC,SAASC,gBAAA,QAAkB;
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","TrashIcon","EmptyState","Button","Checkbox","hairline","useResolvedKnobs","useCallback","Text","View","XStack","useTranslation","TableCellContext","withInterp","rowIntentProps","getColumnLabel","cell","_columnDef_meta","columnDef","column","metaLabel","meta","label","header","id","DataTableMobileCards","param","tableRows","enableRowSelection","showRowNumbers","showDeleteRow","readOnly","disabled","dataLength","minRows","hasActiveFilters","renderCellContent","onDeleteRow","selectAllChecked","selectAllIndeterminate","onToggleSelectAll","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","tableZebraOn","tableZebra","renderMobileCard","row","index","_ref","rowData","original","visibleCells","getVisibleCells","titleCell","detailCells","showDelete","testID","surface","cardSurface","elevation","borderColor","backgroundColor","children","alignItems","gap","length","paddingBottom","marginBottom","bottom","borderBottomColor","checked","getIsSelected","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","fontSize","sizeToken","color","fontWeight","chromeless","circular","size","icon","onPress","map","flexDirection","paddingVertical","width","flexShrink","shouldSelect","borderRadius","title"],"sources":["../../../../src/components/DataTable/DataTableMobileCards.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -24,6 +24,7 @@ import { DataTableCardControls } from "./DataTableCardControls.mjs";
|
|
|
24
24
|
import { DataTableMobileCards } from "./DataTableMobileCards.mjs";
|
|
25
25
|
import { DataTableDocumentList } from "./DataTableDocumentList.mjs";
|
|
26
26
|
import { DataTableVirtualized } from "./DataTableVirtualized.mjs";
|
|
27
|
+
import { dataTableChrome, resolveDataTableIntent, rowIntentProps } from "./dataTableChrome.mjs";
|
|
27
28
|
import { tableCellKeyboardProps, tableRowStateProps } from "./rowStateChrome.mjs";
|
|
28
29
|
import { alignToFlex, getDefaultColumnAlign } from "../../utils/columnAlign.mjs";
|
|
29
30
|
import { mapFieldToFilterType } from "../../utils/filterFields.mjs";
|
|
@@ -32,7 +33,6 @@ import { isInteractiveInnerTarget } from "../../utils/rowPress.mjs";
|
|
|
32
33
|
import { bidiIsolate, withInterp } from "../../utils/withInterp.mjs";
|
|
33
34
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
34
35
|
import { createElement } from "react";
|
|
35
|
-
const SELECTION_COL_WIDTH = 40;
|
|
36
36
|
function getColumnField(column) {
|
|
37
37
|
return column.field ?? "input";
|
|
38
38
|
}
|
|
@@ -45,7 +45,6 @@ function resolveColumnAlign(column) {
|
|
|
45
45
|
meta: column.meta
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
|
-
const rowHeightPx = 40;
|
|
49
48
|
function DataTableRoot({
|
|
50
49
|
data,
|
|
51
50
|
columns,
|
|
@@ -110,6 +109,10 @@ function DataTableRoot({
|
|
|
110
109
|
size,
|
|
111
110
|
compact = false,
|
|
112
111
|
disabled = false,
|
|
112
|
+
accent,
|
|
113
|
+
error,
|
|
114
|
+
warning,
|
|
115
|
+
success,
|
|
113
116
|
children,
|
|
114
117
|
"aria-label": ariaLabel,
|
|
115
118
|
"aria-describedby": ariaDescribedBy,
|
|
@@ -123,14 +126,23 @@ function DataTableRoot({
|
|
|
123
126
|
} = useMedia();
|
|
124
127
|
const showList = layout === "list";
|
|
125
128
|
const showCards = !showList && (layout === "cards" || layout === "auto" && sm === false);
|
|
129
|
+
const intent = resolveDataTableIntent({
|
|
130
|
+
accent,
|
|
131
|
+
error,
|
|
132
|
+
warning,
|
|
133
|
+
success
|
|
134
|
+
});
|
|
126
135
|
const {
|
|
127
136
|
knobProps,
|
|
128
137
|
disabledState
|
|
129
138
|
} = useResolvedKnobs({
|
|
130
|
-
intent
|
|
139
|
+
intent,
|
|
131
140
|
component: "DataTable",
|
|
132
141
|
compact
|
|
133
142
|
});
|
|
143
|
+
const chrome = dataTableChrome(String(knobProps.sizeToken));
|
|
144
|
+
const rowHeightPx = chrome.rowPx;
|
|
145
|
+
const selectionColWidth = chrome.selectionCol;
|
|
134
146
|
const isRTL = useDirection() === "rtl";
|
|
135
147
|
const ExpandCaretIcon = isRTL ? CaretLeftIcon : CaretRightIcon;
|
|
136
148
|
const expandedCaretRotation = isRTL ? "rotate(-90deg)" : "rotate(90deg)";
|
|
@@ -569,9 +581,9 @@ function DataTableRoot({
|
|
|
569
581
|
const col = table.getColumn(leftPinned[i]);
|
|
570
582
|
if (col) leftOffset += col.getSize();
|
|
571
583
|
}
|
|
572
|
-
if (enableRowSelection) leftOffset +=
|
|
573
|
-
if (enableRowExpansion) leftOffset +=
|
|
574
|
-
if (showRowNumbers) leftOffset +=
|
|
584
|
+
if (enableRowSelection) leftOffset += selectionColWidth;
|
|
585
|
+
if (enableRowExpansion) leftOffset += chrome.expandCol;
|
|
586
|
+
if (showRowNumbers) leftOffset += chrome.rowNumberCol;
|
|
575
587
|
return {
|
|
576
588
|
position: "sticky",
|
|
577
589
|
insetInlineStart: leftOffset,
|
|
@@ -585,7 +597,7 @@ function DataTableRoot({
|
|
|
585
597
|
const col = table.getColumn(rightPinned[i]);
|
|
586
598
|
if (col) rightOffset += col.getSize();
|
|
587
599
|
}
|
|
588
|
-
if (showDeleteRow && !readOnly) rightOffset +=
|
|
600
|
+
if (showDeleteRow && !readOnly) rightOffset += chrome.deleteCol;
|
|
589
601
|
return {
|
|
590
602
|
position: "sticky",
|
|
591
603
|
insetInlineEnd: rightOffset,
|
|
@@ -616,7 +628,7 @@ function DataTableRoot({
|
|
|
616
628
|
children: [enableRowSelection && /* @__PURE__ */jsx(Table.Cell, {
|
|
617
629
|
...cellRenderProps,
|
|
618
630
|
...cellNavProps(),
|
|
619
|
-
cellWidth:
|
|
631
|
+
cellWidth: selectionColWidth,
|
|
620
632
|
cellHeight,
|
|
621
633
|
cellLocation: "first",
|
|
622
634
|
justifyContent: "center",
|
|
@@ -638,7 +650,7 @@ function DataTableRoot({
|
|
|
638
650
|
}), showRowNumbers && /* @__PURE__ */jsx(Table.Cell, {
|
|
639
651
|
...cellRenderProps,
|
|
640
652
|
...cellNavProps(),
|
|
641
|
-
cellWidth:
|
|
653
|
+
cellWidth: chrome.rowNumberCol,
|
|
642
654
|
cellHeight,
|
|
643
655
|
cellLocation: enableRowSelection ? "middle" : "first",
|
|
644
656
|
children: /* @__PURE__ */jsx(Text, {
|
|
@@ -649,7 +661,7 @@ function DataTableRoot({
|
|
|
649
661
|
}), enableRowExpansion && /* @__PURE__ */jsx(Table.Cell, {
|
|
650
662
|
...cellRenderProps,
|
|
651
663
|
...cellNavProps(),
|
|
652
|
-
cellWidth:
|
|
664
|
+
cellWidth: chrome.expandCol + row.depth * chrome.indent,
|
|
653
665
|
cellHeight,
|
|
654
666
|
cellLocation: enableRowSelection || showRowNumbers ? "middle" : "first",
|
|
655
667
|
paddingLeft: 0,
|
|
@@ -662,11 +674,11 @@ function DataTableRoot({
|
|
|
662
674
|
flexDirection: "row",
|
|
663
675
|
alignItems: "center",
|
|
664
676
|
height: "100%",
|
|
665
|
-
width: row.depth *
|
|
677
|
+
width: row.depth * chrome.indent,
|
|
666
678
|
children: Array.from({
|
|
667
679
|
length: row.depth
|
|
668
680
|
}).map((_, i) => /* @__PURE__ */jsxs(View, {
|
|
669
|
-
width:
|
|
681
|
+
width: chrome.indent,
|
|
670
682
|
height: "100%",
|
|
671
683
|
alignItems: "center",
|
|
672
684
|
justifyContent: "center",
|
|
@@ -675,13 +687,13 @@ function DataTableRoot({
|
|
|
675
687
|
width: 1,
|
|
676
688
|
height: "100%",
|
|
677
689
|
backgroundColor: "$color6",
|
|
678
|
-
left:
|
|
690
|
+
left: chrome.indent / 2
|
|
679
691
|
}), i === row.depth - 1 && /* @__PURE__ */jsx(View, {
|
|
680
692
|
position: "absolute",
|
|
681
693
|
height: 1,
|
|
682
|
-
width:
|
|
694
|
+
width: chrome.indent / 2,
|
|
683
695
|
backgroundColor: "$color6",
|
|
684
|
-
left:
|
|
696
|
+
left: chrome.indent / 2
|
|
685
697
|
})]
|
|
686
698
|
}, i))
|
|
687
699
|
}), row.getCanExpand() ? /* @__PURE__ */jsx(View, {
|
|
@@ -707,14 +719,13 @@ function DataTableRoot({
|
|
|
707
719
|
},
|
|
708
720
|
borderRadius: "$2",
|
|
709
721
|
children: /* @__PURE__ */jsx(ExpandCaretIcon, {
|
|
710
|
-
size:
|
|
722
|
+
size: chrome.iconPx,
|
|
711
723
|
style: {
|
|
712
|
-
transform: row.getIsExpanded() ? expandedCaretRotation : "none"
|
|
713
|
-
transition: "transform 0.15s ease"
|
|
724
|
+
transform: row.getIsExpanded() ? expandedCaretRotation : "none"
|
|
714
725
|
}
|
|
715
726
|
})
|
|
716
727
|
}) : /* @__PURE__ */jsx(View, {
|
|
717
|
-
width:
|
|
728
|
+
width: chrome.expandCol
|
|
718
729
|
})]
|
|
719
730
|
})
|
|
720
731
|
}), row.getVisibleCells().map((cell, cellIndex) => {
|
|
@@ -756,7 +767,7 @@ function DataTableRoot({
|
|
|
756
767
|
}), showDeleteRow && !readOnly && /* @__PURE__ */jsx(Table.Cell, {
|
|
757
768
|
...cellRenderProps,
|
|
758
769
|
...cellNavProps(),
|
|
759
|
-
cellWidth:
|
|
770
|
+
cellWidth: chrome.deleteCol,
|
|
760
771
|
cellHeight,
|
|
761
772
|
cellLocation: "last",
|
|
762
773
|
justifyContent: "center",
|
|
@@ -1016,10 +1027,10 @@ function DataTableRoot({
|
|
|
1016
1027
|
y: "center"
|
|
1017
1028
|
},
|
|
1018
1029
|
cellHeight,
|
|
1019
|
-
borderTopLeftRadius: hasToolbar ? 0 : knobProps.
|
|
1020
|
-
borderTopRightRadius: hasToolbar ? 0 : knobProps.
|
|
1021
|
-
borderBottomLeftRadius: knobProps.
|
|
1022
|
-
borderBottomRightRadius: knobProps.
|
|
1030
|
+
borderTopLeftRadius: hasToolbar ? 0 : knobProps.borderRadiusOuter.borderRadius,
|
|
1031
|
+
borderTopRightRadius: hasToolbar ? 0 : knobProps.borderRadiusOuter.borderRadius,
|
|
1032
|
+
borderBottomLeftRadius: knobProps.borderRadiusOuter.borderRadius,
|
|
1033
|
+
borderBottomRightRadius: knobProps.borderRadiusOuter.borderRadius,
|
|
1023
1034
|
marginBottom: 0,
|
|
1024
1035
|
"aria-label": resolvedAriaLabel,
|
|
1025
1036
|
"aria-rowcount": computed.totalPages * state.pagination.pageSize,
|
|
@@ -1046,14 +1057,14 @@ function DataTableRoot({
|
|
|
1046
1057
|
background: true,
|
|
1047
1058
|
backgroundColor: "$color2",
|
|
1048
1059
|
rowLocation: rowCounter.current === 0 ? "first" : rowCounter.current === allRowsLength - 1 ? "last" : "middle",
|
|
1049
|
-
borderTopRightRadius: hasToolbar ? "$0" : knobProps.
|
|
1050
|
-
borderTopLeftRadius: hasToolbar ? "$0" : knobProps.
|
|
1060
|
+
borderTopRightRadius: hasToolbar ? "$0" : knobProps.borderRadiusOuter.borderRadius,
|
|
1061
|
+
borderTopLeftRadius: hasToolbar ? "$0" : knobProps.borderRadiusOuter.borderRadius,
|
|
1051
1062
|
borderBottomLeftRadius: "$0",
|
|
1052
1063
|
borderBottomRightRadius: "$0",
|
|
1053
1064
|
"aria-rowindex": rowCounter.current
|
|
1054
1065
|
},
|
|
1055
1066
|
children: [enableRowSelection && /* @__PURE__ */jsx(Table.HeaderCell, {
|
|
1056
|
-
cellWidth:
|
|
1067
|
+
cellWidth: selectionColWidth,
|
|
1057
1068
|
cellHeight,
|
|
1058
1069
|
cellLocation: "first",
|
|
1059
1070
|
justifyContent: "center",
|
|
@@ -1072,16 +1083,16 @@ function DataTableRoot({
|
|
|
1072
1083
|
compact: isCompact
|
|
1073
1084
|
})
|
|
1074
1085
|
}), showRowNumbers && /* @__PURE__ */jsx(Table.HeaderCell, {
|
|
1075
|
-
cellWidth:
|
|
1086
|
+
cellWidth: chrome.rowNumberCol,
|
|
1076
1087
|
cellHeight,
|
|
1077
1088
|
cellLocation: enableRowSelection ? "middle" : "first",
|
|
1078
1089
|
children: /* @__PURE__ */jsx(Text, {
|
|
1079
|
-
fontSize:
|
|
1090
|
+
fontSize: knobProps.sizeToken,
|
|
1080
1091
|
fontWeight: "600",
|
|
1081
1092
|
children: "#"
|
|
1082
1093
|
})
|
|
1083
1094
|
}), enableRowExpansion && /* @__PURE__ */jsx(Table.HeaderCell, {
|
|
1084
|
-
cellWidth:
|
|
1095
|
+
cellWidth: chrome.expandCol,
|
|
1085
1096
|
cellHeight,
|
|
1086
1097
|
cellLocation: enableRowSelection || showRowNumbers ? "middle" : "first",
|
|
1087
1098
|
children: /* @__PURE__ */jsx(View, {
|
|
@@ -1161,7 +1172,7 @@ function DataTableRoot({
|
|
|
1161
1172
|
flex: isRightAligned ? void 0 : 1,
|
|
1162
1173
|
justifyContent: isRightAligned ? "flex-end" : void 0,
|
|
1163
1174
|
children: [/* @__PURE__ */jsx(Text, {
|
|
1164
|
-
fontSize:
|
|
1175
|
+
fontSize: knobProps.sizeToken,
|
|
1165
1176
|
userSelect: "none",
|
|
1166
1177
|
children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
|
|
1167
1178
|
}), isSortableHeader && /* @__PURE__ */jsx(Tooltip, {
|
|
@@ -1170,17 +1181,17 @@ function DataTableRoot({
|
|
|
1170
1181
|
"aria-hidden": true,
|
|
1171
1182
|
role: "presentation",
|
|
1172
1183
|
children: [sortDirection === "asc" && /* @__PURE__ */jsx(CaretDownIcon, {
|
|
1173
|
-
size:
|
|
1184
|
+
size: chrome.iconPx,
|
|
1174
1185
|
color: sortDirection ? "var(--color10)" : "var(--color8)"
|
|
1175
1186
|
}), sortDirection === "desc" && /* @__PURE__ */jsx(CaretDownIcon, {
|
|
1176
|
-
size:
|
|
1187
|
+
size: chrome.iconPx,
|
|
1177
1188
|
color: sortDirection ? "var(--color10)" : "var(--color8)",
|
|
1178
1189
|
style: {
|
|
1179
1190
|
transform: "rotate(180deg)"
|
|
1180
1191
|
}
|
|
1181
1192
|
}), sortDirection === false && /* @__PURE__ */jsx(CaretUpDownIcon, {
|
|
1182
|
-
size:
|
|
1183
|
-
color: "
|
|
1193
|
+
size: chrome.iconPx,
|
|
1194
|
+
color: "$color8"
|
|
1184
1195
|
})]
|
|
1185
1196
|
})
|
|
1186
1197
|
})]
|
|
@@ -1230,7 +1241,7 @@ function DataTableRoot({
|
|
|
1230
1241
|
})]
|
|
1231
1242
|
}, header.id);
|
|
1232
1243
|
}), showDeleteRow && !readOnly && /* @__PURE__ */jsx(Table.HeaderCell, {
|
|
1233
|
-
cellWidth:
|
|
1244
|
+
cellWidth: chrome.deleteCol,
|
|
1234
1245
|
cellHeight,
|
|
1235
1246
|
cellLocation: "last"
|
|
1236
1247
|
})]
|
|
@@ -1288,6 +1299,7 @@ function DataTableRoot({
|
|
|
1288
1299
|
extraColumnsAfter,
|
|
1289
1300
|
table,
|
|
1290
1301
|
hasInfiniteTail,
|
|
1302
|
+
rowHeightPx,
|
|
1291
1303
|
...(rowPressActive ? {
|
|
1292
1304
|
getRowPressProps
|
|
1293
1305
|
} : {})
|
|
@@ -1299,7 +1311,7 @@ function DataTableRoot({
|
|
|
1299
1311
|
const isLastRow = index === displayRows.length - 1;
|
|
1300
1312
|
if (enableGrouping && row.getIsGrouped?.()) {
|
|
1301
1313
|
const colSpan = table.getVisibleLeafColumns().length + extraColumnsBefore + extraColumnsAfter;
|
|
1302
|
-
const indent = (row.depth ?? 0) *
|
|
1314
|
+
const indent = (row.depth ?? 0) * chrome.indent;
|
|
1303
1315
|
return /* @__PURE__ */jsx(Table.Row, {
|
|
1304
1316
|
backgroundColor: "$color3",
|
|
1305
1317
|
flexShrink: 0,
|
|
@@ -1365,7 +1377,8 @@ function DataTableRoot({
|
|
|
1365
1377
|
...{
|
|
1366
1378
|
"data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
|
|
1367
1379
|
},
|
|
1368
|
-
...getRowPressProps(row, index)
|
|
1380
|
+
...getRowPressProps(row, index),
|
|
1381
|
+
...rowIntentProps(row.original)
|
|
1369
1382
|
}, renderRowContent(row, index, isLastRow));
|
|
1370
1383
|
const subRow = enableRowExpansion && renderSubComponent && row.getIsExpanded() && !row.subRows?.length ? /* @__PURE__ */jsx(Table.Row, {
|
|
1371
1384
|
backgroundColor: "$color2",
|
|
@@ -1388,17 +1401,17 @@ function DataTableRoot({
|
|
|
1388
1401
|
flexBasis: 0,
|
|
1389
1402
|
minHeight: 0,
|
|
1390
1403
|
children: [enableRowSelection && /* @__PURE__ */jsx(Table.Cell, {
|
|
1391
|
-
cellWidth:
|
|
1404
|
+
cellWidth: selectionColWidth,
|
|
1392
1405
|
cellLocation: "first",
|
|
1393
1406
|
padding: 0,
|
|
1394
1407
|
minHeight: 0
|
|
1395
1408
|
}), showRowNumbers && /* @__PURE__ */jsx(Table.Cell, {
|
|
1396
|
-
cellWidth:
|
|
1409
|
+
cellWidth: chrome.rowNumberCol,
|
|
1397
1410
|
cellLocation: enableRowSelection ? "middle" : "first",
|
|
1398
1411
|
padding: 0,
|
|
1399
1412
|
minHeight: 0
|
|
1400
1413
|
}), enableRowExpansion && /* @__PURE__ */jsx(Table.Cell, {
|
|
1401
|
-
cellWidth:
|
|
1414
|
+
cellWidth: chrome.expandCol,
|
|
1402
1415
|
cellLocation: enableRowSelection || showRowNumbers ? "middle" : "first",
|
|
1403
1416
|
padding: 0,
|
|
1404
1417
|
minHeight: 0
|
|
@@ -1414,7 +1427,7 @@ function DataTableRoot({
|
|
|
1414
1427
|
minHeight: 0
|
|
1415
1428
|
}, header.id);
|
|
1416
1429
|
}), showDeleteRow && !readOnly && /* @__PURE__ */jsx(Table.Cell, {
|
|
1417
|
-
cellWidth:
|
|
1430
|
+
cellWidth: chrome.deleteCol,
|
|
1418
1431
|
cellLocation: "last",
|
|
1419
1432
|
padding: 0,
|
|
1420
1433
|
minHeight: 0
|