@multiplatform.one/table 6.7.0 → 7.0.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/README.md +4 -3
- package/dist/cjs/components/ChildTable/index.cjs +2 -1
- package/dist/cjs/components/ChildTable/index.native.js +2 -1
- package/dist/cjs/components/ChildTable/index.native.js.map +1 -1
- package/dist/cjs/components/ColumnHeaderFilter/index.cjs +17 -9
- package/dist/cjs/components/ColumnHeaderFilter/index.native.js +32 -11
- package/dist/cjs/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableDocumentList.cjs +222 -0
- package/dist/cjs/components/DataTable/DataTableDocumentList.native.js +237 -0
- package/dist/cjs/components/DataTable/DataTableDocumentList.native.js.map +1 -0
- package/dist/cjs/components/DataTable/DataTableMobileCards.cjs +5 -2
- package/dist/cjs/components/DataTable/DataTableMobileCards.native.js +6 -2
- package/dist/cjs/components/DataTable/DataTableMobileCards.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableRoot.cjs +92 -41
- package/dist/cjs/components/DataTable/DataTableRoot.native.js +97 -43
- package/dist/cjs/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableVirtualized.cjs +8 -2
- package/dist/cjs/components/DataTable/DataTableVirtualized.native.js +9 -3
- package/dist/cjs/components/DataTable/DataTableVirtualized.native.js.map +1 -1
- package/dist/cjs/components/DataTable/documentListSlots.cjs +59 -0
- package/dist/cjs/components/DataTable/documentListSlots.native.js +85 -0
- package/dist/cjs/components/DataTable/documentListSlots.native.js.map +1 -0
- package/dist/cjs/components/DataTable/index.native.js +74 -59
- package/dist/cjs/components/DataTable/index.native.js.map +1 -1
- package/dist/cjs/components/DataTable/rowStateChrome.cjs +55 -0
- package/dist/cjs/components/DataTable/rowStateChrome.native.js +59 -0
- package/dist/cjs/components/DataTable/rowStateChrome.native.js.map +1 -0
- package/dist/cjs/components/DataTableCell/CellModalEditor.cjs +24 -3
- package/dist/cjs/components/DataTableCell/CellModalEditor.native.js +6 -1
- package/dist/cjs/components/DataTableCell/CellModalEditor.native.js.map +1 -1
- package/dist/cjs/components/DataTableCell/CellOptionsEditor.cjs +9 -2
- package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js +11 -2
- package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js.map +1 -1
- package/dist/cjs/components/DataTableCell/index.cjs +74 -63
- package/dist/cjs/components/DataTableCell/index.native.js +94 -82
- package/dist/cjs/components/DataTableCell/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableColumnPinning/index.cjs +54 -37
- package/dist/cjs/components/DataTableColumnPinning/index.native.js +59 -38
- package/dist/cjs/components/DataTableColumnPinning/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableDateFilter/index.cjs +33 -14
- package/dist/cjs/components/DataTableDateFilter/index.native.js +33 -12
- package/dist/cjs/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableExport/index.cjs +35 -7
- package/dist/cjs/components/DataTableExport/index.native.js +42 -7
- package/dist/cjs/components/DataTableExport/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableFacetMenu/index.cjs +140 -0
- package/dist/cjs/components/DataTableFacetMenu/index.native.js +156 -0
- package/dist/cjs/components/DataTableFacetMenu/index.native.js.map +1 -0
- package/dist/cjs/components/DataTableFilterButton/index.cjs +51 -32
- package/dist/cjs/components/DataTableFilterButton/index.native.js +63 -40
- package/dist/cjs/components/DataTableFilterButton/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableFilterChips/FilterChip.cjs +143 -0
- package/dist/cjs/components/DataTableFilterChips/FilterChip.native.js +148 -0
- package/dist/cjs/components/DataTableFilterChips/FilterChip.native.js.map +1 -0
- package/dist/cjs/components/DataTableFilterChips/index.cjs +9 -31
- package/dist/cjs/components/DataTableFilterChips/index.native.js +9 -32
- package/dist/cjs/components/DataTableFilterChips/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableFilters/index.cjs +145 -502
- package/dist/cjs/components/DataTableFilters/index.native.js +171 -544
- package/dist/cjs/components/DataTableFilters/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableGrouping/index.cjs +273 -108
- package/dist/cjs/components/DataTableGrouping/index.native.js +310 -157
- package/dist/cjs/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/cjs/components/DataTablePagination/index.cjs +147 -95
- package/dist/cjs/components/DataTablePagination/index.native.js +159 -106
- package/dist/cjs/components/DataTablePagination/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableSearch/index.cjs +251 -210
- package/dist/cjs/components/DataTableSearch/index.native.js +292 -243
- package/dist/cjs/components/DataTableSearch/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableToolbar/index.cjs +141 -115
- package/dist/cjs/components/DataTableToolbar/index.native.js +163 -148
- package/dist/cjs/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableViewOptions/index.cjs +25 -21
- package/dist/cjs/components/DataTableViewOptions/index.native.js +6 -4
- package/dist/cjs/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/cjs/components/SimpleTable/index.cjs +336 -46
- package/dist/cjs/components/SimpleTable/index.native.js +356 -48
- package/dist/cjs/components/SimpleTable/index.native.js.map +1 -1
- package/dist/cjs/components/TableInput/index.cjs +147 -38
- package/dist/cjs/components/TableInput/index.native.js +54 -38
- package/dist/cjs/components/TableInput/index.native.js.map +1 -1
- package/dist/cjs/components/TableInput/shared.cjs +36 -1
- package/dist/cjs/components/TableInput/shared.native.js +35 -0
- package/dist/cjs/components/TableInput/shared.native.js.map +1 -1
- package/dist/cjs/hooks/useDataTable.cjs +33 -2
- package/dist/cjs/hooks/useDataTable.native.js +41 -2
- package/dist/cjs/hooks/useDataTable.native.js.map +1 -1
- package/dist/cjs/hooks/useInfiniteRows.cjs +20 -3
- package/dist/cjs/hooks/useInfiniteRows.native.js +20 -3
- package/dist/cjs/hooks/useInfiniteRows.native.js.map +1 -1
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/index.native.js +2 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/utils/filterUtils.cjs +12 -5
- package/dist/cjs/utils/filterUtils.native.js +20 -5
- package/dist/cjs/utils/filterUtils.native.js.map +1 -1
- package/dist/esm/components/ChildTable/index.mjs +2 -1
- package/dist/esm/components/ChildTable/index.mjs.map +1 -1
- package/dist/esm/components/ChildTable/index.native.js +2 -1
- package/dist/esm/components/ChildTable/index.native.js.map +1 -1
- package/dist/esm/components/ColumnHeaderFilter/index.mjs +17 -9
- package/dist/esm/components/ColumnHeaderFilter/index.mjs.map +1 -1
- package/dist/esm/components/ColumnHeaderFilter/index.native.js +32 -11
- package/dist/esm/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableDocumentList.mjs +196 -0
- package/dist/esm/components/DataTable/DataTableDocumentList.mjs.map +1 -0
- package/dist/esm/components/DataTable/DataTableDocumentList.native.js +208 -0
- package/dist/esm/components/DataTable/DataTableDocumentList.native.js.map +1 -0
- package/dist/esm/components/DataTable/DataTableMobileCards.mjs +5 -2
- package/dist/esm/components/DataTable/DataTableMobileCards.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableMobileCards.native.js +6 -2
- package/dist/esm/components/DataTable/DataTableMobileCards.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableRoot.mjs +93 -42
- package/dist/esm/components/DataTable/DataTableRoot.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableRoot.native.js +98 -44
- package/dist/esm/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableVirtualized.mjs +8 -2
- package/dist/esm/components/DataTable/DataTableVirtualized.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableVirtualized.native.js +9 -3
- package/dist/esm/components/DataTable/DataTableVirtualized.native.js.map +1 -1
- package/dist/esm/components/DataTable/documentListSlots.mjs +33 -0
- package/dist/esm/components/DataTable/documentListSlots.mjs.map +1 -0
- package/dist/esm/components/DataTable/documentListSlots.native.js +56 -0
- package/dist/esm/components/DataTable/documentListSlots.native.js.map +1 -0
- package/dist/esm/components/DataTable/index.native.js +52 -37
- package/dist/esm/components/DataTable/index.native.js.map +1 -1
- package/dist/esm/components/DataTable/rowStateChrome.mjs +28 -0
- package/dist/esm/components/DataTable/rowStateChrome.mjs.map +1 -0
- package/dist/esm/components/DataTable/rowStateChrome.native.js +29 -0
- package/dist/esm/components/DataTable/rowStateChrome.native.js.map +1 -0
- package/dist/esm/components/DataTableCell/CellModalEditor.mjs +25 -4
- package/dist/esm/components/DataTableCell/CellModalEditor.mjs.map +1 -1
- package/dist/esm/components/DataTableCell/CellModalEditor.native.js +6 -1
- package/dist/esm/components/DataTableCell/CellModalEditor.native.js.map +1 -1
- package/dist/esm/components/DataTableCell/CellOptionsEditor.mjs +9 -2
- package/dist/esm/components/DataTableCell/CellOptionsEditor.mjs.map +1 -1
- package/dist/esm/components/DataTableCell/CellOptionsEditor.native.js +11 -2
- package/dist/esm/components/DataTableCell/CellOptionsEditor.native.js.map +1 -1
- package/dist/esm/components/DataTableCell/index.mjs +75 -64
- package/dist/esm/components/DataTableCell/index.mjs.map +1 -1
- package/dist/esm/components/DataTableCell/index.native.js +95 -83
- package/dist/esm/components/DataTableCell/index.native.js.map +1 -1
- package/dist/esm/components/DataTableColumnPinning/index.mjs +54 -37
- package/dist/esm/components/DataTableColumnPinning/index.mjs.map +1 -1
- package/dist/esm/components/DataTableColumnPinning/index.native.js +59 -38
- package/dist/esm/components/DataTableColumnPinning/index.native.js.map +1 -1
- package/dist/esm/components/DataTableDateFilter/index.mjs +34 -15
- package/dist/esm/components/DataTableDateFilter/index.mjs.map +1 -1
- package/dist/esm/components/DataTableDateFilter/index.native.js +34 -13
- package/dist/esm/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/esm/components/DataTableExport/index.mjs +36 -8
- package/dist/esm/components/DataTableExport/index.mjs.map +1 -1
- package/dist/esm/components/DataTableExport/index.native.js +43 -8
- package/dist/esm/components/DataTableExport/index.native.js.map +1 -1
- package/dist/esm/components/DataTableFacetMenu/index.mjs +115 -0
- package/dist/esm/components/DataTableFacetMenu/index.mjs.map +1 -0
- package/dist/esm/components/DataTableFacetMenu/index.native.js +128 -0
- package/dist/esm/components/DataTableFacetMenu/index.native.js.map +1 -0
- package/dist/esm/components/DataTableFilterButton/index.mjs +54 -35
- package/dist/esm/components/DataTableFilterButton/index.mjs.map +1 -1
- package/dist/esm/components/DataTableFilterButton/index.native.js +66 -43
- package/dist/esm/components/DataTableFilterButton/index.native.js.map +1 -1
- package/dist/esm/components/DataTableFilterChips/FilterChip.mjs +118 -0
- package/dist/esm/components/DataTableFilterChips/FilterChip.mjs.map +1 -0
- package/dist/esm/components/DataTableFilterChips/FilterChip.native.js +120 -0
- package/dist/esm/components/DataTableFilterChips/FilterChip.native.js.map +1 -0
- package/dist/esm/components/DataTableFilterChips/index.mjs +9 -32
- package/dist/esm/components/DataTableFilterChips/index.mjs.map +1 -1
- package/dist/esm/components/DataTableFilterChips/index.native.js +9 -33
- package/dist/esm/components/DataTableFilterChips/index.native.js.map +1 -1
- package/dist/esm/components/DataTableFilters/index.mjs +149 -506
- package/dist/esm/components/DataTableFilters/index.mjs.map +1 -1
- package/dist/esm/components/DataTableFilters/index.native.js +175 -548
- package/dist/esm/components/DataTableFilters/index.native.js.map +1 -1
- package/dist/esm/components/DataTableGrouping/index.mjs +275 -110
- package/dist/esm/components/DataTableGrouping/index.mjs.map +1 -1
- package/dist/esm/components/DataTableGrouping/index.native.js +287 -134
- package/dist/esm/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/esm/components/DataTablePagination/index.mjs +148 -96
- package/dist/esm/components/DataTablePagination/index.mjs.map +1 -1
- package/dist/esm/components/DataTablePagination/index.native.js +160 -107
- package/dist/esm/components/DataTablePagination/index.native.js.map +1 -1
- package/dist/esm/components/DataTableSearch/index.mjs +256 -215
- package/dist/esm/components/DataTableSearch/index.mjs.map +1 -1
- package/dist/esm/components/DataTableSearch/index.native.js +297 -248
- package/dist/esm/components/DataTableSearch/index.native.js.map +1 -1
- package/dist/esm/components/DataTableToolbar/index.mjs +145 -119
- package/dist/esm/components/DataTableToolbar/index.mjs.map +1 -1
- package/dist/esm/components/DataTableToolbar/index.native.js +167 -152
- package/dist/esm/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/esm/components/DataTableViewOptions/index.mjs +26 -22
- package/dist/esm/components/DataTableViewOptions/index.mjs.map +1 -1
- package/dist/esm/components/DataTableViewOptions/index.native.js +7 -5
- package/dist/esm/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/esm/components/SimpleTable/index.mjs +338 -48
- package/dist/esm/components/SimpleTable/index.mjs.map +1 -1
- package/dist/esm/components/SimpleTable/index.native.js +358 -50
- package/dist/esm/components/SimpleTable/index.native.js.map +1 -1
- package/dist/esm/components/TableInput/index.mjs +150 -41
- package/dist/esm/components/TableInput/index.mjs.map +1 -1
- package/dist/esm/components/TableInput/index.native.js +55 -39
- package/dist/esm/components/TableInput/index.native.js.map +1 -1
- package/dist/esm/components/TableInput/shared.mjs +34 -1
- package/dist/esm/components/TableInput/shared.mjs.map +1 -1
- package/dist/esm/components/TableInput/shared.native.js +34 -1
- package/dist/esm/components/TableInput/shared.native.js.map +1 -1
- package/dist/esm/hooks/useDataTable.mjs +33 -2
- package/dist/esm/hooks/useDataTable.mjs.map +1 -1
- package/dist/esm/hooks/useDataTable.native.js +41 -2
- package/dist/esm/hooks/useDataTable.native.js.map +1 -1
- package/dist/esm/hooks/useInfiniteRows.mjs +20 -3
- package/dist/esm/hooks/useInfiniteRows.mjs.map +1 -1
- package/dist/esm/hooks/useInfiniteRows.native.js +20 -3
- package/dist/esm/hooks/useInfiniteRows.native.js.map +1 -1
- package/dist/esm/index.mjs +2 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -1
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/utils/filterUtils.mjs +12 -5
- package/dist/esm/utils/filterUtils.mjs.map +1 -1
- package/dist/esm/utils/filterUtils.native.js +20 -5
- package/dist/esm/utils/filterUtils.native.js.map +1 -1
- package/dist/jsx/components/ChildTable/index.mjs +2 -1
- package/dist/jsx/components/ChildTable/index.mjs.map +1 -1
- package/dist/jsx/components/ChildTable/index.native.js +2 -1
- package/dist/jsx/components/ChildTable/index.native.js.map +1 -1
- package/dist/jsx/components/ColumnHeaderFilter/index.mjs +17 -9
- package/dist/jsx/components/ColumnHeaderFilter/index.mjs.map +1 -1
- package/dist/jsx/components/ColumnHeaderFilter/index.native.js +32 -11
- package/dist/jsx/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableDocumentList.mjs +196 -0
- package/dist/jsx/components/DataTable/DataTableDocumentList.mjs.map +1 -0
- package/dist/jsx/components/DataTable/DataTableDocumentList.native.js +237 -0
- package/dist/jsx/components/DataTable/DataTableDocumentList.native.js.map +1 -0
- package/dist/jsx/components/DataTable/DataTableMobileCards.mjs +5 -2
- package/dist/jsx/components/DataTable/DataTableMobileCards.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableMobileCards.native.js +6 -2
- package/dist/jsx/components/DataTable/DataTableMobileCards.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableRoot.mjs +93 -42
- package/dist/jsx/components/DataTable/DataTableRoot.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableRoot.native.js +97 -43
- package/dist/jsx/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableVirtualized.mjs +8 -2
- package/dist/jsx/components/DataTable/DataTableVirtualized.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableVirtualized.native.js +9 -3
- package/dist/jsx/components/DataTable/DataTableVirtualized.native.js.map +1 -1
- package/dist/jsx/components/DataTable/documentListSlots.mjs +33 -0
- package/dist/jsx/components/DataTable/documentListSlots.mjs.map +1 -0
- package/dist/jsx/components/DataTable/documentListSlots.native.js +85 -0
- package/dist/jsx/components/DataTable/documentListSlots.native.js.map +1 -0
- package/dist/jsx/components/DataTable/index.native.js +74 -59
- package/dist/jsx/components/DataTable/index.native.js.map +1 -1
- package/dist/jsx/components/DataTable/rowStateChrome.mjs +28 -0
- package/dist/jsx/components/DataTable/rowStateChrome.mjs.map +1 -0
- package/dist/jsx/components/DataTable/rowStateChrome.native.js +59 -0
- package/dist/jsx/components/DataTable/rowStateChrome.native.js.map +1 -0
- package/dist/jsx/components/DataTableCell/CellModalEditor.mjs +25 -4
- package/dist/jsx/components/DataTableCell/CellModalEditor.mjs.map +1 -1
- package/dist/jsx/components/DataTableCell/CellModalEditor.native.js +6 -1
- package/dist/jsx/components/DataTableCell/CellModalEditor.native.js.map +1 -1
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.mjs +9 -2
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.mjs.map +1 -1
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.native.js +11 -2
- package/dist/jsx/components/DataTableCell/CellOptionsEditor.native.js.map +1 -1
- package/dist/jsx/components/DataTableCell/index.mjs +75 -64
- package/dist/jsx/components/DataTableCell/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableCell/index.native.js +94 -82
- package/dist/jsx/components/DataTableCell/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableColumnPinning/index.mjs +54 -37
- package/dist/jsx/components/DataTableColumnPinning/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableColumnPinning/index.native.js +59 -38
- package/dist/jsx/components/DataTableColumnPinning/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableDateFilter/index.mjs +34 -15
- package/dist/jsx/components/DataTableDateFilter/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableDateFilter/index.native.js +33 -12
- package/dist/jsx/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableExport/index.mjs +36 -8
- package/dist/jsx/components/DataTableExport/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableExport/index.native.js +42 -7
- package/dist/jsx/components/DataTableExport/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableFacetMenu/index.mjs +115 -0
- package/dist/jsx/components/DataTableFacetMenu/index.mjs.map +1 -0
- package/dist/jsx/components/DataTableFacetMenu/index.native.js +156 -0
- package/dist/jsx/components/DataTableFacetMenu/index.native.js.map +1 -0
- package/dist/jsx/components/DataTableFilterButton/index.mjs +54 -35
- package/dist/jsx/components/DataTableFilterButton/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableFilterButton/index.native.js +63 -40
- package/dist/jsx/components/DataTableFilterButton/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableFilterChips/FilterChip.mjs +118 -0
- package/dist/jsx/components/DataTableFilterChips/FilterChip.mjs.map +1 -0
- package/dist/jsx/components/DataTableFilterChips/FilterChip.native.js +148 -0
- package/dist/jsx/components/DataTableFilterChips/FilterChip.native.js.map +1 -0
- package/dist/jsx/components/DataTableFilterChips/index.mjs +9 -32
- package/dist/jsx/components/DataTableFilterChips/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableFilterChips/index.native.js +9 -32
- package/dist/jsx/components/DataTableFilterChips/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableFilters/index.mjs +149 -506
- package/dist/jsx/components/DataTableFilters/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableFilters/index.native.js +171 -544
- package/dist/jsx/components/DataTableFilters/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableGrouping/index.mjs +275 -110
- package/dist/jsx/components/DataTableGrouping/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableGrouping/index.native.js +310 -157
- package/dist/jsx/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/jsx/components/DataTablePagination/index.mjs +148 -96
- package/dist/jsx/components/DataTablePagination/index.mjs.map +1 -1
- package/dist/jsx/components/DataTablePagination/index.native.js +159 -106
- package/dist/jsx/components/DataTablePagination/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableSearch/index.mjs +256 -215
- package/dist/jsx/components/DataTableSearch/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableSearch/index.native.js +292 -243
- package/dist/jsx/components/DataTableSearch/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableToolbar/index.mjs +145 -119
- package/dist/jsx/components/DataTableToolbar/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableToolbar/index.native.js +163 -148
- package/dist/jsx/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableViewOptions/index.mjs +26 -22
- package/dist/jsx/components/DataTableViewOptions/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableViewOptions/index.native.js +6 -4
- package/dist/jsx/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/jsx/components/SimpleTable/index.mjs +338 -48
- package/dist/jsx/components/SimpleTable/index.mjs.map +1 -1
- package/dist/jsx/components/SimpleTable/index.native.js +356 -48
- package/dist/jsx/components/SimpleTable/index.native.js.map +1 -1
- package/dist/jsx/components/TableInput/index.mjs +150 -41
- package/dist/jsx/components/TableInput/index.mjs.map +1 -1
- package/dist/jsx/components/TableInput/index.native.js +54 -38
- package/dist/jsx/components/TableInput/index.native.js.map +1 -1
- package/dist/jsx/components/TableInput/shared.mjs +34 -1
- package/dist/jsx/components/TableInput/shared.mjs.map +1 -1
- package/dist/jsx/components/TableInput/shared.native.js +35 -0
- package/dist/jsx/components/TableInput/shared.native.js.map +1 -1
- package/dist/jsx/hooks/useDataTable.mjs +33 -2
- package/dist/jsx/hooks/useDataTable.mjs.map +1 -1
- package/dist/jsx/hooks/useDataTable.native.js +41 -2
- package/dist/jsx/hooks/useDataTable.native.js.map +1 -1
- package/dist/jsx/hooks/useInfiniteRows.mjs +20 -3
- package/dist/jsx/hooks/useInfiniteRows.mjs.map +1 -1
- package/dist/jsx/hooks/useInfiniteRows.native.js +20 -3
- package/dist/jsx/hooks/useInfiniteRows.native.js.map +1 -1
- package/dist/jsx/index.js +2 -1
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +2 -1
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/index.native.js +2 -0
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/utils/filterUtils.mjs +12 -5
- package/dist/jsx/utils/filterUtils.mjs.map +1 -1
- package/dist/jsx/utils/filterUtils.native.js +20 -5
- package/dist/jsx/utils/filterUtils.native.js.map +1 -1
- package/package.json +15 -15
- package/src/components/ChildTable/index.tsx +1 -0
- package/src/components/ColumnHeaderFilter/ColumnHeaderFilter.spec.tsx +85 -0
- package/src/components/ColumnHeaderFilter/index.tsx +28 -10
- package/src/components/DataTable/DataTable.stories.tsx +30 -0
- package/src/components/DataTable/DataTableDocumentList.tsx +224 -0
- package/src/components/DataTable/DataTableMobileCards.tsx +20 -8
- package/src/components/DataTable/DataTableRoot.tsx +135 -58
- package/src/components/DataTable/DataTableVirtualized.tsx +8 -11
- package/src/components/DataTable/cardLayout.spec.tsx +89 -0
- package/src/components/DataTable/documentListSlots.ts +57 -0
- package/src/components/DataTable/index.native.tsx +76 -50
- package/src/components/DataTable/keepPreviousData.spec.tsx +137 -0
- package/src/components/DataTable/rowRing.spec.tsx +118 -0
- package/src/components/DataTable/rowStateChrome.ts +38 -0
- package/src/components/DataTableCell/CellModalEditor.native.tsx +4 -0
- package/src/components/DataTableCell/CellModalEditor.tsx +31 -3
- package/src/components/DataTableCell/CellOptionsEditor.tsx +29 -12
- package/src/components/DataTableCell/DataTableCell.stories.tsx +3 -3
- package/src/components/DataTableCell/cellDraftPolicy.spec.tsx +131 -4
- package/src/components/DataTableCell/dataTableCell.spec.tsx +36 -1
- package/src/components/DataTableCell/index.tsx +121 -86
- package/src/components/DataTableColumnPinning/DataTableColumnPinning.spec.tsx +66 -0
- package/src/components/DataTableColumnPinning/index.tsx +32 -17
- package/src/components/DataTableDateFilter/DataTableDateFilter.spec.tsx +9 -1
- package/src/components/DataTableDateFilter/dateFilterZones.spec.ts +316 -0
- package/src/components/DataTableDateFilter/index.tsx +42 -22
- package/src/components/DataTableExport/exportDateZones.spec.tsx +348 -0
- package/src/components/DataTableExport/index.tsx +107 -63
- package/src/components/DataTableFacetMenu/DataTableFacetMenu.spec.tsx +264 -0
- package/src/components/DataTableFacetMenu/DataTableFacetMenu.stories.tsx +212 -0
- package/src/components/DataTableFacetMenu/index.tsx +202 -0
- package/src/components/DataTableFilterButton/index.tsx +66 -49
- package/src/components/DataTableFilterChips/DataTableFilterChips.spec.tsx +22 -0
- package/src/components/DataTableFilterChips/FilterChip.tsx +122 -0
- package/src/components/DataTableFilterChips/index.tsx +13 -29
- package/src/components/DataTableFilters/DataTableFilters.spec.tsx +56 -0
- package/src/components/DataTableFilters/index.tsx +169 -584
- package/src/components/DataTableGrouping/DataTableGrouping.spec.tsx +85 -0
- package/src/components/DataTableGrouping/index.tsx +270 -130
- package/src/components/DataTablePagination/DataTablePagination.spec.tsx +79 -4
- package/src/components/DataTablePagination/index.tsx +168 -112
- package/src/components/DataTableSearch/DataTableSearch.spec.tsx +40 -0
- package/src/components/DataTableSearch/DataTableSearch.stories.tsx +1 -1
- package/src/components/DataTableSearch/index.tsx +192 -163
- package/src/components/DataTableToolbar/DataTableToolbar.spec.tsx +48 -18
- package/src/components/DataTableToolbar/DataTableToolbar.stories.tsx +5 -45
- package/src/components/DataTableToolbar/index.tsx +128 -99
- package/src/components/DataTableViewOptions/index.tsx +29 -22
- package/src/components/SimpleTable/SimpleTable.stories.tsx +29 -5
- package/src/components/SimpleTable/index.tsx +442 -61
- package/src/components/SimpleTable/simpleTable.spec.tsx +140 -12
- package/src/components/TableInput/index.native.tsx +91 -81
- package/src/components/TableInput/index.tsx +191 -50
- package/src/components/TableInput/shared.ts +57 -0
- package/src/components/TableInput/tableInput.spec.tsx +104 -0
- package/src/hooks/useDataTable.spec.ts +100 -3
- package/src/hooks/useDataTable.ts +44 -1
- package/src/hooks/useInfiniteRows.spec.tsx +37 -0
- package/src/hooks/useInfiniteRows.ts +34 -4
- package/src/index.ts +7 -0
- package/src/types.ts +54 -3
- package/src/utils/filterUtils.ts +27 -5
- package/types/components/ChildTable/index.d.ts.map +1 -1
- package/types/components/ColumnHeaderFilter/index.d.ts.map +1 -1
- package/types/components/DataTable/DataTableDocumentList.d.ts +32 -0
- package/types/components/DataTable/DataTableDocumentList.d.ts.map +1 -0
- package/types/components/DataTable/DataTableMobileCards.d.ts +3 -1
- package/types/components/DataTable/DataTableMobileCards.d.ts.map +1 -1
- package/types/components/DataTable/DataTableRoot.d.ts +1 -1
- package/types/components/DataTable/DataTableRoot.d.ts.map +1 -1
- package/types/components/DataTable/DataTableVirtualized.d.ts +1 -2
- package/types/components/DataTable/DataTableVirtualized.d.ts.map +1 -1
- package/types/components/DataTable/documentListSlots.d.ts +26 -0
- package/types/components/DataTable/documentListSlots.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/DataTable/rowStateChrome.d.ts +18 -0
- package/types/components/DataTable/rowStateChrome.d.ts.map +1 -0
- package/types/components/DataTableCell/CellModalEditor.d.ts +6 -1
- package/types/components/DataTableCell/CellModalEditor.d.ts.map +1 -1
- package/types/components/DataTableCell/CellModalEditor.native.d.ts +1 -1
- package/types/components/DataTableCell/CellModalEditor.native.d.ts.map +1 -1
- package/types/components/DataTableCell/CellOptionsEditor.d.ts +11 -3
- package/types/components/DataTableCell/CellOptionsEditor.d.ts.map +1 -1
- package/types/components/DataTableCell/index.d.ts +1 -1
- package/types/components/DataTableCell/index.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 +17 -6
- package/types/components/DataTableExport/index.d.ts.map +1 -1
- package/types/components/DataTableFacetMenu/index.d.ts +84 -0
- package/types/components/DataTableFacetMenu/index.d.ts.map +1 -0
- package/types/components/DataTableFilterButton/index.d.ts.map +1 -1
- package/types/components/DataTableFilterChips/FilterChip.d.ts +15 -0
- package/types/components/DataTableFilterChips/FilterChip.d.ts.map +1 -0
- package/types/components/DataTableFilterChips/index.d.ts +5 -0
- package/types/components/DataTableFilterChips/index.d.ts.map +1 -1
- package/types/components/DataTableFilters/index.d.ts +11 -0
- package/types/components/DataTableFilters/index.d.ts.map +1 -1
- package/types/components/DataTableGrouping/index.d.ts.map +1 -1
- package/types/components/DataTablePagination/index.d.ts +5 -0
- package/types/components/DataTablePagination/index.d.ts.map +1 -1
- package/types/components/DataTableSearch/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/SimpleTable/index.d.ts +27 -5
- package/types/components/SimpleTable/index.d.ts.map +1 -1
- package/types/components/TableInput/index.d.ts +6 -1
- package/types/components/TableInput/index.d.ts.map +1 -1
- package/types/components/TableInput/index.native.d.ts +6 -1
- package/types/components/TableInput/index.native.d.ts.map +1 -1
- package/types/components/TableInput/shared.d.ts +38 -0
- package/types/components/TableInput/shared.d.ts.map +1 -1
- package/types/hooks/useDataTable.d.ts +1 -1
- package/types/hooks/useDataTable.d.ts.map +1 -1
- package/types/hooks/useInfiniteRows.d.ts +8 -1
- package/types/hooks/useInfiniteRows.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/types.d.ts +54 -3
- package/types/types.d.ts.map +1 -1
- package/types/utils/filterUtils.d.ts.map +1 -1
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { XIcon } from "@phosphor-icons/react";
|
|
2
|
+
import { ChipFrame, ChipText, chipIconSize } from "@multiplatform.one/forms";
|
|
3
|
+
import { MIN_PRESS_TARGET, ensureCompositeFocusRing, ensureFocusVisibleRing, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
|
+
import { View, styled } from "tamagui";
|
|
5
|
+
import { t } from "../../shared/t.mjs";
|
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
const DismissButton = styled(View, {
|
|
8
|
+
name: "FilterChipDismiss",
|
|
9
|
+
cursor: "pointer",
|
|
10
|
+
opacity: 0.7,
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
justifyContent: "center",
|
|
13
|
+
outlineWidth: 0,
|
|
14
|
+
hoverStyle: {
|
|
15
|
+
opacity: 1
|
|
16
|
+
},
|
|
17
|
+
pressStyle: {
|
|
18
|
+
opacity: 0.9
|
|
19
|
+
},
|
|
20
|
+
focusStyle: {
|
|
21
|
+
outlineWidth: 0
|
|
22
|
+
},
|
|
23
|
+
focusVisibleStyle: {
|
|
24
|
+
opacity: 1,
|
|
25
|
+
outlineWidth: 0
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const DismissRing = styled(View, {
|
|
29
|
+
name: "FilterChipDismissRing",
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
justifyContent: "center",
|
|
32
|
+
padding: "$0.5",
|
|
33
|
+
hoverStyle: {
|
|
34
|
+
backgroundColor: "$color5"
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
function FilterChip({
|
|
38
|
+
label,
|
|
39
|
+
onRemove,
|
|
40
|
+
onPress
|
|
41
|
+
}) {
|
|
42
|
+
const {
|
|
43
|
+
knobProps
|
|
44
|
+
} = useResolvedKnobs();
|
|
45
|
+
if (typeof document !== "undefined") ensureCompositeFocusRing();
|
|
46
|
+
const resolvedSize = knobProps.sizeToken || "$3";
|
|
47
|
+
const iconSize = chipIconSize(resolvedSize);
|
|
48
|
+
const RING_INSET = 2;
|
|
49
|
+
const dismissVisual = iconSize + RING_INSET * 2;
|
|
50
|
+
const dismissOutset = Math.max(0, Math.ceil((MIN_PRESS_TARGET - dismissVisual) / 2));
|
|
51
|
+
const editable = typeof onPress === "function";
|
|
52
|
+
return /* @__PURE__ */jsxs(ChipFrame, {
|
|
53
|
+
size: resolvedSize,
|
|
54
|
+
variant: "subtle",
|
|
55
|
+
backgroundColor: "$color4",
|
|
56
|
+
...knobProps.borderRadius,
|
|
57
|
+
overflow: "visible",
|
|
58
|
+
"data-filter-chip": "",
|
|
59
|
+
cursor: editable ? "pointer" : "default",
|
|
60
|
+
role: editable ? "button" : void 0,
|
|
61
|
+
tabIndex: editable ? 0 : void 0,
|
|
62
|
+
"aria-label": editable ? t("Edit filter {{label}}", {
|
|
63
|
+
label
|
|
64
|
+
}) : void 0,
|
|
65
|
+
outlineWidth: 0,
|
|
66
|
+
focusStyle: {
|
|
67
|
+
outlineWidth: 0
|
|
68
|
+
},
|
|
69
|
+
focusVisibleStyle: editable ? ensureFocusVisibleRing() : void 0,
|
|
70
|
+
hoverStyle: editable ? {
|
|
71
|
+
backgroundColor: "$color5"
|
|
72
|
+
} : void 0,
|
|
73
|
+
onPress,
|
|
74
|
+
onKeyDown: editable ? e => {
|
|
75
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
76
|
+
e.preventDefault();
|
|
77
|
+
onPress();
|
|
78
|
+
}
|
|
79
|
+
} : void 0,
|
|
80
|
+
children: [/* @__PURE__ */jsx(ChipText, {
|
|
81
|
+
size: resolvedSize,
|
|
82
|
+
color: "$color12",
|
|
83
|
+
...knobProps.body,
|
|
84
|
+
children: label
|
|
85
|
+
}), /* @__PURE__ */jsx(DismissButton, {
|
|
86
|
+
role: "button",
|
|
87
|
+
"aria-label": t("Remove"),
|
|
88
|
+
tabIndex: 0,
|
|
89
|
+
className: "mp-chip-dismiss",
|
|
90
|
+
borderRadius: knobProps.pointy ? 0 : 1e3,
|
|
91
|
+
...pressTargetStyle(),
|
|
92
|
+
marginVertical: -dismissOutset,
|
|
93
|
+
marginHorizontal: -dismissOutset,
|
|
94
|
+
hitSlop: pressTargetHitSlop(dismissVisual),
|
|
95
|
+
onPress: e => {
|
|
96
|
+
e.stopPropagation?.();
|
|
97
|
+
onRemove();
|
|
98
|
+
},
|
|
99
|
+
onKeyDown: e => {
|
|
100
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
101
|
+
e.preventDefault();
|
|
102
|
+
e.stopPropagation();
|
|
103
|
+
onRemove();
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
children: /* @__PURE__ */jsx(DismissRing, {
|
|
107
|
+
className: "mp-chip-dismiss-ring",
|
|
108
|
+
borderRadius: knobProps.pointy ? 0 : 1e3,
|
|
109
|
+
children: /* @__PURE__ */jsx(XIcon, {
|
|
110
|
+
size: iconSize,
|
|
111
|
+
color: "$color12"
|
|
112
|
+
})
|
|
113
|
+
})
|
|
114
|
+
})]
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
export { FilterChip };
|
|
118
|
+
//# sourceMappingURL=FilterChip.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["XIcon","ChipFrame","ChipText","chipIconSize","MIN_PRESS_TARGET","ensureCompositeFocusRing","ensureFocusVisibleRing","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","View","styled","t","jsx","jsxs","DismissButton","name","cursor","opacity","alignItems","justifyContent","outlineWidth","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","DismissRing","padding","backgroundColor","FilterChip","label","onRemove","onPress","knobProps","document","resolvedSize","sizeToken","iconSize","RING_INSET","dismissVisual","dismissOutset","Math","max","ceil","editable","size","variant","borderRadius","overflow","role","tabIndex","onKeyDown","e","key","preventDefault","children","color","body","className","pointy","marginVertical","marginHorizontal","hitSlop","stopPropagation"],"sources":["../../../../src/components/DataTableFilterChips/FilterChip.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { XIcon } from "@phosphor-icons/react";
|
|
3
|
+
import { ChipFrame, ChipText, chipIconSize } from "@multiplatform.one/forms";
|
|
4
|
+
import { MIN_PRESS_TARGET, ensureCompositeFocusRing, ensureFocusVisibleRing, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
5
|
+
import { View, styled } from "tamagui";
|
|
6
|
+
import { t } from "../../shared/t.native.js";
|
|
7
|
+
var DismissButton = styled(View, {
|
|
8
|
+
name: "FilterChipDismiss",
|
|
9
|
+
cursor: "pointer",
|
|
10
|
+
opacity: 0.7,
|
|
11
|
+
alignItems: "center",
|
|
12
|
+
justifyContent: "center",
|
|
13
|
+
outlineWidth: 0,
|
|
14
|
+
hoverStyle: {
|
|
15
|
+
opacity: 1
|
|
16
|
+
},
|
|
17
|
+
pressStyle: {
|
|
18
|
+
opacity: 0.9
|
|
19
|
+
},
|
|
20
|
+
focusStyle: {
|
|
21
|
+
outlineWidth: 0
|
|
22
|
+
},
|
|
23
|
+
focusVisibleStyle: {
|
|
24
|
+
opacity: 1,
|
|
25
|
+
outlineWidth: 0
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
var DismissRing = styled(View, {
|
|
29
|
+
name: "FilterChipDismissRing",
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
justifyContent: "center",
|
|
32
|
+
padding: "$0.5",
|
|
33
|
+
hoverStyle: {
|
|
34
|
+
backgroundColor: "$color5"
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
function FilterChip(param) {
|
|
38
|
+
var {
|
|
39
|
+
label,
|
|
40
|
+
onRemove,
|
|
41
|
+
onPress
|
|
42
|
+
} = param;
|
|
43
|
+
var {
|
|
44
|
+
knobProps
|
|
45
|
+
} = useResolvedKnobs();
|
|
46
|
+
if (typeof document !== "undefined") ensureCompositeFocusRing();
|
|
47
|
+
var resolvedSize = knobProps.sizeToken || "$3";
|
|
48
|
+
var iconSize = chipIconSize(resolvedSize);
|
|
49
|
+
var RING_INSET = 2;
|
|
50
|
+
var dismissVisual = iconSize + RING_INSET * 2;
|
|
51
|
+
var dismissOutset = Math.max(0, Math.ceil((MIN_PRESS_TARGET - dismissVisual) / 2));
|
|
52
|
+
var editable = typeof onPress === "function";
|
|
53
|
+
return /* @__PURE__ */_jsxs(ChipFrame, {
|
|
54
|
+
size: resolvedSize,
|
|
55
|
+
variant: "subtle",
|
|
56
|
+
backgroundColor: "$color4",
|
|
57
|
+
...knobProps.borderRadius,
|
|
58
|
+
overflow: "visible",
|
|
59
|
+
"data-filter-chip": "",
|
|
60
|
+
cursor: editable ? "pointer" : "default",
|
|
61
|
+
role: editable ? "button" : void 0,
|
|
62
|
+
tabIndex: editable ? 0 : void 0,
|
|
63
|
+
"aria-label": editable ? t("Edit filter {{label}}", {
|
|
64
|
+
label
|
|
65
|
+
}) : void 0,
|
|
66
|
+
outlineWidth: 0,
|
|
67
|
+
focusStyle: {
|
|
68
|
+
outlineWidth: 0
|
|
69
|
+
},
|
|
70
|
+
focusVisibleStyle: editable ? ensureFocusVisibleRing() : void 0,
|
|
71
|
+
hoverStyle: editable ? {
|
|
72
|
+
backgroundColor: "$color5"
|
|
73
|
+
} : void 0,
|
|
74
|
+
onPress,
|
|
75
|
+
onKeyDown: editable ? function (e) {
|
|
76
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
onPress();
|
|
79
|
+
}
|
|
80
|
+
} : void 0,
|
|
81
|
+
children: [/* @__PURE__ */_jsx(ChipText, {
|
|
82
|
+
size: resolvedSize,
|
|
83
|
+
color: "$color12",
|
|
84
|
+
...knobProps.body,
|
|
85
|
+
children: label
|
|
86
|
+
}), /* @__PURE__ */_jsx(DismissButton, {
|
|
87
|
+
role: "button",
|
|
88
|
+
"aria-label": t("Remove"),
|
|
89
|
+
tabIndex: 0,
|
|
90
|
+
className: "mp-chip-dismiss",
|
|
91
|
+
borderRadius: knobProps.pointy ? 0 : 1e3,
|
|
92
|
+
...pressTargetStyle(),
|
|
93
|
+
marginVertical: -dismissOutset,
|
|
94
|
+
marginHorizontal: -dismissOutset,
|
|
95
|
+
hitSlop: pressTargetHitSlop(dismissVisual),
|
|
96
|
+
onPress: function onPress2(e) {
|
|
97
|
+
var _e_stopPropagation;
|
|
98
|
+
(_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
|
|
99
|
+
onRemove();
|
|
100
|
+
},
|
|
101
|
+
onKeyDown: function onKeyDown(e) {
|
|
102
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
103
|
+
e.preventDefault();
|
|
104
|
+
e.stopPropagation();
|
|
105
|
+
onRemove();
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
children: /* @__PURE__ */_jsx(DismissRing, {
|
|
109
|
+
className: "mp-chip-dismiss-ring",
|
|
110
|
+
borderRadius: knobProps.pointy ? 0 : 1e3,
|
|
111
|
+
children: /* @__PURE__ */_jsx(XIcon, {
|
|
112
|
+
size: iconSize,
|
|
113
|
+
color: "$color12"
|
|
114
|
+
})
|
|
115
|
+
})
|
|
116
|
+
})]
|
|
117
|
+
});
|
|
118
|
+
}
|
|
119
|
+
export { FilterChip };
|
|
120
|
+
//# sourceMappingURL=FilterChip.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XIcon","ChipFrame","ChipText","chipIconSize","MIN_PRESS_TARGET","ensureCompositeFocusRing","ensureFocusVisibleRing","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","View","styled","t","DismissButton","name","cursor","opacity","alignItems","justifyContent","outlineWidth","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","DismissRing","padding","backgroundColor","FilterChip","param","label","onRemove","onPress","knobProps","document","resolvedSize","sizeToken","iconSize","RING_INSET","dismissVisual","dismissOutset","Math","max","ceil","editable","size","variant","borderRadius","overflow","role","tabIndex","onKeyDown","e","key","preventDefault","children","color","body","className","pointy","marginVertical","marginHorizontal","hitSlop","onPress2","_e_stopPropagation","stopPropagation","call"],"sources":["../../../../src/components/DataTableFilterChips/FilterChip.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
import { Button } from "@multiplatform.one/forms";
|
|
2
|
-
import { Chip } from "@multiplatform.one/forms";
|
|
3
|
-
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
2
|
import { useCallback, useMemo } from "react";
|
|
5
|
-
import {
|
|
3
|
+
import { XStack } from "tamagui";
|
|
6
4
|
import { t } from "../../shared/t.mjs";
|
|
7
5
|
import { getFilterChipLabel, isFilterValueShape } from "../../utils/filterFields.mjs";
|
|
8
6
|
import { useDataTableState } from "../DataTable/DataTableStateContext.mjs";
|
|
7
|
+
import { FilterChip } from "./FilterChip.mjs";
|
|
8
|
+
import { FilterChip as FilterChip2 } from "./FilterChip.mjs";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
function DataTableFilterChips() {
|
|
11
11
|
const ctx = useDataTableState();
|
|
12
|
-
const {
|
|
13
|
-
knobProps
|
|
14
|
-
} = useResolvedKnobs();
|
|
15
12
|
const fields = ctx?.computed?.filterFields ?? [];
|
|
16
13
|
const fieldFor = useCallback(id => fields.find(f => f.id === id), [fields]);
|
|
17
14
|
const chips = useMemo(() => {
|
|
@@ -58,38 +55,18 @@ function DataTableFilterChips() {
|
|
|
58
55
|
gap: "$2",
|
|
59
56
|
paddingVertical: "$1.5",
|
|
60
57
|
"aria-label": t("Active filters"),
|
|
61
|
-
children: [chips.map(chip => /* @__PURE__ */jsx(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
label: chip.label
|
|
66
|
-
}),
|
|
67
|
-
cursor: "pointer",
|
|
68
|
-
...knobProps.containerRadius,
|
|
69
|
-
focusVisibleStyle: {
|
|
70
|
-
outlineColor: "$outlineColor",
|
|
71
|
-
outlineWidth: 2,
|
|
72
|
-
outlineStyle: "solid"
|
|
73
|
-
},
|
|
74
|
-
onPress: () => ctx.filterUi?.requestEdit(chip.target),
|
|
75
|
-
onKeyDown: e => {
|
|
76
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
77
|
-
e.preventDefault();
|
|
78
|
-
ctx.filterUi?.requestEdit(chip.target);
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
children: /* @__PURE__ */jsx(Chip, {
|
|
82
|
-
color: "blue",
|
|
83
|
-
onDismiss: chip.onRemove,
|
|
84
|
-
children: chip.label
|
|
85
|
-
})
|
|
58
|
+
children: [chips.map(chip => /* @__PURE__ */jsx(FilterChip, {
|
|
59
|
+
label: chip.label,
|
|
60
|
+
onRemove: chip.onRemove,
|
|
61
|
+
onPress: () => ctx.filterUi?.requestEdit(chip.target)
|
|
86
62
|
}, chip.key)), chips.length >= 2 && /* @__PURE__ */jsx(Button, {
|
|
87
63
|
size: "$2",
|
|
88
64
|
chromeless: true,
|
|
65
|
+
compact: true,
|
|
89
66
|
onPress: handleClearAll,
|
|
90
67
|
children: t("Clear all")
|
|
91
68
|
})]
|
|
92
69
|
});
|
|
93
70
|
}
|
|
94
|
-
export { DataTableFilterChips };
|
|
71
|
+
export { DataTableFilterChips, FilterChip2 as FilterChip };
|
|
95
72
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","
|
|
1
|
+
{"version":3,"names":["Button","useCallback","useMemo","XStack","t","getFilterChipLabel","isFilterValueShape","useDataTableState","FilterChip","FilterChip2","jsx","jsxs","DataTableFilterChips","ctx","fields","computed","filterFields","fieldFor","id","find","f","chips","items","filter","state","filters","field","columnId","label","value","options","push","key","target","kind","filterId","onRemove","actions","removeFilter","columnFilter","columnFilters","table","getColumn","setFilterValue","handleClearAll","setFilters","setColumnFilters","prev","cf","length","flexWrap","alignItems","gap","paddingVertical","children","map","chip","onPress","filterUi","requestEdit","size","chromeless","compact"],"sources":["../../../../src/components/DataTableFilterChips/index.tsx"],"sourcesContent":[null],"mappings":"AAcA,SAASA,MAAA,QAAc;AACvB,SAASC,WAAA,EAAaC,OAAA,QAAe;AACrC,SAASC,MAAA,QAAc;AACvB,SAASC,CAAA,QAAS;AAElB,SAASC,kBAAA,EAAoBC,kBAAA,QAA0B;AAEvD,SAASC,iBAAA,QAAyB;AAClC,SAASC,UAAA,QAAkB;AAE3B,SAASA,UAAA,IAAAC,WAAA,QAAkB;AAgEvB,SAQIC,GAAA,EARJC,IAAA;AAtDG,SAASC,qBAAA,EAAuB;EACrC,MAAMC,GAAA,GAAMN,iBAAA,CAAkB;EAE9B,MAAMO,MAAA,GAAgCD,GAAA,EAAKE,QAAA,EAAUC,YAAA,IAAgB,EAAC;EACtE,MAAMC,QAAA,GAAWhB,WAAA,CAAaiB,EAAA,IAAeJ,MAAA,CAAOK,IAAA,CAAMC,CAAA,IAAMA,CAAA,CAAEF,EAAA,KAAOA,EAAE,GAAG,CAACJ,MAAM,CAAC;EAEtF,MAAMO,KAAA,GAAQnB,OAAA,CAA2B,MAAM;IAC7C,IAAI,CAACW,GAAA,EAAK,OAAO,EAAC;IAClB,MAAMS,KAAA,GAA2B,EAAC;IAClC,WAAWC,MAAA,IAAUV,GAAA,CAAIW,KAAA,CAAMC,OAAA,IAAW,EAAC,EAAG;MAC5C,MAAMC,KAAA,GAAQT,QAAA,CAASM,MAAA,CAAOI,QAAQ;MACtC,MAAMC,KAAA,GAAQvB,kBAAA,CACZqB,KAAA,EAAOE,KAAA,IAASL,MAAA,CAAOK,KAAA,IAASL,MAAA,CAAOI,QAAA,EACvCJ,MAAA,CAAOM,KAAA,EACPH,KAAA,EAAOI,OACT;MACAR,KAAA,CAAMS,IAAA,CAAK;QACTC,GAAA,EAAK,YAAYT,MAAA,CAAOL,EAAE;QAC1BU,KAAA;QACAK,MAAA,EAAQ;UAAEC,IAAA,EAAM;UAAYC,QAAA,EAAUZ,MAAA,CAAOL;QAAG;QAChDkB,QAAA,EAAUA,CAAA,KAAMvB,GAAA,CAAIwB,OAAA,CAAQC,YAAA,CAAaf,MAAA,CAAOL,EAAE;MACpD,CAAC;IACH;IACA,WAAWqB,YAAA,IAAgB1B,GAAA,CAAIW,KAAA,CAAMgB,aAAA,IAAiB,EAAC,EAAG;MACxD,IAAI,CAAClC,kBAAA,CAAmBiC,YAAA,CAAaV,KAAK,GAAG;MAC7C,MAAMH,KAAA,GAAQT,QAAA,CAASsB,YAAA,CAAarB,EAAE;MACtC,MAAMU,KAAA,GAAQvB,kBAAA,CACZqB,KAAA,EAAOE,KAAA,IAASW,YAAA,CAAarB,EAAA,EAC7BqB,YAAA,CAAaV,KAAA,EACbH,KAAA,EAAOI,OACT;MACAR,KAAA,CAAMS,IAAA,CAAK;QACTC,GAAA,EAAK,UAAUO,YAAA,CAAarB,EAAE;QAC9BU,KAAA;QACAK,MAAA,EAAQ;UAAEC,IAAA,EAAM;UAAUP,QAAA,EAAUY,YAAA,CAAarB;QAAG;QACpDkB,QAAA,EAAUA,CAAA,KAAMvB,GAAA,CAAI4B,KAAA,CAAMC,SAAA,CAAUH,YAAA,CAAarB,EAAE,GAAGyB,cAAA,CAAe,MAAS;MAChF,CAAC;IACH;IACA,OAAOrB,KAAA;EACT,GAAG,CAACT,GAAA,EAAKA,GAAA,EAAKW,KAAA,CAAMC,OAAA,EAASZ,GAAA,EAAKW,KAAA,CAAMgB,aAAA,EAAevB,QAAQ,CAAC;EAEhE,MAAM2B,cAAA,GAAiB3C,WAAA,CAAY,MAAM;IACvC,IAAI,CAACY,GAAA,EAAK;IACVA,GAAA,CAAIwB,OAAA,CAAQQ,UAAA,CAAW,EAAE;IAGzBhC,GAAA,CAAI4B,KAAA,CAAMK,gBAAA,CAAkBC,IAAA,IAC1BA,IAAA,CAAKxB,MAAA,CAAQyB,EAAA,IAAO,CAAC1C,kBAAA,CAAmB0C,EAAA,CAAGnB,KAAK,CAAC,CACnD;EACF,GAAG,CAAChB,GAAG,CAAC;EAER,IAAI,CAACA,GAAA,IAAOQ,KAAA,CAAM4B,MAAA,KAAW,GAAG,OAAO;EAEvC,OACE,eAAAtC,IAAA,CAACR,MAAA;IACC+C,QAAA,EAAS;IACTC,UAAA,EAAW;IACXC,GAAA,EAAI;IACJC,eAAA,EAAgB;IAChB,cAAYjD,CAAA,CAAE,gBAAgB;IAE7BkD,QAAA,GAAAjC,KAAA,CAAMkC,GAAA,CAAKC,IAAA,IACV,eAAA9C,GAAA,CAACF,UAAA;MAECoB,KAAA,EAAO4B,IAAA,CAAK5B,KAAA;MACZQ,QAAA,EAAUoB,IAAA,CAAKpB,QAAA;MACfqB,OAAA,EAASA,CAAA,KAAM5C,GAAA,CAAI6C,QAAA,EAAUC,WAAA,CAAYH,IAAA,CAAKvB,MAAM;IAAA,GAH/CuB,IAAA,CAAKxB,GAIZ,CACD,GACAX,KAAA,CAAM4B,MAAA,IAAU,KACf,eAAAvC,GAAA,CAACV,MAAA;MAAO4D,IAAA,EAAK;MAAKC,UAAA,EAAU;MAACC,OAAA,EAAO;MAACL,OAAA,EAASb,cAAA;MAC3CU,QAAA,EAAAlD,CAAA,CAAE,WAAW;IAAA,CAChB;EAAA,CAEJ;AAEJ","ignoreList":[]}
|
|
@@ -1,19 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Button } from "@multiplatform.one/forms";
|
|
3
|
-
import { Chip } from "@multiplatform.one/forms";
|
|
4
|
-
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
5
3
|
import { useCallback, useMemo } from "react";
|
|
6
|
-
import {
|
|
4
|
+
import { XStack } from "tamagui";
|
|
7
5
|
import { t } from "../../shared/t.native.js";
|
|
8
6
|
import { getFilterChipLabel, isFilterValueShape } from "../../utils/filterFields.native.js";
|
|
9
7
|
import { useDataTableState } from "../DataTable/DataTableStateContext.native.js";
|
|
8
|
+
import { FilterChip } from "./FilterChip.native.js";
|
|
9
|
+
import { FilterChip as FilterChip2 } from "./FilterChip.native.js";
|
|
10
10
|
function DataTableFilterChips() {
|
|
11
11
|
var _ref;
|
|
12
12
|
var _ctx_computed;
|
|
13
13
|
var ctx = useDataTableState();
|
|
14
|
-
var {
|
|
15
|
-
knobProps
|
|
16
|
-
} = useResolvedKnobs();
|
|
17
14
|
var fields = (_ref = ctx === null || ctx === void 0 ? void 0 : (_ctx_computed = ctx.computed) === null || _ctx_computed === void 0 ? void 0 : _ctx_computed.filterFields) !== null && _ref !== void 0 ? _ref : [];
|
|
18
15
|
var fieldFor = useCallback(function (id) {
|
|
19
16
|
return fields.find(function (f) {
|
|
@@ -117,43 +114,22 @@ function DataTableFilterChips() {
|
|
|
117
114
|
paddingVertical: "$1.5",
|
|
118
115
|
"aria-label": t("Active filters"),
|
|
119
116
|
children: [chips.map(function (chip) {
|
|
120
|
-
return /* @__PURE__ */_jsx(
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
"aria-label": t("Edit filter {{label}}", {
|
|
124
|
-
label: chip.label
|
|
125
|
-
}),
|
|
126
|
-
cursor: "pointer",
|
|
127
|
-
...knobProps.containerRadius,
|
|
128
|
-
focusVisibleStyle: {
|
|
129
|
-
outlineColor: "$outlineColor",
|
|
130
|
-
outlineWidth: 2,
|
|
131
|
-
outlineStyle: "solid"
|
|
132
|
-
},
|
|
117
|
+
return /* @__PURE__ */_jsx(FilterChip, {
|
|
118
|
+
label: chip.label,
|
|
119
|
+
onRemove: chip.onRemove,
|
|
133
120
|
onPress: function onPress() {
|
|
134
121
|
var _ctx_filterUi;
|
|
135
122
|
return (_ctx_filterUi = ctx.filterUi) === null || _ctx_filterUi === void 0 ? void 0 : _ctx_filterUi.requestEdit(chip.target);
|
|
136
|
-
}
|
|
137
|
-
onKeyDown: function onKeyDown(e) {
|
|
138
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
139
|
-
var _ctx_filterUi;
|
|
140
|
-
e.preventDefault();
|
|
141
|
-
(_ctx_filterUi = ctx.filterUi) === null || _ctx_filterUi === void 0 ? void 0 : _ctx_filterUi.requestEdit(chip.target);
|
|
142
|
-
}
|
|
143
|
-
},
|
|
144
|
-
children: /* @__PURE__ */_jsx(Chip, {
|
|
145
|
-
color: "blue",
|
|
146
|
-
onDismiss: chip.onRemove,
|
|
147
|
-
children: chip.label
|
|
148
|
-
})
|
|
123
|
+
}
|
|
149
124
|
}, chip.key);
|
|
150
125
|
}), chips.length >= 2 && /* @__PURE__ */_jsx(Button, {
|
|
151
126
|
size: "$2",
|
|
152
127
|
chromeless: true,
|
|
128
|
+
compact: true,
|
|
153
129
|
onPress: handleClearAll,
|
|
154
130
|
children: t("Clear all")
|
|
155
131
|
})]
|
|
156
132
|
});
|
|
157
133
|
}
|
|
158
|
-
export { DataTableFilterChips };
|
|
134
|
+
export { DataTableFilterChips, FilterChip2 as FilterChip };
|
|
159
135
|
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","useCallback","useMemo","XStack","t","getFilterChipLabel","isFilterValueShape","useDataTableState","FilterChip","FilterChip2","DataTableFilterChips","_ref","_ctx_computed","ctx","fields","computed","filterFields","fieldFor","id","find","f","chips","_ctx_state_filters","_ctx_state_columnFilters","items","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_loop","filter","_step","value","_ref2","_ref1","field","columnId","label","options","push","key","target","kind","filterId","onRemove","actions","removeFilter","_iterator","state","filters","Symbol","iterator","next","done","err","return","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_loop1","columnFilter","_step1","_ctx_table_getColumn","table","getColumn","setFilterValue"],"sources":["../../../../src/components/DataTableFilterChips/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|