@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
|
@@ -5,6 +5,7 @@ import { useState } from "react";
|
|
|
5
5
|
import { Tooltip } from "@multiplatform.one/components";
|
|
6
6
|
import { Popover, Text, View, XStack, YStack } from "tamagui";
|
|
7
7
|
import { t } from "../../shared/t.mjs";
|
|
8
|
+
import { iconSizeForToken } from "../../utils/chromeIcons.mjs";
|
|
8
9
|
import { operatorNeedsNoValue } from "../../utils/filterFields.mjs";
|
|
9
10
|
import { FilterOperatorValueEditor } from "../FilterOperatorValueEditor/index.mjs";
|
|
10
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -22,6 +23,7 @@ function ColumnHeaderFilter({
|
|
|
22
23
|
const {
|
|
23
24
|
knobProps
|
|
24
25
|
} = useResolvedKnobs();
|
|
26
|
+
const iconPx = iconSizeForToken(String(knobProps.sizeToken));
|
|
25
27
|
const [open, setOpen] = useState(false);
|
|
26
28
|
const [operator, setOperator] = useState("contains");
|
|
27
29
|
const [value, setValue] = useState("");
|
|
@@ -81,7 +83,7 @@ function ColumnHeaderFilter({
|
|
|
81
83
|
backgroundColor: "$color4"
|
|
82
84
|
},
|
|
83
85
|
children: /* @__PURE__ */jsx(FunnelIcon, {
|
|
84
|
-
size:
|
|
86
|
+
size: iconPx,
|
|
85
87
|
color: isFiltered ? "var(--accentColor)" : "var(--color10)",
|
|
86
88
|
weight: isFiltered ? "fill" : "regular"
|
|
87
89
|
})
|
|
@@ -89,10 +91,7 @@ function ColumnHeaderFilter({
|
|
|
89
91
|
})
|
|
90
92
|
})
|
|
91
93
|
}), /* @__PURE__ */jsxs(Popover.Content, {
|
|
92
|
-
...knobProps.
|
|
93
|
-
borderWidth: 1,
|
|
94
|
-
borderColor: "$color6",
|
|
95
|
-
backgroundColor: "$background",
|
|
94
|
+
...knobProps.elevatedSurface,
|
|
96
95
|
...knobProps.panelPadding,
|
|
97
96
|
minWidth: 240,
|
|
98
97
|
transition: knobProps.transition,
|
|
@@ -104,15 +103,14 @@ function ColumnHeaderFilter({
|
|
|
104
103
|
y: -5,
|
|
105
104
|
opacity: 0
|
|
106
105
|
},
|
|
107
|
-
elevation: knobProps.elevation,
|
|
108
106
|
children: [/* @__PURE__ */jsx(Popover.Arrow, {
|
|
109
|
-
|
|
110
|
-
|
|
107
|
+
borderColor: "$borderColor",
|
|
108
|
+
backgroundColor: "$color1"
|
|
111
109
|
}), /* @__PURE__ */jsxs(YStack, {
|
|
112
110
|
...knobProps.gap,
|
|
113
111
|
children: [/* @__PURE__ */jsx(Text, {
|
|
114
|
-
|
|
115
|
-
fontWeight: "
|
|
112
|
+
...knobProps.label,
|
|
113
|
+
fontWeight: "400",
|
|
116
114
|
color: "$color11",
|
|
117
115
|
children: t("Filter: {{column}}", {
|
|
118
116
|
column: columnLabel
|
|
@@ -125,15 +123,15 @@ function ColumnHeaderFilter({
|
|
|
125
123
|
onValueChange: setValue,
|
|
126
124
|
options
|
|
127
125
|
}), /* @__PURE__ */jsxs(XStack, {
|
|
128
|
-
gap
|
|
126
|
+
...knobProps.gap,
|
|
129
127
|
justifyContent: "flex-end",
|
|
130
128
|
children: [isFiltered && /* @__PURE__ */jsx(Button, {
|
|
131
|
-
size:
|
|
129
|
+
size: knobProps.sizeToken,
|
|
132
130
|
variant: "outlined",
|
|
133
131
|
onPress: handleClear,
|
|
134
132
|
children: t("Clear")
|
|
135
133
|
}), /* @__PURE__ */jsx(Button, {
|
|
136
|
-
size:
|
|
134
|
+
size: knobProps.sizeToken,
|
|
137
135
|
onPress: handleApply,
|
|
138
136
|
children: t("Apply")
|
|
139
137
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FunnelIcon","Button","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useState","Tooltip","Popover","Text","View","XStack","YStack","t","operatorNeedsNoValue","FilterOperatorValueEditor","jsx","jsxs","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","open","setOpen","operator","setOperator","value","setValue","handleApply","handleClear","onOpenChange","children","content","Trigger","asChild","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","size","color","weight","Content","
|
|
1
|
+
{"version":3,"names":["FunnelIcon","Button","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useState","Tooltip","Popover","Text","View","XStack","YStack","t","iconSizeForToken","operatorNeedsNoValue","FilterOperatorValueEditor","jsx","jsxs","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleApply","handleClear","onOpenChange","children","content","Trigger","asChild","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","size","color","weight","Content","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","exitStyle","Arrow","borderColor","gap","label","fontWeight","column","fieldType","onOperatorChange","onValueChange","variant"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ import { useState } from "react";
|
|
|
6
6
|
import { Tooltip } from "@multiplatform.one/components";
|
|
7
7
|
import { Popover, Text, View, XStack, YStack } from "tamagui";
|
|
8
8
|
import { t } from "../../shared/t.native.js";
|
|
9
|
+
import { iconSizeForToken } from "../../utils/chromeIcons.native.js";
|
|
9
10
|
import { operatorNeedsNoValue } from "../../utils/filterFields.native.js";
|
|
10
11
|
import { FilterOperatorValueEditor } from "../FilterOperatorValueEditor/index.native.js";
|
|
11
12
|
var FILTER_TRIGGER_VISUAL = 22;
|
|
@@ -23,6 +24,7 @@ function ColumnHeaderFilter(param) {
|
|
|
23
24
|
var {
|
|
24
25
|
knobProps
|
|
25
26
|
} = useResolvedKnobs();
|
|
27
|
+
var iconPx = iconSizeForToken(String(knobProps.sizeToken));
|
|
26
28
|
var [open, setOpen] = useState(false);
|
|
27
29
|
var [operator, setOperator] = useState("contains");
|
|
28
30
|
var [value, setValue] = useState("");
|
|
@@ -92,7 +94,7 @@ function ColumnHeaderFilter(param) {
|
|
|
92
94
|
backgroundColor: "$color4"
|
|
93
95
|
},
|
|
94
96
|
children: /* @__PURE__ */_jsx(FunnelIcon, {
|
|
95
|
-
size:
|
|
97
|
+
size: iconPx,
|
|
96
98
|
color: isFiltered ? "var(--accentColor)" : "var(--color10)",
|
|
97
99
|
weight: isFiltered ? "fill" : "regular"
|
|
98
100
|
})
|
|
@@ -100,10 +102,7 @@ function ColumnHeaderFilter(param) {
|
|
|
100
102
|
}))
|
|
101
103
|
})
|
|
102
104
|
}), /* @__PURE__ */_jsxs(Popover.Content, {
|
|
103
|
-
...knobProps.
|
|
104
|
-
borderWidth: 1,
|
|
105
|
-
borderColor: "$color6",
|
|
106
|
-
backgroundColor: "$background",
|
|
105
|
+
...knobProps.elevatedSurface,
|
|
107
106
|
...knobProps.panelPadding,
|
|
108
107
|
minWidth: 240,
|
|
109
108
|
transition: knobProps.transition,
|
|
@@ -115,18 +114,14 @@ function ColumnHeaderFilter(param) {
|
|
|
115
114
|
y: -5,
|
|
116
115
|
opacity: 0
|
|
117
116
|
},
|
|
118
|
-
// Knob elevation channel, not `elevate`: Popover.Content has no such
|
|
119
|
-
// variant in tamagui 2.0, so the bare boolean leaked to the DOM
|
|
120
|
-
// (LC-46 class) and painted no shadow.
|
|
121
|
-
elevation: knobProps.elevation,
|
|
122
117
|
children: [/* @__PURE__ */_jsx(Popover.Arrow, {
|
|
123
|
-
|
|
124
|
-
|
|
118
|
+
borderColor: "$borderColor",
|
|
119
|
+
backgroundColor: "$color1"
|
|
125
120
|
}), /* @__PURE__ */_jsxs(YStack, {
|
|
126
121
|
...knobProps.gap,
|
|
127
122
|
children: [/* @__PURE__ */_jsx(Text, {
|
|
128
|
-
|
|
129
|
-
fontWeight: "
|
|
123
|
+
...knobProps.label,
|
|
124
|
+
fontWeight: "400",
|
|
130
125
|
color: "$color11",
|
|
131
126
|
children: t("Filter: {{column}}", {
|
|
132
127
|
column: columnLabel
|
|
@@ -141,15 +136,15 @@ function ColumnHeaderFilter(param) {
|
|
|
141
136
|
options
|
|
142
137
|
}), /* Actions */
|
|
143
138
|
/* @__PURE__ */_jsxs(XStack, {
|
|
144
|
-
gap
|
|
139
|
+
...knobProps.gap,
|
|
145
140
|
justifyContent: "flex-end",
|
|
146
141
|
children: [isFiltered && /* @__PURE__ */_jsx(Button, {
|
|
147
|
-
size:
|
|
142
|
+
size: knobProps.sizeToken,
|
|
148
143
|
variant: "outlined",
|
|
149
144
|
onPress: handleClear,
|
|
150
145
|
children: t("Clear")
|
|
151
146
|
}), /* @__PURE__ */_jsx(Button, {
|
|
152
|
-
size:
|
|
147
|
+
size: knobProps.sizeToken,
|
|
153
148
|
onPress: handleApply,
|
|
154
149
|
children: t("Apply")
|
|
155
150
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FunnelIcon","Button","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useState","Tooltip","Popover","Text","View","XStack","YStack","t","operatorNeedsNoValue","FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","open","setOpen","operator","setOperator","value","setValue","handleApply","handleApply2","handleClear","handleClear2","onOpenChange","children","content","Trigger","asChild","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","size","color","weight","Content","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FunnelIcon","Button","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useState","Tooltip","Popover","Text","View","XStack","YStack","t","iconSizeForToken","operatorNeedsNoValue","FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleApply","handleApply2","handleClear","handleClear2","onOpenChange","children","content","Trigger","asChild","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","size","color","weight","Content","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","exitStyle","Arrow","borderColor","gap","label","fontWeight","column"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ import { View, XStack } from "tamagui";
|
|
|
7
7
|
import { useTranslation } from "react-i18next";
|
|
8
8
|
import { withInterp } from "../../utils/withInterp.mjs";
|
|
9
9
|
import { DataTableFilters } from "../DataTableFilters/index.mjs";
|
|
10
|
+
import { dataTableChrome } from "./dataTableChrome.mjs";
|
|
10
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
12
|
function getColumnLabel(column) {
|
|
12
13
|
return typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
|
|
@@ -26,8 +27,10 @@ function DataTableCardControls({
|
|
|
26
27
|
knobProps,
|
|
27
28
|
disabledState
|
|
28
29
|
} = useResolvedKnobs({
|
|
30
|
+
component: "DataTable",
|
|
29
31
|
compact
|
|
30
32
|
});
|
|
33
|
+
const chrome = dataTableChrome(String(knobProps.sizeToken));
|
|
31
34
|
const [sortMenuOpen, setSortMenuOpen] = useState(false);
|
|
32
35
|
const sortableColumns = enableSorting ? table.getVisibleLeafColumns().filter(col => col.getCanSort()) : [];
|
|
33
36
|
const activeSort = table.getState().sorting?.[0];
|
|
@@ -53,7 +56,7 @@ function DataTableCardControls({
|
|
|
53
56
|
size: knobProps.sizeToken,
|
|
54
57
|
variant: "outlined",
|
|
55
58
|
icon: /* @__PURE__ */jsx(CaretUpDownIcon, {
|
|
56
|
-
size:
|
|
59
|
+
size: chrome.iconPx
|
|
57
60
|
}),
|
|
58
61
|
"aria-label": t("Sort rows"),
|
|
59
62
|
disabled,
|
|
@@ -67,14 +70,14 @@ function DataTableCardControls({
|
|
|
67
70
|
return /* @__PURE__ */jsx(DropdownMenu.Item, {
|
|
68
71
|
closeOnSelect: false,
|
|
69
72
|
icon: sorted === "asc" ? /* @__PURE__ */jsx(CaretDownIcon, {
|
|
70
|
-
size:
|
|
73
|
+
size: chrome.iconPx
|
|
71
74
|
}) : sorted === "desc" ? /* @__PURE__ */jsx(CaretDownIcon, {
|
|
72
|
-
size:
|
|
75
|
+
size: chrome.iconPx,
|
|
73
76
|
style: {
|
|
74
77
|
transform: "rotate(180deg)"
|
|
75
78
|
}
|
|
76
79
|
}) : /* @__PURE__ */jsx(CaretUpDownIcon, {
|
|
77
|
-
size:
|
|
80
|
+
size: chrome.iconPx
|
|
78
81
|
}),
|
|
79
82
|
"aria-label": withInterp(t("Sort by {{column}}", {
|
|
80
83
|
column: getColumnLabel(column)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","jsx","jsxs","getColumnLabel","column","columnDef","header","id","DataTableCardControls","table","enableSorting","enableFiltering","availableColumns","compact","disabled","t","knobProps","disabledState","sortMenuOpen","setSortMenuOpen","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","alignItems","flexWrap","gap","paddingVertical","role","children","length","open","onOpenChange","Trigger","asChild","size","
|
|
1
|
+
{"version":3,"names":["CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","dataTableChrome","jsx","jsxs","getColumnLabel","column","columnDef","header","id","DataTableCardControls","table","enableSorting","enableFiltering","availableColumns","compact","disabled","t","knobProps","disabledState","component","chrome","String","sizeToken","sortMenuOpen","setSortMenuOpen","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","alignItems","flexWrap","gap","paddingVertical","role","children","length","open","onOpenChange","Trigger","asChild","size","variant","icon","iconPx","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","style","transform","onSelect","toggleSorting","clearSorting","chromeKnobProps","pointerEvents"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ import { View, XStack } from "tamagui";
|
|
|
8
8
|
import { useTranslation } from "react-i18next";
|
|
9
9
|
import { withInterp } from "../../utils/withInterp.native.js";
|
|
10
10
|
import { DataTableFilters } from "../DataTableFilters/index.native.js";
|
|
11
|
+
import { dataTableChrome } from "./dataTableChrome.native.js";
|
|
11
12
|
function getColumnLabel(column) {
|
|
12
13
|
return typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
|
|
13
14
|
}
|
|
@@ -28,8 +29,10 @@ function DataTableCardControls(param) {
|
|
|
28
29
|
knobProps,
|
|
29
30
|
disabledState
|
|
30
31
|
} = useResolvedKnobs({
|
|
32
|
+
component: "DataTable",
|
|
31
33
|
compact
|
|
32
34
|
});
|
|
35
|
+
var chrome = dataTableChrome(String(knobProps.sizeToken));
|
|
33
36
|
var [sortMenuOpen, setSortMenuOpen] = useState(false);
|
|
34
37
|
var sortableColumns = enableSorting ? table.getVisibleLeafColumns().filter(function (col) {
|
|
35
38
|
return col.getCanSort();
|
|
@@ -57,7 +60,7 @@ function DataTableCardControls(param) {
|
|
|
57
60
|
size: knobProps.sizeToken,
|
|
58
61
|
variant: "outlined",
|
|
59
62
|
icon: /* @__PURE__ */_jsx(CaretUpDownIcon, {
|
|
60
|
-
size:
|
|
63
|
+
size: chrome.iconPx
|
|
61
64
|
}),
|
|
62
65
|
"aria-label": t("Sort rows"),
|
|
63
66
|
disabled,
|
|
@@ -71,14 +74,14 @@ function DataTableCardControls(param) {
|
|
|
71
74
|
return /* @__PURE__ */_jsx(DropdownMenu.Item, {
|
|
72
75
|
closeOnSelect: false,
|
|
73
76
|
icon: sorted === "asc" ? /* @__PURE__ */_jsx(CaretDownIcon, {
|
|
74
|
-
size:
|
|
77
|
+
size: chrome.iconPx
|
|
75
78
|
}) : sorted === "desc" ? /* @__PURE__ */_jsx(CaretDownIcon, {
|
|
76
|
-
size:
|
|
79
|
+
size: chrome.iconPx,
|
|
77
80
|
style: {
|
|
78
81
|
transform: "rotate(180deg)"
|
|
79
82
|
}
|
|
80
83
|
}) : /* @__PURE__ */_jsx(CaretUpDownIcon, {
|
|
81
|
-
size:
|
|
84
|
+
size: chrome.iconPx
|
|
82
85
|
}),
|
|
83
86
|
"aria-label": withInterp(t("Sort by {{column}}", {
|
|
84
87
|
column: getColumnLabel(column)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","getColumnLabel","column","columnDef","header","id","DataTableCardControls","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","knobProps","disabledState","sortMenuOpen","setSortMenuOpen","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","alignItems","flexWrap","gap","paddingVertical","role","children","length","open","onOpenChange","Trigger","asChild","size","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","dataTableChrome","getColumnLabel","column","columnDef","header","id","DataTableCardControls","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","knobProps","disabledState","component","chrome","String","sizeToken","sortMenuOpen","setSortMenuOpen","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","alignItems","flexWrap","gap","paddingVertical","role","children","length","open","onOpenChange","Trigger","asChild","size","variant","icon","iconPx","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","style","transform","onSelect","toggleSorting","clearSorting","chromeKnobProps","pointerEvents"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ import { useTranslation } from "react-i18next";
|
|
|
7
7
|
import { View, XStack, YStack } from "tamagui";
|
|
8
8
|
import { withInterp } from "../../utils/withInterp.mjs";
|
|
9
9
|
import { partitionDocumentListCells } from "./documentListSlots.mjs";
|
|
10
|
+
import { dataTableChrome, rowIntentProps } from "./dataTableChrome.mjs";
|
|
10
11
|
import { tableRowStateProps } from "./rowStateChrome.mjs";
|
|
11
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
13
|
function pickDocumentListTitleCell(visibleCells) {
|
|
@@ -38,7 +39,11 @@ function DataTableDocumentList({
|
|
|
38
39
|
} = useTranslation();
|
|
39
40
|
const {
|
|
40
41
|
knobProps
|
|
41
|
-
} = useResolvedKnobs(
|
|
42
|
+
} = useResolvedKnobs({
|
|
43
|
+
component: "DataTable",
|
|
44
|
+
compact
|
|
45
|
+
});
|
|
46
|
+
const chrome = dataTableChrome(String(knobProps.sizeToken));
|
|
42
47
|
const tableZebraOn = knobProps.tableZebra === "on";
|
|
43
48
|
const rowPad = knobProps.panelPadding.padding;
|
|
44
49
|
const renderRow = useCallback((row, index) => {
|
|
@@ -51,7 +56,7 @@ function DataTableDocumentList({
|
|
|
51
56
|
actions
|
|
52
57
|
} = partitionDocumentListCells(visibleCells, titleCell);
|
|
53
58
|
const position = getGroupPosition(index, tableRows.length);
|
|
54
|
-
const corners = stackRadiusProps(position, knobProps.
|
|
59
|
+
const corners = stackRadiusProps(position, knobProps.borderRadiusOuter.borderRadius);
|
|
55
60
|
const selected = Boolean(enableRowSelection && row.getIsSelected?.());
|
|
56
61
|
const rowState = tableRowStateProps({
|
|
57
62
|
selected,
|
|
@@ -67,7 +72,7 @@ function DataTableDocumentList({
|
|
|
67
72
|
gap: "$3",
|
|
68
73
|
paddingHorizontal: rowPad,
|
|
69
74
|
paddingVertical: "$2",
|
|
70
|
-
minHeight:
|
|
75
|
+
minHeight: chrome.rowPx,
|
|
71
76
|
overflow: "hidden",
|
|
72
77
|
display: "flex",
|
|
73
78
|
flexDirection: "row",
|
|
@@ -83,6 +88,7 @@ function DataTableDocumentList({
|
|
|
83
88
|
...corners
|
|
84
89
|
},
|
|
85
90
|
...(getRowPressProps ? getRowPressProps(row, index, "row") : {}),
|
|
91
|
+
...rowIntentProps(rowData),
|
|
86
92
|
children: [enableRowSelection && /* @__PURE__ */jsx(Checkbox, {
|
|
87
93
|
checked: row.getIsSelected(),
|
|
88
94
|
onChange: checked => {
|
|
@@ -172,7 +178,7 @@ function DataTableDocumentList({
|
|
|
172
178
|
}) : null]
|
|
173
179
|
})]
|
|
174
180
|
}, `${row.id}-${index}`);
|
|
175
|
-
}, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.
|
|
181
|
+
}, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadiusOuter.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn]);
|
|
176
182
|
return /* @__PURE__ */jsx(View, {
|
|
177
183
|
flexDirection: "column",
|
|
178
184
|
display: "flex",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","tableRowStateProps","jsx","jsxs","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","id","String","startsWith","DataTableDocumentList","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","position","length","corners","borderRadius","selected","Boolean","getIsSelected","rowState","zebraOn","children","line","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","overflow","display","flexDirection","flexWrap","width","hoverStyle","checked","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","map","opacity","flexShrink","maxWidth","backgroundColor","title"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,UAAA,QAAkB;AAC3B,SAASC,QAAA,QAAgB;AACzB,SACEC,gBAAA,EACAC,QAAA,EACAC,gBAAA,EACAC,gBAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AAEjC,SAASC,WAAA,QAAmB;AAC5B,SAASC,cAAA,QAAsB;AAC/B,SAASC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAErC,SAASC,UAAA,QAAkB;AAC3B,SAASC,0BAAA,QAAkC;AAC3C,SAASC,kBAAA,QAA0B;
|
|
1
|
+
{"version":3,"names":["EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","jsx","jsxs","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","id","String","startsWith","DataTableDocumentList","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","position","length","corners","borderRadiusOuter","borderRadius","selected","Boolean","getIsSelected","rowState","zebraOn","children","line","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","rowPx","overflow","display","flexDirection","flexWrap","width","hoverStyle","checked","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","map","opacity","flexShrink","maxWidth","backgroundColor","title"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
|
|
|
8
8
|
import { View, XStack, YStack } from "tamagui";
|
|
9
9
|
import { withInterp } from "../../utils/withInterp.native.js";
|
|
10
10
|
import { partitionDocumentListCells } from "./documentListSlots.native.js";
|
|
11
|
+
import { dataTableChrome, rowIntentProps } from "./dataTableChrome.native.js";
|
|
11
12
|
import { tableRowStateProps } from "./rowStateChrome.native.js";
|
|
12
13
|
function pickDocumentListTitleCell(visibleCells) {
|
|
13
14
|
var titled = visibleCells.find(function (cell) {
|
|
@@ -40,7 +41,11 @@ function DataTableDocumentList(param) {
|
|
|
40
41
|
} = useTranslation();
|
|
41
42
|
var {
|
|
42
43
|
knobProps
|
|
43
|
-
} = useResolvedKnobs(
|
|
44
|
+
} = useResolvedKnobs({
|
|
45
|
+
component: "DataTable",
|
|
46
|
+
compact
|
|
47
|
+
});
|
|
48
|
+
var chrome = dataTableChrome(String(knobProps.sizeToken));
|
|
44
49
|
var tableZebraOn = knobProps.tableZebra === "on";
|
|
45
50
|
var rowPad = knobProps.panelPadding.padding;
|
|
46
51
|
var renderRow = useCallback(function (row, index) {
|
|
@@ -55,7 +60,7 @@ function DataTableDocumentList(param) {
|
|
|
55
60
|
actions
|
|
56
61
|
} = partitionDocumentListCells(visibleCells, titleCell);
|
|
57
62
|
var position = getGroupPosition(index, tableRows.length);
|
|
58
|
-
var corners = stackRadiusProps(position, knobProps.
|
|
63
|
+
var corners = stackRadiusProps(position, knobProps.borderRadiusOuter.borderRadius);
|
|
59
64
|
var selected = Boolean(enableRowSelection && ((_row_getIsSelected = row.getIsSelected) === null || _row_getIsSelected === void 0 ? void 0 : _row_getIsSelected.call(row)));
|
|
60
65
|
var rowState = tableRowStateProps({
|
|
61
66
|
selected,
|
|
@@ -71,7 +76,7 @@ function DataTableDocumentList(param) {
|
|
|
71
76
|
gap: "$3",
|
|
72
77
|
paddingHorizontal: rowPad,
|
|
73
78
|
paddingVertical: "$2",
|
|
74
|
-
minHeight:
|
|
79
|
+
minHeight: chrome.rowPx,
|
|
75
80
|
overflow: "hidden",
|
|
76
81
|
display: "flex",
|
|
77
82
|
flexDirection: "row",
|
|
@@ -87,6 +92,7 @@ function DataTableDocumentList(param) {
|
|
|
87
92
|
...corners
|
|
88
93
|
},
|
|
89
94
|
...(getRowPressProps ? getRowPressProps(row, index, "row") : {}),
|
|
95
|
+
...rowIntentProps(rowData),
|
|
90
96
|
children: [enableRowSelection && /* @__PURE__ */_jsx(Checkbox, {
|
|
91
97
|
checked: row.getIsSelected(),
|
|
92
98
|
onChange: function onChange(checked) {
|
|
@@ -182,7 +188,7 @@ function DataTableDocumentList(param) {
|
|
|
182
188
|
}) : null]
|
|
183
189
|
})]
|
|
184
190
|
}, `${row.id}-${index}`);
|
|
185
|
-
}, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.
|
|
191
|
+
}, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadiusOuter.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn]);
|
|
186
192
|
return /* @__PURE__ */_jsx(View, {
|
|
187
193
|
flexDirection: "column",
|
|
188
194
|
display: "flex",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","tableRowStateProps","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","DataTableDocumentList","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","position","length","corners","borderRadius","selected","Boolean","getIsSelected","call","rowState","zebraOn","children","line","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","overflow","display","flexDirection","flexWrap","width","hoverStyle","checked","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","map","opacity","flexShrink","maxWidth"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAkBC,KAAA;AAC3B,SAASC,UAAA,QAAgB;AACzB,SAAAC,QAAA;AAAA,SACEC,gBAAA,EAAAC,QAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SACAC,gBAAA;AAAA,SACAC,WAAA;AAAA,SACAC,cAAA;AAAA,SACKC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AACP,SAASC,UAAA,0CAAwB;AAEjC,SAASC,0BAAmB;AAC5B,SAASC,
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","EmptyState","Checkbox","getGroupPosition","hairline","stackRadiusProps","useResolvedKnobs","TableCellContext","useCallback","useTranslation","View","XStack","YStack","withInterp","partitionDocumentListCells","dataTableChrome","rowIntentProps","tableRowStateProps","pickDocumentListTitleCell","visibleCells","titled","find","cell","meta","column","columnDef","role","content","_cell_column_id","id","String","startsWith","DataTableDocumentList","param","tableRows","enableRowSelection","disabled","hasActiveFilters","renderCellContent","compact","selectRowLabel","getRowPressProps","queryInFlight","t","knobProps","component","chrome","sizeToken","tableZebraOn","tableZebra","rowPad","panelPadding","padding","renderRow","row","index","_ref","_row_getIsSelected","rowData","original","getVisibleCells","titleCell","indicators","metas","actions","position","length","corners","borderRadiusOuter","borderRadius","selected","Boolean","getIsSelected","call","rowState","zebraOn","children","line","testID","alignItems","gap","paddingHorizontal","paddingVertical","minHeight","rowPx","overflow","display","flexDirection","flexWrap","width","hoverStyle","checked","onChange","toggleSelected","checkboxProps","flex","minWidth","Provider","value","inTableCell","isHeader","map","opacity","flexShrink","maxWidth"],"sources":["../../../../src/components/DataTable/DataTableDocumentList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ import { Text, View, XStack } from "tamagui";
|
|
|
7
7
|
import { useTranslation } from "react-i18next";
|
|
8
8
|
import { TableCellContext } from "@multiplatform.one/table-primitives";
|
|
9
9
|
import { withInterp } from "../../utils/withInterp.mjs";
|
|
10
|
+
import { rowIntentProps } from "./dataTableChrome.mjs";
|
|
10
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
12
|
function getColumnLabel(cell) {
|
|
12
13
|
const columnDef = cell.column.columnDef;
|
|
@@ -39,7 +40,10 @@ function DataTableMobileCards({
|
|
|
39
40
|
} = useTranslation();
|
|
40
41
|
const {
|
|
41
42
|
knobProps
|
|
42
|
-
} = useResolvedKnobs(
|
|
43
|
+
} = useResolvedKnobs({
|
|
44
|
+
component: "DataTable",
|
|
45
|
+
compact
|
|
46
|
+
});
|
|
43
47
|
const tableZebraOn = knobProps.tableZebra === "on";
|
|
44
48
|
const renderMobileCard = useCallback((row, index) => {
|
|
45
49
|
const rowData = row.original;
|
|
@@ -59,6 +63,7 @@ function DataTableMobileCards({
|
|
|
59
63
|
"data-table-zebra": tableZebraOn ? index % 2 === 0 ? "even" : "odd" : "off"
|
|
60
64
|
},
|
|
61
65
|
...(getRowPressProps ? getRowPressProps(row, index, "card") : {}),
|
|
66
|
+
...rowIntentProps(rowData),
|
|
62
67
|
children: [/* @__PURE__ */jsxs(XStack, {
|
|
63
68
|
alignItems: "center",
|
|
64
69
|
gap: "$2",
|