@multiplatform.one/table 7.10.0 → 7.15.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 +61 -1
- package/dist/cjs/components/ChildTable/index.cjs +8 -2
- package/dist/cjs/components/ChildTable/index.native.js +8 -2
- package/dist/cjs/components/ChildTable/index.native.js.map +1 -1
- package/dist/cjs/components/ColumnHeaderFilter/index.cjs +77 -111
- package/dist/cjs/components/ColumnHeaderFilter/index.native.js +89 -129
- package/dist/cjs/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableCardControls.cjs +90 -54
- package/dist/cjs/components/DataTable/DataTableCardControls.native.js +93 -56
- package/dist/cjs/components/DataTable/DataTableCardControls.native.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTableRoot.cjs +68 -9
- package/dist/cjs/components/DataTable/DataTableRoot.native.js +78 -11
- package/dist/cjs/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/cjs/components/DataTableCell/CellModalEditor.cjs +72 -70
- package/dist/cjs/components/DataTableCell/index.cjs +2 -2
- package/dist/cjs/components/DataTableCell/index.native.js +2 -11
- package/dist/cjs/components/DataTableCell/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableDateFilter/index.cjs +135 -158
- package/dist/cjs/components/DataTableDateFilter/index.native.js +153 -183
- package/dist/cjs/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableExport/index.cjs +122 -139
- package/dist/cjs/components/DataTableExport/index.native.js +135 -157
- package/dist/cjs/components/DataTableExport/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableFilterButton/index.cjs +14 -0
- package/dist/cjs/components/DataTableFilterButton/index.native.js +15 -0
- package/dist/cjs/components/DataTableFilterButton/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableGrouping/index.cjs +192 -212
- package/dist/cjs/components/DataTableGrouping/index.native.js +209 -230
- package/dist/cjs/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableSearch/index.cjs +103 -115
- package/dist/cjs/components/DataTableSearch/index.native.js +111 -123
- package/dist/cjs/components/DataTableSearch/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableToolbar/index.cjs +161 -101
- package/dist/cjs/components/DataTableToolbar/index.native.js +168 -109
- package/dist/cjs/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/cjs/components/DataTableViewOptions/index.cjs +38 -54
- package/dist/cjs/components/DataTableViewOptions/index.native.js +40 -56
- package/dist/cjs/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/cjs/components/FilterOperatorValueEditor/index.cjs +3 -11
- package/dist/cjs/components/FilterOperatorValueEditor/index.native.js +3 -11
- package/dist/cjs/components/FilterOperatorValueEditor/index.native.js.map +1 -1
- package/dist/cjs/components/SimpleTable/index.cjs +2 -6
- package/dist/cjs/components/SimpleTable/index.native.js +2 -6
- package/dist/cjs/components/SimpleTable/index.native.js.map +1 -1
- package/dist/cjs/components/TableInput/RowDetailEditor.cjs +190 -0
- package/dist/cjs/components/TableInput/RowDetailEditor.native.js +172 -0
- package/dist/cjs/components/TableInput/RowDetailEditor.native.js.map +1 -0
- package/dist/cjs/components/TableInput/index.cjs +42 -5
- package/dist/cjs/components/TableInput/index.native.js +64 -1
- package/dist/cjs/components/TableInput/index.native.js.map +1 -1
- package/dist/cjs/components/TableInput/shared.cjs +8 -0
- package/dist/cjs/components/TableInput/shared.native.js +10 -0
- package/dist/cjs/components/TableInput/shared.native.js.map +1 -1
- package/dist/cjs/hooks/useDataTable.cjs +43 -2
- package/dist/cjs/hooks/useDataTable.native.js +49 -3
- package/dist/cjs/hooks/useDataTable.native.js.map +1 -1
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/utils/rowPress.cjs +4 -1
- package/dist/cjs/utils/rowPress.native.js +4 -1
- package/dist/cjs/utils/rowPress.native.js.map +1 -1
- package/dist/esm/components/ChildTable/index.mjs +8 -2
- package/dist/esm/components/ChildTable/index.mjs.map +1 -1
- package/dist/esm/components/ChildTable/index.native.js +8 -2
- package/dist/esm/components/ChildTable/index.native.js.map +1 -1
- package/dist/esm/components/ColumnHeaderFilter/index.mjs +80 -114
- package/dist/esm/components/ColumnHeaderFilter/index.mjs.map +1 -1
- package/dist/esm/components/ColumnHeaderFilter/index.native.js +92 -132
- package/dist/esm/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableCardControls.mjs +89 -54
- package/dist/esm/components/DataTable/DataTableCardControls.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableCardControls.native.js +92 -56
- package/dist/esm/components/DataTable/DataTableCardControls.native.js.map +1 -1
- package/dist/esm/components/DataTable/DataTableRoot.mjs +70 -11
- package/dist/esm/components/DataTable/DataTableRoot.mjs.map +1 -1
- package/dist/esm/components/DataTable/DataTableRoot.native.js +80 -13
- package/dist/esm/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/esm/components/DataTableCell/CellModalEditor.mjs +76 -74
- package/dist/esm/components/DataTableCell/CellModalEditor.mjs.map +1 -1
- package/dist/esm/components/DataTableCell/index.mjs +3 -3
- package/dist/esm/components/DataTableCell/index.mjs.map +1 -1
- package/dist/esm/components/DataTableCell/index.native.js +3 -12
- package/dist/esm/components/DataTableCell/index.native.js.map +1 -1
- package/dist/esm/components/DataTableDateFilter/index.mjs +137 -160
- package/dist/esm/components/DataTableDateFilter/index.mjs.map +1 -1
- package/dist/esm/components/DataTableDateFilter/index.native.js +155 -185
- package/dist/esm/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/esm/components/DataTableExport/index.mjs +124 -141
- package/dist/esm/components/DataTableExport/index.mjs.map +1 -1
- package/dist/esm/components/DataTableExport/index.native.js +137 -159
- package/dist/esm/components/DataTableExport/index.native.js.map +1 -1
- package/dist/esm/components/DataTableFilterButton/index.mjs +14 -1
- package/dist/esm/components/DataTableFilterButton/index.mjs.map +1 -1
- package/dist/esm/components/DataTableFilterButton/index.native.js +15 -1
- package/dist/esm/components/DataTableFilterButton/index.native.js.map +1 -1
- package/dist/esm/components/DataTableGrouping/index.mjs +194 -214
- package/dist/esm/components/DataTableGrouping/index.mjs.map +1 -1
- package/dist/esm/components/DataTableGrouping/index.native.js +211 -232
- package/dist/esm/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/esm/components/DataTableSearch/index.mjs +105 -117
- package/dist/esm/components/DataTableSearch/index.mjs.map +1 -1
- package/dist/esm/components/DataTableSearch/index.native.js +113 -125
- package/dist/esm/components/DataTableSearch/index.native.js.map +1 -1
- package/dist/esm/components/DataTableToolbar/index.mjs +165 -106
- package/dist/esm/components/DataTableToolbar/index.mjs.map +1 -1
- package/dist/esm/components/DataTableToolbar/index.native.js +172 -114
- package/dist/esm/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/esm/components/DataTableViewOptions/index.mjs +40 -56
- package/dist/esm/components/DataTableViewOptions/index.mjs.map +1 -1
- package/dist/esm/components/DataTableViewOptions/index.native.js +42 -58
- package/dist/esm/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/esm/components/FilterOperatorValueEditor/index.mjs +3 -11
- package/dist/esm/components/FilterOperatorValueEditor/index.mjs.map +1 -1
- package/dist/esm/components/FilterOperatorValueEditor/index.native.js +3 -11
- package/dist/esm/components/FilterOperatorValueEditor/index.native.js.map +1 -1
- package/dist/esm/components/SimpleTable/index.mjs +3 -7
- package/dist/esm/components/SimpleTable/index.mjs.map +1 -1
- package/dist/esm/components/SimpleTable/index.native.js +3 -7
- package/dist/esm/components/SimpleTable/index.native.js.map +1 -1
- package/dist/esm/components/TableInput/RowDetailEditor.mjs +165 -0
- package/dist/esm/components/TableInput/RowDetailEditor.mjs.map +1 -0
- package/dist/esm/components/TableInput/RowDetailEditor.native.js +144 -0
- package/dist/esm/components/TableInput/RowDetailEditor.native.js.map +1 -0
- package/dist/esm/components/TableInput/index.mjs +42 -5
- package/dist/esm/components/TableInput/index.mjs.map +1 -1
- package/dist/esm/components/TableInput/index.native.js +64 -1
- package/dist/esm/components/TableInput/index.native.js.map +1 -1
- package/dist/esm/components/TableInput/shared.mjs +7 -1
- package/dist/esm/components/TableInput/shared.mjs.map +1 -1
- package/dist/esm/components/TableInput/shared.native.js +9 -1
- package/dist/esm/components/TableInput/shared.native.js.map +1 -1
- package/dist/esm/hooks/useDataTable.mjs +43 -2
- package/dist/esm/hooks/useDataTable.mjs.map +1 -1
- package/dist/esm/hooks/useDataTable.native.js +49 -3
- package/dist/esm/hooks/useDataTable.native.js.map +1 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/utils/rowPress.mjs +4 -1
- package/dist/esm/utils/rowPress.mjs.map +1 -1
- package/dist/esm/utils/rowPress.native.js +4 -1
- package/dist/esm/utils/rowPress.native.js.map +1 -1
- package/dist/jsx/components/ChildTable/index.mjs +8 -2
- package/dist/jsx/components/ChildTable/index.mjs.map +1 -1
- package/dist/jsx/components/ChildTable/index.native.js +8 -2
- package/dist/jsx/components/ChildTable/index.native.js.map +1 -1
- package/dist/jsx/components/ColumnHeaderFilter/index.mjs +80 -114
- package/dist/jsx/components/ColumnHeaderFilter/index.mjs.map +1 -1
- package/dist/jsx/components/ColumnHeaderFilter/index.native.js +89 -129
- package/dist/jsx/components/ColumnHeaderFilter/index.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableCardControls.mjs +89 -54
- package/dist/jsx/components/DataTable/DataTableCardControls.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableCardControls.native.js +93 -56
- package/dist/jsx/components/DataTable/DataTableCardControls.native.js.map +1 -1
- package/dist/jsx/components/DataTable/DataTableRoot.mjs +70 -11
- package/dist/jsx/components/DataTable/DataTableRoot.mjs.map +1 -1
- package/dist/jsx/components/DataTable/DataTableRoot.native.js +78 -11
- package/dist/jsx/components/DataTable/DataTableRoot.native.js.map +1 -1
- package/dist/jsx/components/DataTableCell/CellModalEditor.mjs +76 -74
- package/dist/jsx/components/DataTableCell/CellModalEditor.mjs.map +1 -1
- package/dist/jsx/components/DataTableCell/index.mjs +3 -3
- package/dist/jsx/components/DataTableCell/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableCell/index.native.js +2 -11
- package/dist/jsx/components/DataTableCell/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableDateFilter/index.mjs +137 -160
- package/dist/jsx/components/DataTableDateFilter/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableDateFilter/index.native.js +153 -183
- package/dist/jsx/components/DataTableDateFilter/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableExport/index.mjs +124 -141
- package/dist/jsx/components/DataTableExport/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableExport/index.native.js +135 -157
- package/dist/jsx/components/DataTableExport/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableFilterButton/index.mjs +14 -1
- package/dist/jsx/components/DataTableFilterButton/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableFilterButton/index.native.js +15 -0
- package/dist/jsx/components/DataTableFilterButton/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableGrouping/index.mjs +194 -214
- package/dist/jsx/components/DataTableGrouping/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableGrouping/index.native.js +209 -230
- package/dist/jsx/components/DataTableGrouping/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableSearch/index.mjs +105 -117
- package/dist/jsx/components/DataTableSearch/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableSearch/index.native.js +111 -123
- package/dist/jsx/components/DataTableSearch/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableToolbar/index.mjs +165 -106
- package/dist/jsx/components/DataTableToolbar/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableToolbar/index.native.js +168 -109
- package/dist/jsx/components/DataTableToolbar/index.native.js.map +1 -1
- package/dist/jsx/components/DataTableViewOptions/index.mjs +40 -56
- package/dist/jsx/components/DataTableViewOptions/index.mjs.map +1 -1
- package/dist/jsx/components/DataTableViewOptions/index.native.js +40 -56
- package/dist/jsx/components/DataTableViewOptions/index.native.js.map +1 -1
- package/dist/jsx/components/FilterOperatorValueEditor/index.mjs +3 -11
- package/dist/jsx/components/FilterOperatorValueEditor/index.mjs.map +1 -1
- package/dist/jsx/components/FilterOperatorValueEditor/index.native.js +3 -11
- package/dist/jsx/components/FilterOperatorValueEditor/index.native.js.map +1 -1
- package/dist/jsx/components/SimpleTable/index.mjs +3 -7
- package/dist/jsx/components/SimpleTable/index.mjs.map +1 -1
- package/dist/jsx/components/SimpleTable/index.native.js +2 -6
- package/dist/jsx/components/SimpleTable/index.native.js.map +1 -1
- package/dist/jsx/components/TableInput/RowDetailEditor.mjs +165 -0
- package/dist/jsx/components/TableInput/RowDetailEditor.mjs.map +1 -0
- package/dist/jsx/components/TableInput/RowDetailEditor.native.js +172 -0
- package/dist/jsx/components/TableInput/RowDetailEditor.native.js.map +1 -0
- package/dist/jsx/components/TableInput/index.mjs +42 -5
- package/dist/jsx/components/TableInput/index.mjs.map +1 -1
- package/dist/jsx/components/TableInput/index.native.js +64 -1
- package/dist/jsx/components/TableInput/index.native.js.map +1 -1
- package/dist/jsx/components/TableInput/shared.mjs +7 -1
- package/dist/jsx/components/TableInput/shared.mjs.map +1 -1
- package/dist/jsx/components/TableInput/shared.native.js +10 -0
- package/dist/jsx/components/TableInput/shared.native.js.map +1 -1
- package/dist/jsx/hooks/useDataTable.mjs +43 -2
- package/dist/jsx/hooks/useDataTable.mjs.map +1 -1
- package/dist/jsx/hooks/useDataTable.native.js +49 -3
- package/dist/jsx/hooks/useDataTable.native.js.map +1 -1
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/utils/rowPress.mjs +4 -1
- package/dist/jsx/utils/rowPress.mjs.map +1 -1
- package/dist/jsx/utils/rowPress.native.js +4 -1
- package/dist/jsx/utils/rowPress.native.js.map +1 -1
- package/package.json +16 -16
- package/src/components/ChildTable/childTable.cellHidden.spec.tsx +57 -0
- package/src/components/ChildTable/childTable.rowDetail.spec.tsx +120 -0
- package/src/components/ChildTable/index.tsx +16 -0
- package/src/components/ColumnHeaderFilter/index.tsx +89 -116
- package/src/components/DataTable/DataTable.stories.tsx +130 -6
- package/src/components/DataTable/DataTableCardControls.stories.tsx +61 -2
- package/src/components/DataTable/DataTableCardControls.tsx +92 -66
- package/src/components/DataTable/DataTableRoot.tsx +109 -18
- package/src/components/DataTable/cardLayout.spec.tsx +4 -3
- package/src/components/DataTable/cardToolbar.spec.tsx +238 -0
- package/src/components/DataTable/chromeInterplay.spec.tsx +7 -5
- package/src/components/DataTable/columnWidthLayout.spec.tsx +189 -0
- package/src/components/DataTable/dataTableCardControls.spec.tsx +3 -2
- package/src/components/DataTable/dataTableMobileCards.spec.tsx +1 -4
- package/src/components/DataTable/footerLayout.spec.tsx +250 -0
- package/src/components/DataTable/headerContainment.spec.tsx +91 -0
- package/src/components/DataTable/pinningGeometry.spec.tsx +66 -1
- package/src/components/DataTable/rowPress.spec.tsx +2 -6
- package/src/components/DataTableBulkActions/DataTableBulkActions.stories.tsx +5 -4
- package/src/components/DataTableCell/CellModalEditor.tsx +95 -75
- package/src/components/DataTableCell/cellDraftPolicy.spec.tsx +12 -2
- package/src/components/DataTableCell/cellModalEditor.spec.tsx +75 -49
- package/src/components/DataTableCell/dataTableCell.spec.tsx +31 -14
- package/src/components/DataTableCell/index.tsx +3 -2
- package/src/components/DataTableDateFilter/DataTableDateFilter.spec.tsx +6 -3
- package/src/components/DataTableDateFilter/index.tsx +151 -180
- package/src/components/DataTableExport/DataTableExport.spec.tsx +42 -18
- package/src/components/DataTableExport/index.tsx +135 -142
- package/src/components/DataTableFilterButton/index.tsx +9 -0
- package/src/components/DataTableGrouping/index.tsx +193 -195
- package/src/components/DataTableSearch/index.tsx +111 -109
- package/src/components/DataTableToolbar/index.tsx +179 -107
- package/src/components/DataTableViewOptions/DataTableViewOptions.stories.tsx +52 -0
- package/src/components/DataTableViewOptions/index.tsx +32 -40
- package/src/components/FilterOperatorValueEditor/FilterOperatorValueEditor.spec.tsx +64 -2
- package/src/components/FilterOperatorValueEditor/index.tsx +0 -8
- package/src/components/SimpleTable/index.tsx +3 -2
- package/src/components/SimpleTable/simpleTable.spec.tsx +15 -0
- package/src/components/Table/accessibility.spec.tsx +7 -19
- package/src/components/TableInput/RowDetailEditor.native.tsx +134 -0
- package/src/components/TableInput/RowDetailEditor.tsx +173 -0
- package/src/components/TableInput/index.native.tsx +49 -1
- package/src/components/TableInput/index.tsx +65 -10
- package/src/components/TableInput/shared.ts +29 -0
- package/src/components/tableDropdowns.spec.tsx +172 -0
- package/src/hooks/useDataTable.spec.ts +153 -0
- package/src/hooks/useDataTable.ts +38 -2
- package/src/index.ts +1 -0
- package/src/types.ts +14 -12
- package/src/utils/rowPress.ts +3 -0
- package/types/components/ChildTable/index.d.ts +10 -0
- package/types/components/ChildTable/index.d.ts.map +1 -1
- package/types/components/ColumnHeaderFilter/index.d.ts +1 -1
- package/types/components/ColumnHeaderFilter/index.d.ts.map +1 -1
- package/types/components/DataTable/DataTableCardControls.d.ts +3 -0
- package/types/components/DataTable/DataTableCardControls.d.ts.map +1 -1
- package/types/components/DataTable/DataTableRoot.d.ts.map +1 -1
- package/types/components/DataTableCell/CellModalEditor.d.ts +10 -7
- package/types/components/DataTableCell/CellModalEditor.d.ts.map +1 -1
- package/types/components/DataTableCell/index.d.ts.map +1 -1
- package/types/components/DataTableDateFilter/index.d.ts.map +1 -1
- package/types/components/DataTableFilterButton/index.d.ts +2 -1
- package/types/components/DataTableFilterButton/index.d.ts.map +1 -1
- package/types/components/DataTableGrouping/index.d.ts.map +1 -1
- package/types/components/DataTableSearch/index.d.ts.map +1 -1
- package/types/components/DataTableToolbar/index.d.ts +1 -0
- package/types/components/DataTableToolbar/index.d.ts.map +1 -1
- package/types/components/FilterOperatorValueEditor/index.d.ts.map +1 -1
- package/types/components/SimpleTable/index.d.ts.map +1 -1
- package/types/components/TableInput/RowDetailEditor.d.ts +24 -0
- package/types/components/TableInput/RowDetailEditor.d.ts.map +1 -0
- package/types/components/TableInput/RowDetailEditor.native.d.ts +11 -0
- package/types/components/TableInput/RowDetailEditor.native.d.ts.map +1 -0
- package/types/components/TableInput/index.d.ts +11 -2
- package/types/components/TableInput/index.d.ts.map +1 -1
- package/types/components/TableInput/index.native.d.ts +8 -1
- package/types/components/TableInput/index.native.d.ts.map +1 -1
- package/types/components/TableInput/shared.d.ts +11 -0
- package/types/components/TableInput/shared.d.ts.map +1 -1
- package/types/hooks/useDataTable.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 +14 -12
- package/types/types.d.ts.map +1 -1
- package/types/utils/rowPress.d.ts.map +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { FunnelIcon } from "@phosphor-icons/react";
|
|
2
|
-
import { Button } from "@multiplatform.one/forms";
|
|
2
|
+
import { Button, FloatingPanel } from "@multiplatform.one/forms";
|
|
3
3
|
import { ensureCompositeFocusRing, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useAccentOnSurface, useResolvedKnobs, useGlyphColor } from "@multiplatform.one/theme";
|
|
4
|
-
import {
|
|
4
|
+
import { useState } from "react";
|
|
5
5
|
import { Tooltip } from "@multiplatform.one/components";
|
|
6
|
-
import {
|
|
6
|
+
import { Text, View, XStack, YStack } from "tamagui";
|
|
7
7
|
import { t } from "../../shared/t.mjs";
|
|
8
8
|
import { iconSizeForToken } from "../../utils/chromeIcons.mjs";
|
|
9
9
|
import { defaultOperatorForFilterType, operatorNeedsNoValue } from "../../utils/filterFields.mjs";
|
|
@@ -26,9 +26,6 @@ function ColumnHeaderFilter({
|
|
|
26
26
|
const idleColor = useGlyphColor("$color11");
|
|
27
27
|
const activeColor = useAccentOnSurface();
|
|
28
28
|
const glyphColor = isFiltered ? activeColor : idleColor;
|
|
29
|
-
const popoverScope = useId();
|
|
30
|
-
const triggerRef = useRef(null);
|
|
31
|
-
const returnFocusRef = useRef(true);
|
|
32
29
|
ensureCompositeFocusRing();
|
|
33
30
|
const iconPx = iconSizeForToken(String(knobProps.sizeToken));
|
|
34
31
|
const [open, setOpen] = useState(false);
|
|
@@ -60,120 +57,89 @@ function ColumnHeaderFilter({
|
|
|
60
57
|
setOperator(defaultOperatorForFilterType(columnType));
|
|
61
58
|
onFilterChange(void 0);
|
|
62
59
|
};
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
...pressTargetStyle(),
|
|
78
|
-
alignItems: "center",
|
|
79
|
-
justifyContent: "center",
|
|
80
|
-
marginVertical: -FILTER_TRIGGER_OUTSET,
|
|
81
|
-
marginHorizontal: -FILTER_TRIGGER_OUTSET,
|
|
82
|
-
hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
|
|
83
|
-
className: "mp-chip-dismiss",
|
|
84
|
-
tabIndex: 0,
|
|
85
|
-
onKeyDown: event => {
|
|
86
|
-
if (event.key !== "Enter" && event.key !== " ") return;
|
|
87
|
-
event.preventDefault();
|
|
88
|
-
event.stopPropagation();
|
|
89
|
-
handleOpenChange(true);
|
|
90
|
-
},
|
|
91
|
-
onPress: e => {
|
|
92
|
-
e.stopPropagation();
|
|
93
|
-
handleOpenChange(true);
|
|
94
|
-
},
|
|
95
|
-
role: "button",
|
|
96
|
-
"aria-label": `Filter column ${columnLabel}`,
|
|
97
|
-
children: /* @__PURE__ */jsx(View, {
|
|
98
|
-
className: "mp-chip-dismiss-ring",
|
|
99
|
-
padding: "$1",
|
|
100
|
-
borderRadius: "$2",
|
|
101
|
-
alignItems: "center",
|
|
102
|
-
justifyContent: "center",
|
|
103
|
-
hoverStyle: {
|
|
104
|
-
backgroundColor: "$color4"
|
|
105
|
-
},
|
|
106
|
-
pressStyle: {
|
|
107
|
-
backgroundColor: "$color5"
|
|
108
|
-
},
|
|
109
|
-
children: /* @__PURE__ */jsx(FunnelIcon, {
|
|
110
|
-
size: iconPx,
|
|
111
|
-
color: glyphColor,
|
|
112
|
-
weight: isFiltered ? "fill" : "regular"
|
|
113
|
-
})
|
|
114
|
-
})
|
|
115
|
-
})
|
|
116
|
-
})
|
|
117
|
-
})
|
|
118
|
-
}), /* @__PURE__ */jsxs(Popover.Content, {
|
|
119
|
-
scope: popoverScope,
|
|
120
|
-
onPointerDownOutside: () => {
|
|
121
|
-
returnFocusRef.current = false;
|
|
122
|
-
},
|
|
123
|
-
onCloseAutoFocus: event => {
|
|
60
|
+
const trigger = /* @__PURE__ */jsx(Tooltip, {
|
|
61
|
+
content: isFiltered ? t("Edit filter") : t("Filter this column"),
|
|
62
|
+
children: /* @__PURE__ */jsx(View, {
|
|
63
|
+
cursor: "pointer",
|
|
64
|
+
...pressTargetStyle(),
|
|
65
|
+
alignItems: "center",
|
|
66
|
+
justifyContent: "center",
|
|
67
|
+
marginVertical: -FILTER_TRIGGER_OUTSET,
|
|
68
|
+
marginHorizontal: -FILTER_TRIGGER_OUTSET,
|
|
69
|
+
hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
|
|
70
|
+
className: "mp-chip-dismiss",
|
|
71
|
+
tabIndex: 0,
|
|
72
|
+
onKeyDown: event => {
|
|
73
|
+
if (event.key !== "Enter" && event.key !== " ") return;
|
|
124
74
|
event.preventDefault();
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}
|
|
128
|
-
returnFocusRef.current = true;
|
|
129
|
-
},
|
|
130
|
-
...knobProps.elevatedSurface,
|
|
131
|
-
...knobProps.panelPadding,
|
|
132
|
-
minWidth: 240,
|
|
133
|
-
transition: knobProps.transition,
|
|
134
|
-
enterStyle: {
|
|
135
|
-
y: -5,
|
|
136
|
-
opacity: 0
|
|
75
|
+
event.stopPropagation();
|
|
76
|
+
handleOpenChange(true);
|
|
137
77
|
},
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
opacity: 0
|
|
78
|
+
onPress: e => {
|
|
79
|
+
e.stopPropagation();
|
|
141
80
|
},
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
81
|
+
role: "button",
|
|
82
|
+
"aria-label": `Filter column ${columnLabel}`,
|
|
83
|
+
"aria-haspopup": "dialog",
|
|
84
|
+
"aria-expanded": open,
|
|
85
|
+
children: /* @__PURE__ */jsx(View, {
|
|
86
|
+
className: "mp-chip-dismiss-ring",
|
|
87
|
+
padding: "$1",
|
|
88
|
+
borderRadius: "$2",
|
|
89
|
+
alignItems: "center",
|
|
90
|
+
justifyContent: "center",
|
|
91
|
+
hoverStyle: {
|
|
92
|
+
backgroundColor: "$color4"
|
|
93
|
+
},
|
|
94
|
+
pressStyle: {
|
|
95
|
+
backgroundColor: "$color5"
|
|
96
|
+
},
|
|
97
|
+
children: /* @__PURE__ */jsx(FunnelIcon, {
|
|
98
|
+
size: iconPx,
|
|
99
|
+
color: glyphColor,
|
|
100
|
+
weight: isFiltered ? "fill" : "regular"
|
|
101
|
+
})
|
|
102
|
+
})
|
|
103
|
+
})
|
|
104
|
+
});
|
|
105
|
+
return /* @__PURE__ */jsx(FloatingPanel, {
|
|
106
|
+
open,
|
|
107
|
+
onOpenChange: handleOpenChange,
|
|
108
|
+
trigger,
|
|
109
|
+
triggerSizing: "content",
|
|
110
|
+
widthMode: "fit-content",
|
|
111
|
+
children: /* @__PURE__ */jsxs(YStack, {
|
|
112
|
+
...knobProps.gap,
|
|
113
|
+
minWidth: 240,
|
|
114
|
+
"data-dismiss-class": "compose",
|
|
115
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
116
|
+
...knobProps.label,
|
|
117
|
+
fontWeight: "400",
|
|
118
|
+
color: "$color11",
|
|
119
|
+
children: t("Filter: {{column}}", {
|
|
120
|
+
column: columnLabel
|
|
121
|
+
})
|
|
122
|
+
}), /* @__PURE__ */jsx(FilterOperatorValueEditor, {
|
|
123
|
+
fieldType: columnType,
|
|
124
|
+
operator,
|
|
125
|
+
value,
|
|
126
|
+
onOperatorChange: setOperator,
|
|
127
|
+
onValueChange: setValue,
|
|
128
|
+
options
|
|
129
|
+
}), /* @__PURE__ */jsxs(XStack, {
|
|
147
130
|
...knobProps.gap,
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
children: t("
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
operator,
|
|
158
|
-
value,
|
|
159
|
-
onOperatorChange: setOperator,
|
|
160
|
-
onValueChange: setValue,
|
|
161
|
-
options
|
|
162
|
-
}), /* @__PURE__ */jsxs(XStack, {
|
|
163
|
-
...knobProps.gap,
|
|
164
|
-
justifyContent: "flex-end",
|
|
165
|
-
children: [isFiltered && /* @__PURE__ */jsx(Button, {
|
|
166
|
-
size: knobProps.sizeToken,
|
|
167
|
-
onPress: handleClear,
|
|
168
|
-
children: t("Clear")
|
|
169
|
-
}), /* @__PURE__ */jsx(Button, {
|
|
170
|
-
size: knobProps.sizeToken,
|
|
171
|
-
onPress: handleApply,
|
|
172
|
-
children: t("Apply")
|
|
173
|
-
})]
|
|
131
|
+
justifyContent: "flex-end",
|
|
132
|
+
children: [isFiltered && /* @__PURE__ */jsx(Button, {
|
|
133
|
+
size: knobProps.sizeToken,
|
|
134
|
+
onPress: handleClear,
|
|
135
|
+
children: t("Clear")
|
|
136
|
+
}), /* @__PURE__ */jsx(Button, {
|
|
137
|
+
size: knobProps.sizeToken,
|
|
138
|
+
onPress: handleApply,
|
|
139
|
+
children: t("Apply")
|
|
174
140
|
})]
|
|
175
141
|
})]
|
|
176
|
-
})
|
|
142
|
+
})
|
|
177
143
|
});
|
|
178
144
|
}
|
|
179
145
|
export { ColumnHeaderFilter };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FunnelIcon","Button","ensureCompositeFocusRing","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useAccentOnSurface","useResolvedKnobs","useGlyphColor","
|
|
1
|
+
{"version":3,"names":["FunnelIcon","Button","FloatingPanel","ensureCompositeFocusRing","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useAccentOnSurface","useResolvedKnobs","useGlyphColor","useState","Tooltip","Text","View","XStack","YStack","t","iconSizeForToken","defaultOperatorForFilterType","operatorNeedsNoValue","FilterOperatorValueEditor","jsx","jsxs","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","onFilterChange","options","isFiltered","knobProps","idleColor","activeColor","glyphColor","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleOpenChange","next","handleApply","handleClear","trigger","content","children","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","className","tabIndex","onKeyDown","event","key","preventDefault","stopPropagation","onPress","e","role","padding","borderRadius","hoverStyle","backgroundColor","pressStyle","size","color","weight","onOpenChange","triggerSizing","widthMode","gap","minWidth","label","fontWeight","column","fieldType","onOperatorChange","onValueChange"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { FunnelIcon } from "@phosphor-icons/react";
|
|
3
|
-
import { Button } from "@multiplatform.one/forms";
|
|
3
|
+
import { Button, FloatingPanel } from "@multiplatform.one/forms";
|
|
4
4
|
import { ensureCompositeFocusRing, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useAccentOnSurface, useResolvedKnobs, useGlyphColor } from "@multiplatform.one/theme";
|
|
5
|
-
import {
|
|
5
|
+
import { useState } from "react";
|
|
6
6
|
import { Tooltip } from "@multiplatform.one/components";
|
|
7
|
-
import {
|
|
7
|
+
import { Text, View, XStack, YStack } from "tamagui";
|
|
8
8
|
import { t } from "../../shared/t.native.js";
|
|
9
9
|
import { iconSizeForToken } from "../../utils/chromeIcons.native.js";
|
|
10
10
|
import { defaultOperatorForFilterType, operatorNeedsNoValue } from "../../utils/filterFields.native.js";
|
|
@@ -27,9 +27,6 @@ function ColumnHeaderFilter(param) {
|
|
|
27
27
|
var idleColor = useGlyphColor("$color11");
|
|
28
28
|
var activeColor = useAccentOnSurface();
|
|
29
29
|
var glyphColor = isFiltered ? activeColor : idleColor;
|
|
30
|
-
var popoverScope = useId();
|
|
31
|
-
var triggerRef = useRef(null);
|
|
32
|
-
var returnFocusRef = useRef(true);
|
|
33
30
|
ensureCompositeFocusRing();
|
|
34
31
|
var iconPx = iconSizeForToken(String(knobProps.sizeToken));
|
|
35
32
|
var [open, setOpen] = useState(false);
|
|
@@ -64,139 +61,102 @@ function ColumnHeaderFilter(param) {
|
|
|
64
61
|
setOperator(defaultOperatorForFilterType(columnType));
|
|
65
62
|
onFilterChange(void 0);
|
|
66
63
|
};
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
64
|
+
var trigger = /* @__PURE__ */_jsx(Tooltip, {
|
|
65
|
+
content: isFiltered ? t("Edit filter") : t("Filter this column"),
|
|
66
|
+
children: (
|
|
67
|
+
/* LC-54 amendment (2026-08-13): the grown press target NEVER
|
|
68
|
+
paints — hover/press fills on this box spread across the full
|
|
69
|
+
44px floor and bled into the neighboring header rows via the
|
|
70
|
+
negative outsets. Painted hover and keyboard focus feedback
|
|
71
|
+
ride the glyph-scale ring inside
|
|
72
|
+
(Chip dismiss anatomy). */
|
|
76
73
|
/* @__PURE__ */
|
|
77
|
-
_jsx(
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
ref: triggerRef,
|
|
93
|
-
cursor: "pointer",
|
|
94
|
-
...pressTargetStyle(),
|
|
95
|
-
alignItems: "center",
|
|
96
|
-
justifyContent: "center",
|
|
97
|
-
marginVertical: -FILTER_TRIGGER_OUTSET,
|
|
98
|
-
marginHorizontal: -FILTER_TRIGGER_OUTSET,
|
|
99
|
-
hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
|
|
100
|
-
// Enabled glyphs keep readable ink; hue and weight distinguish
|
|
101
|
-
// an applied filter from the secondary-color idle affordance.
|
|
102
|
-
// Shared unpainted press-floor / painted glyph-ring anatomy.
|
|
103
|
-
className: "mp-chip-dismiss",
|
|
104
|
-
tabIndex: 0,
|
|
105
|
-
onKeyDown: function onKeyDown(event) {
|
|
106
|
-
if (event.key !== "Enter" && event.key !== " ") return;
|
|
107
|
-
event.preventDefault();
|
|
108
|
-
event.stopPropagation();
|
|
109
|
-
handleOpenChange(true);
|
|
110
|
-
},
|
|
111
|
-
onPress: function onPress(e) {
|
|
112
|
-
e.stopPropagation();
|
|
113
|
-
handleOpenChange(true);
|
|
114
|
-
},
|
|
115
|
-
role: "button",
|
|
116
|
-
"aria-label": `Filter column ${columnLabel}`,
|
|
117
|
-
children: /* @__PURE__ */_jsx(View, {
|
|
118
|
-
className: "mp-chip-dismiss-ring",
|
|
119
|
-
padding: "$1",
|
|
120
|
-
borderRadius: "$2",
|
|
121
|
-
alignItems: "center",
|
|
122
|
-
justifyContent: "center",
|
|
123
|
-
hoverStyle: {
|
|
124
|
-
backgroundColor: "$color4"
|
|
125
|
-
},
|
|
126
|
-
pressStyle: {
|
|
127
|
-
backgroundColor: "$color5"
|
|
128
|
-
},
|
|
129
|
-
children: /* @__PURE__ */_jsx(FunnelIcon, {
|
|
130
|
-
size: iconPx,
|
|
131
|
-
color: glyphColor,
|
|
132
|
-
weight: isFiltered ? "fill" : "regular"
|
|
133
|
-
})
|
|
134
|
-
})
|
|
135
|
-
}))
|
|
136
|
-
})
|
|
137
|
-
})
|
|
138
|
-
}), /* @__PURE__ */_jsxs(Popover.Content, {
|
|
139
|
-
scope: popoverScope,
|
|
140
|
-
onPointerDownOutside: function onPointerDownOutside() {
|
|
141
|
-
returnFocusRef.current = false;
|
|
142
|
-
},
|
|
143
|
-
onCloseAutoFocus: function onCloseAutoFocus(event) {
|
|
74
|
+
_jsx(View, {
|
|
75
|
+
cursor: "pointer",
|
|
76
|
+
...pressTargetStyle(),
|
|
77
|
+
alignItems: "center",
|
|
78
|
+
justifyContent: "center",
|
|
79
|
+
marginVertical: -FILTER_TRIGGER_OUTSET,
|
|
80
|
+
marginHorizontal: -FILTER_TRIGGER_OUTSET,
|
|
81
|
+
hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
|
|
82
|
+
// Enabled glyphs keep readable ink; hue and weight distinguish
|
|
83
|
+
// an applied filter from the secondary-color idle affordance.
|
|
84
|
+
// Shared unpainted press-floor / painted glyph-ring anatomy.
|
|
85
|
+
className: "mp-chip-dismiss",
|
|
86
|
+
tabIndex: 0,
|
|
87
|
+
onKeyDown: function onKeyDown(event) {
|
|
88
|
+
if (event.key !== "Enter" && event.key !== " ") return;
|
|
144
89
|
event.preventDefault();
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
(_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
|
|
148
|
-
}
|
|
149
|
-
returnFocusRef.current = true;
|
|
150
|
-
},
|
|
151
|
-
...knobProps.elevatedSurface,
|
|
152
|
-
...knobProps.panelPadding,
|
|
153
|
-
minWidth: 240,
|
|
154
|
-
transition: knobProps.transition,
|
|
155
|
-
enterStyle: {
|
|
156
|
-
y: -5,
|
|
157
|
-
opacity: 0
|
|
90
|
+
event.stopPropagation();
|
|
91
|
+
handleOpenChange(true);
|
|
158
92
|
},
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
opacity: 0
|
|
93
|
+
onPress: function onPress(e) {
|
|
94
|
+
e.stopPropagation();
|
|
162
95
|
},
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
96
|
+
role: "button",
|
|
97
|
+
"aria-label": `Filter column ${columnLabel}`,
|
|
98
|
+
"aria-haspopup": "dialog",
|
|
99
|
+
"aria-expanded": open,
|
|
100
|
+
children: /* @__PURE__ */_jsx(View, {
|
|
101
|
+
className: "mp-chip-dismiss-ring",
|
|
102
|
+
padding: "$1",
|
|
103
|
+
borderRadius: "$2",
|
|
104
|
+
alignItems: "center",
|
|
105
|
+
justifyContent: "center",
|
|
106
|
+
hoverStyle: {
|
|
107
|
+
backgroundColor: "$color4"
|
|
108
|
+
},
|
|
109
|
+
pressStyle: {
|
|
110
|
+
backgroundColor: "$color5"
|
|
111
|
+
},
|
|
112
|
+
children: /* @__PURE__ */_jsx(FunnelIcon, {
|
|
113
|
+
size: iconPx,
|
|
114
|
+
color: glyphColor,
|
|
115
|
+
weight: isFiltered ? "fill" : "regular"
|
|
116
|
+
})
|
|
117
|
+
})
|
|
118
|
+
}))
|
|
119
|
+
});
|
|
120
|
+
return /* @__PURE__ */_jsx(FloatingPanel, {
|
|
121
|
+
open,
|
|
122
|
+
onOpenChange: handleOpenChange,
|
|
123
|
+
trigger,
|
|
124
|
+
triggerSizing: "content",
|
|
125
|
+
widthMode: "fit-content",
|
|
126
|
+
children: /* @__PURE__ */_jsxs(YStack, {
|
|
127
|
+
...knobProps.gap,
|
|
128
|
+
minWidth: 240,
|
|
129
|
+
"data-dismiss-class": "compose",
|
|
130
|
+
children: [/* @__PURE__ */_jsx(Text, {
|
|
131
|
+
...knobProps.label,
|
|
132
|
+
fontWeight: "400",
|
|
133
|
+
color: "$color11",
|
|
134
|
+
children: t("Filter: {{column}}", {
|
|
135
|
+
column: columnLabel
|
|
136
|
+
})
|
|
137
|
+
}), /* Shared operator/value editor (LC-16 — same one the toolbar filter uses) */
|
|
138
|
+
/* @__PURE__ */_jsx(FilterOperatorValueEditor, {
|
|
139
|
+
fieldType: columnType,
|
|
140
|
+
operator,
|
|
141
|
+
value,
|
|
142
|
+
onOperatorChange: setOperator,
|
|
143
|
+
onValueChange: setValue,
|
|
144
|
+
options
|
|
145
|
+
}), /* Actions */
|
|
146
|
+
/* @__PURE__ */_jsxs(XStack, {
|
|
168
147
|
...knobProps.gap,
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
children: t("
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
fieldType: columnType,
|
|
179
|
-
operator,
|
|
180
|
-
value,
|
|
181
|
-
onOperatorChange: setOperator,
|
|
182
|
-
onValueChange: setValue,
|
|
183
|
-
options
|
|
184
|
-
}), /* Actions */
|
|
185
|
-
/* @__PURE__ */_jsxs(XStack, {
|
|
186
|
-
...knobProps.gap,
|
|
187
|
-
justifyContent: "flex-end",
|
|
188
|
-
children: [isFiltered && /* @__PURE__ */_jsx(Button, {
|
|
189
|
-
size: knobProps.sizeToken,
|
|
190
|
-
onPress: handleClear,
|
|
191
|
-
children: t("Clear")
|
|
192
|
-
}), /* @__PURE__ */_jsx(Button, {
|
|
193
|
-
size: knobProps.sizeToken,
|
|
194
|
-
onPress: handleApply,
|
|
195
|
-
children: t("Apply")
|
|
196
|
-
})]
|
|
148
|
+
justifyContent: "flex-end",
|
|
149
|
+
children: [isFiltered && /* @__PURE__ */_jsx(Button, {
|
|
150
|
+
size: knobProps.sizeToken,
|
|
151
|
+
onPress: handleClear,
|
|
152
|
+
children: t("Clear")
|
|
153
|
+
}), /* @__PURE__ */_jsx(Button, {
|
|
154
|
+
size: knobProps.sizeToken,
|
|
155
|
+
onPress: handleApply,
|
|
156
|
+
children: t("Apply")
|
|
197
157
|
})]
|
|
198
158
|
})]
|
|
199
|
-
})
|
|
159
|
+
})
|
|
200
160
|
});
|
|
201
161
|
}
|
|
202
162
|
export { ColumnHeaderFilter };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FunnelIcon","Button","ensureCompositeFocusRing","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useAccentOnSurface","useResolvedKnobs","useGlyphColor","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FunnelIcon","Button","FloatingPanel","ensureCompositeFocusRing","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useAccentOnSurface","useResolvedKnobs","useGlyphColor","useState","Tooltip","Text","View","XStack","YStack","t","iconSizeForToken","defaultOperatorForFilterType","operatorNeedsNoValue","FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","param","columnId","_columnId","columnLabel","columnType","filterValue","onFilterChange","options","isFiltered","knobProps","idleColor","activeColor","glyphColor","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleOpenChange","handleOpenChange2","next","_ref","handleApply","handleApply2","handleClear","handleClear2","trigger","content","children","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","className","tabIndex","onKeyDown","event","key","preventDefault","stopPropagation","onPress","e","role","padding","borderRadius","hoverStyle","backgroundColor","pressStyle","size","color","weight","onOpenChange","triggerSizing","widthMode","gap","minWidth","label","fontWeight","column","fieldType"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|