@multiplatform.one/table 7.4.0 → 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":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ChildTable_exports","ChildTable","module","exports","import_jsx_runtime","require","import_forms","import_tamagui","import_TableInput","ChildTableFieldError","param","form","children","Subscribe","jsx","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","props","validators","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","useProps","knobProps","resolvedForm","useFormField","formBound","hasLayout","Input","TableInput","table","data","control","YStack","width","role","renderLayout","renderLayout2","resolvedError","FieldLayout"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ChildTable_exports","ChildTable","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_tamagui","import_TableInput","ChildTableFieldError","param","form","children","Subscribe","jsx","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","props","validators","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","enableReorder","enableReorderProp","useProps","knobProps","resolvedForm","useFormField","formBound","hasLayout","emitChange","useCallback","rows","next","some","row","idx","renumberIdx","Input","TableInput","table","data","control","YStack","width","role","renderLayout","renderLayout2","resolvedError","FieldLayout"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAmB;AAC5B,IAAAC,gBAAS,GAAaF,MAAA,CAAAG,wBAAqC;AAC3D,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAc;AACjC,IAAAC,YAAS,GAAAN,MAAA,CAAAO,SAAkB,CAAAC,cAAA;AAgDvB,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAXJ,SAASC,IAAA,IAAAD,GAAA,EACPZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACF,IAIGF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACD,KAAM,IAAAG,GAAA,IAAahB,iBAAa,CAAAa,IAAA,GAChC,IACE,CAAAX,YAAA,CAAAe,IAAA,CAACL,EAAA,EAAAI,GAAA,KAAAA,GAAU,KAAAF,MAAW,EAM1BnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEO;EAGL,OAAME,EAAA;AAAA;AACJ,IACAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACAE,kBAAA;AAAAhB,QACA,CAAAgB,kBAAA;EAAAC,UACA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MACA,CAAAC,OAAA,GAAAN,YAAA,CAAAG,kBAAA;AAAA,IACAI,kBAAA,GAAAC,OAAA;AAAA,IACAC,YAAA,GAAAD,OAAA;AAAA,IACAE,iBAAA,GAAAF,OAAA;AAAA,IACAG,YAAA,GAAAH,OAAA;AAAA,IACAI,cAAA,GAAAJ,OAAA;AAAA,IACAK,iBAAA,GAAAL,OAAA;AAAA,SACAM,oBAAiBA,CAAAC,KAAA;EAAA,IACjB;IAAAC,IAAA;IAAA1B,IAAa;IAAA2B;EAAA,IAAAF,KAAA;EAAA,IACbG,SAAA,GAAAF,IAAgB,CAAAE,SAAA;EAAA,OAChB,mBAAAX,kBAAA,CAAAY,GAAA,EAAAD,SAAA;IACAE,QAAA,WAAAA,SAAAC,KAAA;MACA,IAAAC,qBAAA,EAAAC,gBAAA;MACA,QAAAA,gBAAA,GAAAF,KAAA,CAAAG,SAAA,cAAAD,gBAAA,wBAAAD,qBAAA,GAAAC,gBAAA,CAAAjC,IAAA,eAAAgC,qBAAA,uBAAAA,qBAAA,CAAAG,MAAA;IACA;IACAR,QAAA,WAAeS,UAAAD,MAAA;MACb,OAAAR,QAAc,CAAAQ,MAAA,IAAAA,MAAA,CAAAE,MAAA,GAAAC,MAAA,CAAAH,MAAA;IAElB;EACA;AACA;AACA,SAAMrB,WAAAyB,KAAgB;EAEtB;IAAMvC,IAAA;IAAA0B,IAAA;IAAAc,UAAa;IAAA5B,KAAA;IAAA6B,QAAA;IAAAC,OAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,cAAA;IAAAC,UAAA;IAAAC,aAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,EAAA,EAAAC,MAAA;IAAAC,aAAA,EAAAC;EAAA,QAAAtC,cAAA,CAAAuC,QAAA,EAAAtB,KAAA;EAAA,IAChB;IAAAuB,SAAiB;IAAAL,EAAA;IAAAM;EAAA,QAAA1C,YAAA,CAAA2C,YAAA;IAChBtC,IAAA;IAGA+B,EAAA,EAAAC,MAAA;IACFX;EAAA,EACA;EACF,IAAAkB,SAAA,KAAAF,YAAA,MAAA/D,IAAA;EAIA,IAAAkE,SAAM,GAAQb,KAAA,IAAAC,KAAA,IAAAC,UAAA,IAAAC,QAAA;EAEd,IAAAG,aACE,GAAAC,iBAAA,aAAAA,iBAAA,cAAAA,iBAAA,KAAAf,QAAA,IAAAD,QAAA;EAAA,IAACuB,UAAA,OAAAhD,YAAA,CAAAiD,WAAA,YAAAC,IAAA;IAAA,IAAAC,IAAA,GAAAD,IAAA,CAAAE,IAAA,WAAAC,GAAA;MACC,cAAAA,GAAA,CAAAC,GAAA;IAAA,EACA,OAAMrD,iBAAA,CAAAsD,WAAA,EAAAL,IAAA,IAAAA,IAAA;IAAA5B,QACN,aAAAA,QAAA,uBAAAA,QAAA,CAAA6B,IAAA;EAAA,IACA7B,QACA;EACgB,IAChBkC,KAAA,GAAApD,iBAAU,CAAAqD,UAAA;EAAA,IACVC,KAAA,kBAAqB,IAAA5D,kBAAA,CAAAY,GAAA,EAAA8C,KAAA;IAAA3E,IACrB;IAAA0B,IACA,EAAAqC,YAAU;IAAYvB,UACtB;IAAAgB,QACA;IAAAV,QACA;IAAAgC,IACA,EAAAlE,KAAA,KAAY,QAAAA,KAAe,cAAaA,KAAA;IAAA6B,QACxC,EAAA0B,UAAe;IAA+BzB,OAC9C,EAAAA,OAAA,aAAAA,OAAA,cAAAA,OAAA;IAAAC,UACA;IAA8CE,QAAA,EAAAA,QAAA,IAAAD,QAAA;IAChDI,OAAA;IAGFC,OAAK;IAMLC,cAAgB;IAQhBC,UAAM,EAAAA,UAAgB,KAAAN,QAAA,IACpB,CAAAD,QAAA;IAACQ,aAAA,EAAAA,aAAA,KAAAP,QAAA,KAAAD,QAAA;IAAAG,OAAA;IAAAY,aACC,EAAAA,aAAA,KAAAd,QAAA,KAAAD;EAAA;EACA,IACA,CAAAsB,SAAO,KAAAD,SAAA,SAAAY,KAAA;EAAA,IACPE,OAAA,GAAA1B,KAAA,sBAAApC,kBAAA,CAAAY,GAAA,EAAAP,cAAA,CAAA0D,MAAA;IAAAC,KACA;IAAAxB,EACA;IAAAyB,IAEC;IAAAvD,QAAA,EAAAkD;EACH,KAAAA,KAAA;EAKF,IAAIM,YAAA,GAAa,SAAUC,aAAcA,CAAAC,aAAU;IACjD,OACE,mBAACpE,kBAAA,CAAAY,GAAA,EAAqBR,YAAM,CAAAiE,WAA4B,EACrD;MAGP7B,EAAA;MAEAJ,KAAO;MACTC,KAAA,EAAA+B,aAAA","ignoreList":[]}
|
|
@@ -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":[]}
|
|
@@ -35,6 +35,7 @@ var import_react2 = require("react");
|
|
|
35
35
|
var import_components = require("@multiplatform.one/components");
|
|
36
36
|
var import_tamagui = require("tamagui");
|
|
37
37
|
var import_t = require("../../shared/t.native.js");
|
|
38
|
+
var import_chromeIcons = require("../../utils/chromeIcons.native.js");
|
|
38
39
|
var import_filterFields = require("../../utils/filterFields.native.js");
|
|
39
40
|
var import_FilterOperatorValueEditor = require("../FilterOperatorValueEditor/index.native.js");
|
|
40
41
|
var FILTER_TRIGGER_VISUAL = 22;
|
|
@@ -52,6 +53,7 @@ function ColumnHeaderFilter(param) {
|
|
|
52
53
|
var {
|
|
53
54
|
knobProps
|
|
54
55
|
} = (0, import_theme.useResolvedKnobs)();
|
|
56
|
+
var iconPx = (0, import_chromeIcons.iconSizeForToken)(String(knobProps.sizeToken));
|
|
55
57
|
var [open, setOpen] = (0, import_react2.useState)(false);
|
|
56
58
|
var [operator, setOperator] = (0, import_react2.useState)("contains");
|
|
57
59
|
var [value, setValue] = (0, import_react2.useState)("");
|
|
@@ -121,7 +123,7 @@ function ColumnHeaderFilter(param) {
|
|
|
121
123
|
backgroundColor: "$color4"
|
|
122
124
|
},
|
|
123
125
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
|
|
124
|
-
size:
|
|
126
|
+
size: iconPx,
|
|
125
127
|
color: isFiltered ? "var(--accentColor)" : "var(--color10)",
|
|
126
128
|
weight: isFiltered ? "fill" : "regular"
|
|
127
129
|
})
|
|
@@ -129,10 +131,7 @@ function ColumnHeaderFilter(param) {
|
|
|
129
131
|
}))
|
|
130
132
|
})
|
|
131
133
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
|
|
132
|
-
...knobProps.
|
|
133
|
-
borderWidth: 1,
|
|
134
|
-
borderColor: "$color6",
|
|
135
|
-
backgroundColor: "$background",
|
|
134
|
+
...knobProps.elevatedSurface,
|
|
136
135
|
...knobProps.panelPadding,
|
|
137
136
|
minWidth: 240,
|
|
138
137
|
transition: knobProps.transition,
|
|
@@ -144,18 +143,14 @@ function ColumnHeaderFilter(param) {
|
|
|
144
143
|
y: -5,
|
|
145
144
|
opacity: 0
|
|
146
145
|
},
|
|
147
|
-
// Knob elevation channel, not `elevate`: Popover.Content has no such
|
|
148
|
-
// variant in tamagui 2.0, so the bare boolean leaked to the DOM
|
|
149
|
-
// (LC-46 class) and painted no shadow.
|
|
150
|
-
elevation: knobProps.elevation,
|
|
151
146
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
|
|
152
|
-
|
|
153
|
-
|
|
147
|
+
borderColor: "$borderColor",
|
|
148
|
+
backgroundColor: "$color1"
|
|
154
149
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
155
150
|
...knobProps.gap,
|
|
156
151
|
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
|
|
157
|
-
|
|
158
|
-
fontWeight: "
|
|
152
|
+
...knobProps.label,
|
|
153
|
+
fontWeight: "400",
|
|
159
154
|
color: "$color11",
|
|
160
155
|
children: (0, import_t.t)("Filter: {{column}}", {
|
|
161
156
|
column: columnLabel
|
|
@@ -170,15 +165,15 @@ function ColumnHeaderFilter(param) {
|
|
|
170
165
|
options
|
|
171
166
|
}), /* Actions */
|
|
172
167
|
/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
173
|
-
gap
|
|
168
|
+
...knobProps.gap,
|
|
174
169
|
justifyContent: "flex-end",
|
|
175
170
|
children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
|
|
176
|
-
size:
|
|
171
|
+
size: knobProps.sizeToken,
|
|
177
172
|
variant: "outlined",
|
|
178
173
|
onPress: handleClear,
|
|
179
174
|
children: (0, import_t.t)("Clear")
|
|
180
175
|
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
|
|
181
|
-
size:
|
|
176
|
+
size: knobProps.sizeToken,
|
|
182
177
|
onPress: handleApply,
|
|
183
178
|
children: (0, import_t.t)("Apply")
|
|
184
179
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ColumnHeaderFilter_exports","ColumnHeaderFilter","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_components","import_tamagui","import_t","import_filterFields","import_FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","MIN_PRESS_TARGET","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","open","setOpen","useState","operator","setOperator","setValue","handleApply","handleApply2","operatorNeedsNoValue","handleClear","handleClear2","jsxs","Popover","onOpenChange","children","jsx","Tooltip","content","t","Trigger","asChild","View","cursor","pressTargetStyle","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","pressTargetHitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","FunnelIcon","size","color","weight","Content","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ColumnHeaderFilter_exports","ColumnHeaderFilter","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_components","import_tamagui","import_t","import_chromeIcons","import_filterFields","import_FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","MIN_PRESS_TARGET","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","iconPx","iconSizeForToken","String","sizeToken","open","setOpen","useState","operator","setOperator","setValue","handleApply","handleApply2","operatorNeedsNoValue","handleClear","handleClear2","jsxs","Popover","onOpenChange","children","jsx","Tooltip","content","t","Trigger","asChild","View","cursor","pressTargetStyle","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","pressTargetHitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","FunnelIcon","size","color","weight","Content","elevatedSurface","panelPadding","minWidth"],"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":[]}
|
|
@@ -37,6 +37,7 @@ var import_tamagui = require("tamagui");
|
|
|
37
37
|
var import_react_i18next = require("react-i18next");
|
|
38
38
|
var import_withInterp = require("../../utils/withInterp.native.js");
|
|
39
39
|
var import_DataTableFilters = require("../DataTableFilters/index.native.js");
|
|
40
|
+
var import_dataTableChrome = require("./dataTableChrome.native.js");
|
|
40
41
|
function getColumnLabel(column) {
|
|
41
42
|
return typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
|
|
42
43
|
}
|
|
@@ -57,8 +58,10 @@ function DataTableCardControls(param) {
|
|
|
57
58
|
knobProps,
|
|
58
59
|
disabledState
|
|
59
60
|
} = (0, import_theme.useResolvedKnobs)({
|
|
61
|
+
component: "DataTable",
|
|
60
62
|
compact
|
|
61
63
|
});
|
|
64
|
+
var chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
|
|
62
65
|
var [sortMenuOpen, setSortMenuOpen] = (0, import_react2.useState)(false);
|
|
63
66
|
var sortableColumns = enableSorting ? table.getVisibleLeafColumns().filter(function (col) {
|
|
64
67
|
return col.getCanSort();
|
|
@@ -86,7 +89,7 @@ function DataTableCardControls(param) {
|
|
|
86
89
|
size: knobProps.sizeToken,
|
|
87
90
|
variant: "outlined",
|
|
88
91
|
icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretUpDownIcon, {
|
|
89
|
-
size:
|
|
92
|
+
size: chrome.iconPx
|
|
90
93
|
}),
|
|
91
94
|
"aria-label": t("Sort rows"),
|
|
92
95
|
disabled,
|
|
@@ -100,14 +103,14 @@ function DataTableCardControls(param) {
|
|
|
100
103
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
|
|
101
104
|
closeOnSelect: false,
|
|
102
105
|
icon: sorted === "asc" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
|
|
103
|
-
size:
|
|
106
|
+
size: chrome.iconPx
|
|
104
107
|
}) : sorted === "desc" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
|
|
105
|
-
size:
|
|
108
|
+
size: chrome.iconPx,
|
|
106
109
|
style: {
|
|
107
110
|
transform: "rotate(180deg)"
|
|
108
111
|
}
|
|
109
112
|
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretUpDownIcon, {
|
|
110
|
-
size:
|
|
113
|
+
size: chrome.iconPx
|
|
111
114
|
}),
|
|
112
115
|
"aria-label": (0, import_withInterp.withInterp)(t("Sort by {{column}}", {
|
|
113
116
|
column: getColumnLabel(column)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableCardControls_exports","DataTableCardControls","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_withInterp","import_DataTableFilters","getColumnLabel","column","columnDef","header","id","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","useTranslation","knobProps","disabledState","useResolvedKnobs","sortMenuOpen","setSortMenuOpen","useState","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","jsxs","XStack","alignItems","flexWrap","gap","paddingVertical","role","children","length","DropdownMenu","open","onOpenChange","jsx","Trigger","asChild","Button","size","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","DataTableCardControls_exports","DataTableCardControls","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_react_i18next","import_withInterp","import_DataTableFilters","import_dataTableChrome","getColumnLabel","column","columnDef","header","id","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","useTranslation","knobProps","disabledState","useResolvedKnobs","component","chrome","dataTableChrome","String","sizeToken","sortMenuOpen","setSortMenuOpen","useState","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","jsxs","XStack","alignItems","flexWrap","gap","paddingVertical","role","children","length","DropdownMenu","open","onOpenChange","jsx","Trigger","asChild","Button","size","variant","icon","CaretUpDownIcon","iconPx","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","CaretDownIcon","style","transform","withInterp"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"AAYA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAoB;AAC7B,IAAAC,gBAAS,GAAcF,MAAA,CAAAG,wBAAA;AACvB,IAAAC,iBAAS,GAAAJ,MAAA,CAAAK,mBAAwB;AACjC,IAAAC,YAAS,GAAAN,MAAgB,CAAAO,SAAA,CAAAC,cAAA;AACzB,IAAAC,QAAS,GAAMA,CAAAC,MAAA,EAAAC,GAAA,KAAc;EAC7B,SAASC,IAAA,IAAAD,GAAA,EAETZ,SAAS,CAAAW,MAAA,EAAAE,IAAA,EAAkB;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAC3B;AACA,IAAAC,WAAS,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAuB,EAAAC,IAAA;EAsEZ,IAAAF,IAAA,IAOV,OAAAA,IAAA,KAPU,mBAAAA,IAAA;IAlDpB,KAAS,IAAAG,GAAA,IAAAhB,iBAAoC,CAAAa,IAAA,GAC3C,IAAO,CAAAX,YAAc,CAAAe,IAAA,CAAAL,EAAA,EAAUI,GAAA,KAAAA,GAAW,KAAAF,MAAW,EACvDnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEO;EACL,OAAAE,EAAA;AAAA;AACgB,IAChBM,YAAA,GAAkBC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAClBE,6BAAoB;AAAAhB,QACpB,CAAAgB,6BAAU;EACVC,qBAAW,EAAAA,CAAA,KAAAA;AACb;AACEC,MAAA,CAAAC,OAAU,GAAIN,YAAA,CAAAG,6BAAe;AAC7B,IAAAI,kBAAmB,GAAAC,OAAA,oBAAkB;AACrC,IAAAC,YAAM,GAASD,OAAA,wBAAiC;AAChD,IAAAE,iBAAO,GAAcF,OAAA,gCAAiC;AAEtD,IAAAG,YAAM,GAAAH,OAAkB,2BACd;AAGV,IAAAI,YAAM,GAAAJ,OAAa,CAAM,0BAAsB;AAC/C,IAAAK,aAAM,GAAAL,OAAmB;AACzB,IAAAM,cAAM,GAAYN,OAAA,WACd;AAGJ,IAAAO,oBAAsB,GAACP,OAAA,gBAAwB;AAE/C,IAAAQ,iBACE,GAAAR,OAAA;AAAA,IAACS,uBAAA,GAAAT,OAAA;AAAA,IAAAU,sBAAA,GAAAV,OAAA;AAAA,SACCW,cAAWA,CAAAC,MAAA;EAAA,OACX,OAASA,MAAA,CAAAC,SAAA,CAAAC,MAAA,gBAAAF,MAAA,CAAAC,SAAA,CAAAC,MAAA,GAAAF,MAAA,CAAAG,EAAA;AAAA;AACL,SACJnB,qBAAgBA,CAAAoB,KAAA;EAAA,IAChB;IAAAC,KAAK;IAAAC,aAAA;IAAAC,eAAA;IAAAC,gBAAA;IAAAC,OAAA;IAAAC,QAAA;EAAA,IAAAN,KAAA;EAAA,IACLO,uBAAc;EAAoB,IAEjC;IAAAC;EAAA,QAAAjB,oBAAA,CAAAkB,cAAA;EAAA;IAAAC,SAAA;IAAAC;EAAiB,QAAgBvB,YAAS,CAAAwB,gBACzC;IAAAC,SAAC;IAAAR;EAAA;EAC0B,IAAAS,MACzB,OAAApB,sBAAiC,CAAAqB,eAAA,EAAAC,MAAA,CAAAN,SAAA,CAAAO,SAAA;EAC/B,KAAAC,YAAI,EAAAC,eAAU,QAAA9B,aAAA,CAAA+B,QAAA;EACd,IAAAC,eAAA,GAAAnB,aAAoB,GAAAD,KAAA,CAAAqB,qBAAA,GAAAC,MAAA,WAAAC,GAAA;IAAA,OAAAA,GACtB,CAAAC,UAAA;EAAA;EAEA,IAAAC,UAAA,IAAAnB,uBAAC,GAAAN,KAAa,CAAA0B,QAAQ,GAAAC,OAAO,MAC3B,QAAArB,uBAAA,uBAAAA,uBAAA;EAAA,IAAAsB,gBAAC,GAAAH,UAAA,GAAAzB,KAAA,CAAA6B,SAAA,CAAAJ,UAAA,CAAA3B,EAAA;EAAA,IAAAgC,SAAA,GAAAF,gBAAA,MAAAlC,cAAA,CAAAkC,gBAAA,KAAAH,UAAA,CAAArD,IAAA,2BAAAmC,CAAA;EAAA,KAAAN,aACC,IAAM,CAAAC,eAAU;EAAA,sBAChB,EAAQ,EAAApB,kBAAA,CAAAiD,IAAA,EAAA1C,cAAA,CAAA2C,MAAA;IAAAC,UAAA,UACF;IAAsCC,QAAA,QAC5C;IAAyBC,GAAA;IACzBC,eAEC;IAAAC,IAAA;IAAA,YACH,EACF9B,CAAA;IAAA+B,QAAA,EACA,CACErC,aAAA,IAAAmB,eAAC,CAAAmB,MAAA,IAAa,mBAAO,CAAE,GAAAzD,kBAAW,CAAAiD,IAAA,EAAA9C,iBAAA,CAAAuD,YAAA;MAAAC,IAAA,EAAApC,QACjC,WAAgBY,YAAK;MACpByB,YAAA,WAAMA,YAAgBA,CAAAD,IAAA;QACtB,IAAApC,QAAA;QACEa,eAAC,CAAAuB,IAAA;MAAa;MAAbH,QAAA,GAEgB,eACf,EACE,EAAAxD,kBACE,CAAA6D,GAAA,EAAA1D,iBAAC,CAAAuD,YAAc,CAAAI,OAAM;QAIiBC,OAAA,MAG1C;QAAYP,QAAA,iBACR,IAAAxD,kBAAgC,CAAA6D,GAAA,EAAAzD,YAAe,CAAM4D,MAAG;UAAAC,IAAA,EAAAtC,SAC1D,CAAAO,SAAA;UAAAgC,OAAA,YACE;UAA6BC,IAAA,iBAC/B,IAAAnE,kBAAA,CAAA6D,GAAA,EAAA3D,YAAA,CAAAkE,eAAA;YAAAH,IAAA,EACFlC,MAAA,CAAAsC;UAAA;UAGE,cAAI5C,CAAA,YAAW;UAAiCF,QAAA;UACIiC,QAAA,EAAAR;QAC3B;MAC3B,IAEsB,mBAAAhD,kBAAA,CAAAiD,IAAA,EAAA9C,iBAAA,CAAAuD,YAAA,CAAAY,OAAA;QAAAd,QAxBjB,GAAO,eAyBd,IAAAxD,kBAAA,CAAA6D,GAAA,EAAA1D,iBAAA,CAAAuD,YAAA,CAAAa,KAAA;UAEJf,QAAC,EAAA/B,CAAA;QAAA,IACHa,eAAA,CAAAkC,GAAA,WAAA3D,MAAA;UAAA,IAAA4D,MAAA,GAAA5D,MAAA,CAAA6D,WAAA;UACF,0BAAA1E,kBAAA,CAAA6D,GAAA,EAAA1D,iBAAA,CAAAuD,YAAA,CAAAiB,IAAA;YAEDC,aACC;YAA0BT,IAAA,EAAAM,MAAA,gCAAAzE,kBAAA,CAAA6D,GAAA,EAAA3D,YAAA,CAAA2E,aAAA;cAGxBZ,IAAA,EAAAlC,MAAA,CAAAsC;YAAC,KAAAI,MAAA,iCAAAzE,kBAAA,CAAA6D,GAAA,EAAA3D,YAAA,CAAA2E,aAAA;cAAAZ,IAAA,EAAAlC,MAAA,CAAAsC,MAAA;cACMS,KAAA,EACD;gBAGJC,SAAA;cAA8D;YAChE,wBAAA/E,kBAAA,CAAA6D,GAAA,EAAA3D,YAAA,CAAAkE,eAAA;cAAAH,IAAA,EAAAlC,MAAA,CAAAsC;YAAA;YAEN,kBAAA5D,iBAAA,CAAAuE,UAAA,EAAAvD,CAAA;cAEJZ,MAAA,EAAAD,cAAA,CAAAC,MAAA","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":[]}
|
|
@@ -38,6 +38,7 @@ var import_react_i18next = require("react-i18next");
|
|
|
38
38
|
var import_tamagui = require("tamagui");
|
|
39
39
|
var import_withInterp = require("../../utils/withInterp.native.js");
|
|
40
40
|
var import_documentListSlots = require("./documentListSlots.native.js");
|
|
41
|
+
var import_dataTableChrome = require("./dataTableChrome.native.js");
|
|
41
42
|
var import_rowStateChrome = require("./rowStateChrome.native.js");
|
|
42
43
|
function pickDocumentListTitleCell(visibleCells) {
|
|
43
44
|
var titled = visibleCells.find(function (cell) {
|
|
@@ -70,7 +71,11 @@ function DataTableDocumentList(param) {
|
|
|
70
71
|
} = (0, import_react_i18next.useTranslation)();
|
|
71
72
|
var {
|
|
72
73
|
knobProps
|
|
73
|
-
} = (0, import_theme.useResolvedKnobs)(
|
|
74
|
+
} = (0, import_theme.useResolvedKnobs)({
|
|
75
|
+
component: "DataTable",
|
|
76
|
+
compact
|
|
77
|
+
});
|
|
78
|
+
var chrome = (0, import_dataTableChrome.dataTableChrome)(String(knobProps.sizeToken));
|
|
74
79
|
var tableZebraOn = knobProps.tableZebra === "on";
|
|
75
80
|
var rowPad = knobProps.panelPadding.padding;
|
|
76
81
|
var renderRow = (0, import_react.useCallback)(function (row, index) {
|
|
@@ -85,7 +90,7 @@ function DataTableDocumentList(param) {
|
|
|
85
90
|
actions
|
|
86
91
|
} = (0, import_documentListSlots.partitionDocumentListCells)(visibleCells, titleCell);
|
|
87
92
|
var position = (0, import_theme.getGroupPosition)(index, tableRows.length);
|
|
88
|
-
var corners = (0, import_theme.stackRadiusProps)(position, knobProps.
|
|
93
|
+
var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadiusOuter.borderRadius);
|
|
89
94
|
var selected = Boolean(enableRowSelection && ((_row_getIsSelected = row.getIsSelected) === null || _row_getIsSelected === void 0 ? void 0 : _row_getIsSelected.call(row)));
|
|
90
95
|
var rowState = (0, import_rowStateChrome.tableRowStateProps)({
|
|
91
96
|
selected,
|
|
@@ -101,7 +106,7 @@ function DataTableDocumentList(param) {
|
|
|
101
106
|
gap: "$3",
|
|
102
107
|
paddingHorizontal: rowPad,
|
|
103
108
|
paddingVertical: "$2",
|
|
104
|
-
minHeight:
|
|
109
|
+
minHeight: chrome.rowPx,
|
|
105
110
|
overflow: "hidden",
|
|
106
111
|
display: "flex",
|
|
107
112
|
flexDirection: "row",
|
|
@@ -117,6 +122,7 @@ function DataTableDocumentList(param) {
|
|
|
117
122
|
...corners
|
|
118
123
|
},
|
|
119
124
|
...(getRowPressProps ? getRowPressProps(row, index, "row") : {}),
|
|
125
|
+
...(0, import_dataTableChrome.rowIntentProps)(rowData),
|
|
120
126
|
children: [enableRowSelection && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Checkbox, {
|
|
121
127
|
checked: row.getIsSelected(),
|
|
122
128
|
onChange: function onChange(checked) {
|
|
@@ -212,7 +218,7 @@ function DataTableDocumentList(param) {
|
|
|
212
218
|
}) : null]
|
|
213
219
|
})]
|
|
214
220
|
}, `${row.id}-${index}`);
|
|
215
|
-
}, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.
|
|
221
|
+
}, [compact, disabled, enableRowSelection, getRowPressProps, knobProps.borderRadiusOuter.borderRadius, renderCellContent, rowPad, selectRowLabel, t, tableRows.length, tableZebraOn]);
|
|
216
222
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
|
|
217
223
|
flexDirection: "column",
|
|
218
224
|
display: "flex",
|