@multiplatform.one/table 6.7.0 → 7.1.0

package/dist/cjs/components/DataTableFilterButton/index.native.js

@@ -42,6 +42,7 @@ function FieldRow(param) {
   var {
     field,
     highlighted,
+    keyboardHighlight,
     onSelect
   } = param;
   var {
@@ -49,8 +50,10 @@ function FieldRow(param) {
   } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     role: "option",
+    id: `filter-field-${field.id}`,
     "aria-selected": highlighted,
-    tabIndex: 0,
+    // LC-49 / LC-71: the listbox is the tab stop; options are not.
+    tabIndex: -1,
     cursor: "pointer",
     paddingHorizontal: "$2.5",
     paddingVertical: "$2",
@@ -65,20 +68,14 @@ function FieldRow(param) {
     pressStyle: {
       backgroundColor: "$color5"
     },
-    focusVisibleStyle: {
-      outlineColor: "$outlineColor",
-      outlineWidth: 2,
-      outlineStyle: "solid"
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
     },
+    ...(keyboardHighlight ? import_theme.keyboardFocusRingProps : null),
     onPress: function onPress() {
       return onSelect(field);
     },
-    onKeyDown: function onKeyDown(e) {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onSelect(field);
-      }
-    },
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       fontSize: "$3",
       color: "$color12",
@@ -105,16 +102,16 @@ function GroupHeader(param) {
 }
 function DataTableFilterButton() {
   var _ref, _ref1, _ref2, _ref3;
-  var _ctx_computed, _ctx_filterUi, _ctx_state_filters, _ctx_state_columnFilters;
+  var _ctx_computed, _ctx_filterUi, _ctx_state_filters, _ctx_state_columnFilters, _flatList_highlightedIndex;
   var ctx = (0, import_DataTableStateContext.useDataTableState)();
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  var viewportGtSm = (0, import_forms.useViewportGtSm)();
   var BackCaretIcon = (0, import_components.useDirection)() === "rtl" ? import_react.CaretRightIcon : import_react.CaretLeftIcon;
   var [open, setOpen] = (0, import_react2.useState)(false);
   var [search, setSearch] = (0, import_react2.useState)("");
   var [highlightedIndex, setHighlightedIndex] = (0, import_react2.useState)(0);
+  var [listboxFocused, setListboxFocused] = (0, import_react2.useState)(false);
   var [activeField, setActiveField] = (0, import_react2.useState)(null);
   var [operator, setOperator] = (0, import_react2.useState)("contains");
   var [value, setValue] = (0, import_react2.useState)("");
@@ -282,20 +279,21 @@ function DataTableFilterButton() {
   var activeChipCount = ((_ref2 = (_ctx_state_filters = ctx.state.filters) === null || _ctx_state_filters === void 0 ? void 0 : _ctx_state_filters.length) !== null && _ref2 !== void 0 ? _ref2 : 0) + ((_ref3 = (_ctx_state_columnFilters = ctx.state.columnFilters) === null || _ctx_state_columnFilters === void 0 ? void 0 : _ctx_state_columnFilters.filter(function (cf) {
     return (0, import_filterFields.isFilterValueShape)(cf.value);
   }).length) !== null && _ref3 !== void 0 ? _ref3 : 0);
-  var sheetMode = !import_tamagui.isWeb || !viewportGtSm;
+  var highlightedId = (_flatList_highlightedIndex = flatList[highlightedIndex]) === null || _flatList_highlightedIndex === void 0 ? void 0 : _flatList_highlightedIndex.id;
+  var keyboardHighlight = listboxFocused && (0, import_theme.wasKeyboardFocus)() ? highlightedId : void 0;
   var trigger = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
     size: "$3",
-    variant: "outlined",
+    compact: true,
+    ...(activeChipCount > 0 ? {
+      accent: true
+    } : {
+      variant: "outlined"
+    }),
     "aria-label": (0, import_t.t)("Filter"),
     icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
       size: 14,
       weight: activeChipCount > 0 ? "fill" : "regular"
     }),
-    ...(sheetMode ? {
-      onPress: function onPress() {
-        return handleOpenChange(!open);
-      }
-    } : {}),
     children: activeChipCount > 0 ? `${(0, import_t.t)("Filter")} (${activeChipCount})` : (0, import_t.t)("Filter")
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
@@ -327,7 +325,7 @@ function DataTableFilterButton() {
               size: 14
             })
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            fontSize: knobProps.sizeToken,
+            fontSize: "$3",
             fontWeight: "600",
             color: "$color11",
             flex: 1,
@@ -369,28 +367,53 @@ function DataTableFilterButton() {
           compact: true,
           "aria-label": (0, import_t.t)("Search fields")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-          role: "list",
+          // role="listbox" is a valid ARIA role but outside RN's `Role`
+          // union; this web-only bag forwards it to the DOM node (house
+          // Record cast).
+          ...{
+            role: "listbox"
+          },
           "aria-label": (0, import_t.t)("Filterable fields"),
+          "aria-activedescendant": highlightedId ? `filter-field-${highlightedId}` : void 0,
+          tabIndex: 0,
           maxHeight: 320,
           overflow: "scroll",
-          children: [columnFields.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
-            children: (0, import_t.t)("Columns")
-          }), columnFields.map(function (field) {
-            var _flatList_highlightedIndex;
-            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldRow, {
-              field,
-              highlighted: ((_flatList_highlightedIndex = flatList[highlightedIndex]) === null || _flatList_highlightedIndex === void 0 ? void 0 : _flatList_highlightedIndex.id) === field.id,
-              onSelect: handleSelectField
-            }, field.id);
-          }), moreFields.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
-            children: (0, import_t.t)("More fields")
-          }), moreFields.map(function (field) {
-            var _flatList_highlightedIndex;
-            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldRow, {
-              field,
-              highlighted: ((_flatList_highlightedIndex = flatList[highlightedIndex]) === null || _flatList_highlightedIndex === void 0 ? void 0 : _flatList_highlightedIndex.id) === field.id,
-              onSelect: handleSelectField
-            }, field.id);
+          outlineWidth: 0,
+          focusStyle: {
+            outlineWidth: 0
+          },
+          onFocus: function onFocus() {
+            return setListboxFocused(true);
+          },
+          onBlur: function onBlur() {
+            return setListboxFocused(false);
+          },
+          children: [columnFields.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            role: "group",
+            "aria-label": (0, import_t.t)("Columns"),
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
+              children: (0, import_t.t)("Columns")
+            }), columnFields.map(function (field) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldRow, {
+                field,
+                highlighted: highlightedId === field.id,
+                keyboardHighlight: keyboardHighlight === field.id,
+                onSelect: handleSelectField
+              }, field.id);
+            })]
+          }), moreFields.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            role: "group",
+            "aria-label": (0, import_t.t)("More fields"),
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupHeader, {
+              children: (0, import_t.t)("More fields")
+            }), moreFields.map(function (field) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldRow, {
+                field,
+                highlighted: highlightedId === field.id,
+                keyboardHighlight: keyboardHighlight === field.id,
+                onSelect: handleSelectField
+              }, field.id);
+            })]
           }), flatList.length === 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
             fontSize: "$2",
             color: "$color10",

package/dist/cjs/components/DataTableFilterButton/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableFilterButton_exports","__export","DataTableFilterButton","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_t","import_filterFields","import_DataTableStateContext","import_FilterOperatorValueEditor","FieldRow","param","field","highlighted","onSelect","knobProps","useResolvedKnobs","jsx","View","role","tabIndex","cursor","paddingHorizontal","paddingVertical","containerRadius","backgroundColor","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","onPress","onKeyDown","e","key","preventDefault","children","Text","fontSize","color","numberOfLines","label","GroupHeader","fontWeight","textTransform","letterSpacing","paddingTop","paddingBottom","_ref","_ref1","_ref2","_ref3","_ctx_computed","_ctx_filterUi","_ctx_state_filters","_ctx_state_columnFilters","ctx","useDataTableState","viewportGtSm","useViewportGtSm","BackCaretIcon","useDirection","CaretRightIcon","CaretLeftIcon","open","setOpen","useState","search","setSearch","highlightedIndex","setHighlightedIndex","activeField","setActiveField","operator","setOperator","setValue","columnTarget","setColumnTarget","advancedIdRef","useRef","editingExisting","setEditingExisting","fields","computed","filterFields","table","visibleColumnIds","useMemo","Set","getVisibleLeafColumns","map","c","id","query","trim","toLowerCase","matching","filter","f","includes","columnFields","has","moreFields","flatList","resetEditor","useCallback","current","commit","op","val","noValue","operatorNeedsNoValue","filterValue","_table_getColumn","getColumn","setFilterValue","meaningful","_ctx_actions_updateFilter","_ctx_actions","actions","updateFilter","call","columnId","_ctx_actions_addFilter","addFilter","handleSelectField","defaultOperatorForFilterType","type","handleOperatorChange","handleValueChange","handleOpenChange","next","removeFilter","handleRemoveCurrent","editTarget","filterUi","useEffect","_ctx_filterUi2","requestEdit","openWith","openWith2","field2","target","_filterValue_value","String","kind","filterId","state","filters","find","columnFilter","columnFilters","cf","field1","isFilterValueShape","handleListKeyDown","i","Math","min","length","max","activeChipCount","sheetMode","isWeb","trigger","Button","size","variant","t","icon","FunnelIcon","weight","FloatingPanel","onOpenChange","fitContent","scrollable","YStack","minWidth","maxWidth","gap","jsxs"],"sources":["../../../../src/components/DataTableFilterButton/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAeAC,MAAA,CAAAC,OAAA,GAAAT,YAA0D,CAAAK,6BAAA;AAC1D,IAAAK,kBAAA,GAA6BC,OAAA;AAC7B,IAAAC,YAAA,GAAoED,OAAA;AACpE,IAAAE,iBAAiC,GAAAF,OAAA;AACjC,IAAAG,YAAA,GAAAH,OAAkE;AAClE,IAAAI,YAAA,GAAAJ,OAAkD;AAClD,IAAAK,aAAkB,GAAAL,OAAA;AAElB,IAAAM,cAAA,GAAAN,OAIO;AAEP,IAAAO,QAAA,GAAAP,OAAA,2BAAkC;AAClC,IAAAQ,mBAAA,GAAAR,OAAA,qCAA0C;AAwCpC,IAAAS,4BAAA,GAAAT,OAAA;AAhCN,IAAAU,gCAA2B,GAAAV,OAAa,+CAA2B;AACjE,SAAMW,QAAEA,CAAAC,KAAU;EAClB;IAAAC,KACE;IAAAC,WAAA;IAAAC;EAAA,IAAAH,KAAA;EAAA,IAAC;IAAAI;EAAA,QAAAZ,YAAA,CAAAa,gBAAA;EAAA,0BAAAlB,kBAAA,CAAAmB,GAAA,EAAAZ,cAAA,CAAAa,IAAA;IAAAC,IACC,UAAK;IAAA,eACL,EAAAN,WAAe;IAAAO,QACf;IAAUC,MACV,WAAO;IAAAC,iBACP,QAAkB;IAAAC,eAClB,MAAgB;IAAA;IAIF;IAC6B;IACF,GACzCR,SAAA,CAAAS,eAAc;IAA2BC,eACzC,EAAAZ,WAAmB;IAAAa,UACjB;MAAcD,eACd,EAAc;IAAA;IACAE,UAChB;MACAF,eAAe;IAAc;IAGzBG,iBAAM,EAAQ;MACZC,YAAE,iBAAe;MACjBC,YAAA,EAAS;MAAKC,YAChB;IAAA;IACFC,OAGF,WAAAA,QAAA;MAEA,OAAAlB,QAAA,CAAAF,KAAA;IACF;IAEJqB,SAAA,WAAAA,UAAAC,CAAA;MAEA,IAASA,CAAA,CAAAC,GAAA,YAAc,IAAAD,CAAS,CAAAC,GAAyB;QACvDD,CACE,CAAAE,cAAA;QAACtB,QAAA,CAAAF,KAAA;MAAA;IAAA;IACUyB,QACT,iBAAW,IAAAvC,kBAAA,CAAAmB,GAAA,EAAAZ,cAAA,CAAAiC,IAAA;MACXC,QAAM;MACNC,KAAA,YAAc;MACdC,aAAA,EAAe;MACfJ,QAAA,EAAAzB,KAAA,CAAA8B;IAAkB;EACP;AACG;AAEb,SAAAC,YAAAhC,KAAA;EACH;IAAA0B;EAAA,IAAA1B,KAAA;EAEJ,0BAAAb,kBAAA,CAAAmB,GAAA,EAAAZ,cAAA,CAAAiC,IAAA;IAEOC,QAAS;IACdK,UAAM,OAAM;IACZJ,KAAM,EAAE,UAAU;IAClBK,aAAM,aAAe;IAGrBC,aAAM;IAENxB,iBAAa,EAAO;IACpByB,UAAO,MAAQ;IACfC,aAAO;IACPX;EACA;AACA;AAEA,SAAO1C,qBAAcA,CAAA;EACrB,IAAAsD,IAAM,EAAAC,KAAA,EAAAC,KAAA,EAAAC,KAAgB;EACtB,IAAAC,aAAO,EAAAC,aAAiB,EAAAC,kBAAsB,EAAAC,wBAAS;EAEvD,IAAAC,GAAM,OAAAjD,4BAA+C,CAAAkD,iBAAiB;EACtE;IAAM3C;EAAQ,IAAK,IAAAZ,YAAA,CAAAa,gBAAA;EAEnB,IAAA2C,YAAM,OAAAzD,YAAmB,CAAA0D,eAAA,EAAQ;EAC/B,IAAAC,aAAY,IAAO,GAAA5D,iBAAI,CAAA6D,YAAY,gBAAA9D,YAAA,CAAA+D,cAAA,GAAA/D,YAAA,CAAAgE,aAAA;EACnC,KAAAC,IAAO,EAAAC,OAAQ,KAAM,GAAA9D,aAAA,CAAA+D,QAAwB,OAAK;EACpD,IAAI,CAAAC,MAAO,EAAAC,SAAK,QAAAjE,aAAA,CAAA+D,QAAA;EAEhB,KAAAG,gBAAqB,EAAAC,mBAAmB,QAAAnE,aAAA,CAAA+D,QAAA;EACxC,KAAAK,WAAM,EAAAC,cAAW,QAAArE,aAAA,CAAA+D,QAAA;EAAA,IACf,CAAAO,QACE,EAAAC,WACW,QAAAvE,aAAA,CAAA+D,QAAA;EAAA,IACL,CAAC3E,KAAA,EAAMoF,QAAQ,QAAAxE,aAAc,CAAS+D,QAAK,EAAK,EAAE;EAA+B,IACnF,CAAAU,YACA,EAAAC,eAAA,QAAA1E,aAAA,CAAA+D,QAAA;EAAA,IACLY,aAAa,OAAA3E,aAAA,CAAA4E,MAAA;EAChB,KAAAC,eAAA,EAAAC,kBAAA,QAAA9E,aAAA,CAAA+D,QAAA;EACA,IAAAgB,MAAM,IAAAlC,IAAA,GAAAQ,GAAA,KAAe,QAAAA,GAAA,wBAAAJ,aAAA,GAAAI,GAAA,CAAA2B,QAAA,cAAA/B,aAAA,uBAAAA,aAAA,CAAAgC,YAAA,cAAApC,IAAA,cAAAA,IAAA;EAAA,IACnBqC,KAAM,GAAA7B,GAAA,KAAS,IAAO,IAACA,GAAM,mBAAiB,IAAMA,GAAG,CAAA6B,KAAA;EAAA,IACtDC,gBAAU,OAAAnF,aAAgB,CAAAoF,OAAA;IAC7B,KAAAF,KAAA,4BAAAG,GAAA;IACA,OAAM,IAAAA,GAAA,CAAAH,KAAA,CAAaI,qBAAA,GAAAC,GAAA,WAAAC,CAAA;MACjB,OAAMA,CAAA,CAAAC,EAAA;IACN,CAAC;EACH,IACAP,KAAM,EAENrB,IAAM,CACJ;EACA,IAAA6B,KAAA,GAAA1B,MAAgB,CAAA2B,IAAI,GAAAC,WAAA;EACpB,IAAAC,QAAA,OAAA7F,aAAwB,CAAAoF,OAAA;IACxB,OAAAM,KAAA,GAAcX,MAAA,CAAAe,MAAU,WAAAC,CAAA;MACxB,OAAAA,CAAU,CAAAzD,KAAE,CAAAsD,WAAA,GAAAI,QAAA,CAAAN,KAAA,KAAAK,CAAA,CAAAN,EAAA,CAAAG,WAAA,GAAAI,QAAA,CAAAN,KAAA;IACZ,KAAAX,MAAA;EACF,GAAG,CAGHA,MAAM,EACJW,KAAC,CACC;EACA,IAAAO,YAAM,OAAAjG,aAAU,CAAAoF,OAAA;IAChB,OAAAS,QAAM,CAAAC,MAA2B,WAAEC,CAAA,EAAU;MAC7C,OAAIZ,gBAAc,CAAAe,GAAA,CAAAH,CAAA,CAAAN,EAAA;IAChB;EACA,IAAAI,QACF,EACAV,gBAAM,CACN;EACE,IAAAgB,UAAI,IAAQ,GAAAnG,aAAe,CAAAoF,OAAA,cAAc;IAAS,OAChDS,QAAA,CAAUC,MAAM,WAAAC,CAAA;MAAA,OAChB,CAAAZ,gBAAO,CAAAe,GAAA,CAAAH,CAAA,CAAAN,EAAA;IAAA;EACM,IACdI,QACH,EACEV,gBAAA,CACwB;EACJ,IAAAiB,QAChB,GAAO,IAAApG,aAAA,CAAAoF,OAAA;IAAA,OACP,CAAa,GACda,YAAK,EACV,GAAAE,UAAA,CACF;EAAA,GACC,CACHF,YAAA,EAEAE,UAAM,CACJ;EACA,IAAAE,WAAA,GAAY,IAAArG,aAAA,CAAAsG,WAAA;IACZjC,cAAW;IACXK,eAAA,KAAmB;IACnBI,kBAAc,MAAU;IACxBH,aAAA,CAAA4B,OAAoB;IACtBtC,SAAK;IAELE,mBAAM;EAAuB,GAC1B;EACC,IAAAqC,MAAA,OAAYxG,aAAE,CAAAsG,WAAA,YAAA9F,KAAA,EAAAiG,EAAA,EAAAC,GAAA;IACd,KAAArD,GAAI;IACN,IAAAsD,OAAA,OAAAxG,mBAAA,CAAAyG,oBAAA,EAAAH,EAAA;IACA,IAACI,WAAa;MAChBvC,QAAA,EAAAmC,EAAA;MAEArH,KAAM,EAAAuH,OAAA,UAAAD;IACJ,CAAC;IACC,IAAAjC,YAAY;MACZ,IAAIqC,gBAAa;MACnB5B,KAAA,aAAAA,KAAA,wBAAA4B,gBAAA,GAAA5B,KAAA,CAAA6B,SAAA,CAAAtC,YAAA,eAAAqC,gBAAA,uBAAAA,gBAAA,CAAAE,cAAA,CAAAH,WAAA;MACC;IACH;IAEA,IAAMI,UAAA,GAAAN,OAAA,IAAmBD,GAAA;IACvB,IAAC/B,aAAkB,CAAA4B,OAAA;MACjB,IAAAW,yBAAY,EAAAC,YAAA;MACZ,CAAAD,yBAAU,IAAAC,YAAA,GAAA9D,GAAA,CAAA+D,OAAA,EAAAC,YAAA,cAAAH,yBAAA,uBAAAA,yBAAA,CAAAI,IAAA,CAAAH,YAAA,EAAAxC,aAAA,CAAA4B,OAAA;QAGVgB,QAAM,EAAK/G,KAAA,CAAAiF,EAAA;QACXrG,KAAI,EAAAyH,WAAO;QACTvE,KAAK,EAAA9B,KAAA,CAAQ8B;MACf;IACA,WAAA2E,UAAY;MACd,IAAAO,sBAAA;MACC7C,aAAK,CAAU4B,OAAO,IAAAiB,sBAAW,GAAAnE,GAAA,CAAA+D,OAAA,CAAAK,SAAA;QACpCF,QAAA,EAAA/G,KAAA,CAAAiF,EAAA;QAMMrG,KAAA,EAAAyH,WAAA;QACAvE,KAAA,EAAA9B,KAAA,CAAA8B;MACF,QAAO,QAAAkF,sBAAyB,UAAe,IAAAA,sBAAS;IAC1D;EACE,IACFnE,GAAA,EACAoB,YAAA,EACAS,KAAA,CACF;EAGA,IAAAwC,iBAAmB,GAAK,IAAA1H,aAAU,CAAAsG,WAAc,YAAA9F,KAAA;IAChD6D,cAAA,CAAA7D,KAAA;IACE+D,WAAK,KAAApE,mBAAoB,CAAAwH,4BAAA,EAAAnH,KAAA,CAAAoH,IAAA;IACzBpD,QAAI;IACJM,kBACE,OACA;IAGAH,aAAA,CAAA4B,OAAe,GAAK;IACpB7B,eAAY;EACZ;EACA,IAAAmD,oBAAmB,GAAI,IAAA7H,aAAA,CAAAsG,WAAA,YAAAG,EAAA;IACvBlC,WAAA,CAAAkC,EAAA;IACA,IAAArC,WAAA,EAAcoC,MAAA,CAAApC,WAAiB,EAAAqC,EAAA,EAAArH,KAAS;EACxC,IACFgF,WAAA,EACAoC,MAAI,EACFpH,KAAA,CACA;EACA,IAAA0I,iBAAc,GAAO,IAAA9H,aAAgB,CAAAsG,WAAO,EAAO,UAAAI,GAAU;IAC/DlC,QAAA,CAAAkC,GAAW;IACT,IAAAtC,WAAM,EAAAoC,MAAe,CAAApC,WAAU,EAAAE,QAAA,EAAcoC,GAAA;EAC7C,IACAtC,WAAI,EACFoC,MAAA,EAA8ClC,QAChD,EACF;EACE,IAAAyD,gBAAY,OAAA/H,aAAA,CAAAsG,WAAA,YAAA0B,IAAA;IACZlE,OAAA,CAAAkE,IAAQ;IACV,IAAAA,IAAA;IACF,IAAIvC,EAAA,GAAAd,aAAiB,CAAA4B,OAAQ;IAG7B,IAAMd,EAAA,SAAAtF,mBAAoB,CAAAyG,oBAAA,EAAAtC,QAAA,KAAAlF,KAAA;MACvBiE,GAAA,KAAqB,QAAAA,GAAA,uBAAAA,GAAA,CAAA+D,OAAA,CAAAa,YAAA,CAAAxC,EAAA;IACpB;IACEY,WAAE;EACF,IAA+DhD,GACjE,EACEiB,QAAE,EACFlF,KAAA,EAA6CiH,WAC/C,CACE;EACA,IAAA6B,mBAAc,OAASlI,aAAA,CAAAsG,WAAgB;IACvC,IAAA7B,YAAW;MACb,IAAAqC,gBAAa;MACX5B,KAAE,aAAAA,KAAe,wBAAA4B,gBAAA,GAAA5B,KAAA,CAAA6B,SAAA,CAAAtC,YAAA,eAAAqC,gBAAA,uBAAAA,gBAAA,CAAAE,cAAA;IACjB,WAAArC,aAAiB,CAAA4B,OAAK;MACxBlD,GAAA,aAAAA,GAAA,uBAAAA,GAAA,CAAA+D,OAAA,CAAAa,YAAA,CAAAtD,aAAA,CAAA4B,OAAA;IACF;IACA5B,aAAW,CAAA4B,OAAA;IACbF,WAAA;EAEA,IAEAhD,GAAA,EAWAoB,YAAM,EACNS,KAAM,EACHmB,WAAA;EAAA,IACC8B,UAAK,IAAArF,KAAA,GAAAO,GAAA,aAAAA,GAAA,wBAAAH,aAAA,GAAAG,GAAA,CAAA+E,QAAA,cAAAlF,aAAA,uBAAAA,aAAA,CAAAiF,UAAA,cAAArF,KAAA,cAAAA,KAAA;EAAA,IACL9C,aAAQ,CAAAqI,SAAA;IAAA,IACRC,cAAA;IAAsB,IACtB,CAAAH,UAAM,KAAA9E,GAAA;IAAwE,CAAAiF,cACzE,GAAYjF,GAAE,CAAA+E,QAAS,MAAM,QAAAE,cAAwB,KAAK,kBAAAA,cAAA,CAAAC,WAAA;IAAA,IAE9DC,QAAA,YAAAC,SAAkBA,CAAIC,MAAA,EAAG7B,WAAE,EAAA8B,MAAQ,EAAC;MAAoC,IAAAC,kBAAA;MAC3EvE,cAAA,CAAAqE,MAAA;MAGFnE,WACE,CAAAsC,WAAA,CAAAvC,QAAA;MAACE,QAAA,CAAAqE,MAAA,EAAAD,kBAAA,GAAA/B,WAAA,CAAAzH,KAAA,cAAAwJ,kBAAA,cAAAA,kBAAA;MAAA9D,kBAAA;MACCJ,eAAA,CAAAiE,MAAA,CAAAG,IAAA,gBAAAH,MAAA,CAAApB,QAAA;MACA5C,aAAA,CAAc4B,OAAA,GAAAoC,MAAA,CAAAG,IAAA,kBAAAH,MAAA,CAAAI,QAAA;MACdjF,OAAA;IAAA;IACU,IACVqE,UAAY,CAAAW,IAAA;MAEZ,IAAAhD,MAAA,GAAAzC,GAAA,CAAA2F,KAAA,CAAAC,OAAA,CAAAC,IAAA,WAAAnD,CAAA;QACG,OAAAA,CAAA,CAAAN,EAAA,KAAA0C,UAAA,CAAAY,QAAA;MAAA,EAEC;MACE,IAAAvI,KAAA,GAAAsF,MAAA,IAAAf,MAAA,CAAAmE,IAAA,WAAAnD,CAAA;QACE,OAAAA,CAAA,CAAAN,EAAA,KAAAK,MAAA,CAAAyB,QAAA;MAAA;MAAC,IAAAzB,MAAA,IAAAtF,KAAA,EAAAgI,QAAA,CAAAhI,KAAA,EAAAsF,MAAA,CAAA1G,KAAA,EAAA+I,UAAA;IAAA,WAAAA,UACM,CAAAW,IAAA;MAAA,IAAAK,YACL,GAAA9F,GAAU,CAAA2F,KAAA,CAAAI,aAAA,CAAAF,IAAA,WAAAG,EAAA;QAAA,OAAAA,EACV,CAAA5D,EAAA,KAAA0C,UAAY,CAAAZ,QAAA;MAAsB;MAEhC,IAAA+B,MAAA,GAAAvE,MAAA,CAAAmE,IAAY,WAAAnD,CAAA;QAAA,OAAAA,CACd,CAAAN,EAAA,KAAA0C,UAAA,CAAAZ,QAAA;MAAA;MAC+B,IAAA+B,MAAA,IAAAH,YAAA,QAAAhJ,mBAAA,CAAAoJ,kBAAA,EAAAJ,YAAA,CAAA/J,KAAA;QAAAoJ,QACjC,CAAAc,MAAA,EAAAH,YAAA,CAAA/J,KAAA,EAAA+I,UAAA;MAAA;IAGA;MACF9B,WAEA;MAAAvC,OAAC;IAAA;EAAA,IACwBqE,UACvB,EAAA9E,GAAA,EACA0B,MAAA,EACkBsB,WAClB,CAAe;EACM,IAAAmD,iBAAA,OAAAxJ,aAAA,CAAAsG,WAAA,YAAAxE,CAAA;IAAA,IAAAA,CAAA,CACvBC,GAAA;MAAAD,CAAA,CAAAE,cAEC;MAKCmC,mBAEJ,WAAAsF,CAAA;QAAA,OAAAC,IAAA,CAAAC,GAAA,CAAAF,CAAA,MAAArD,QAAA,CAAAwD,MAAA;MAAA;IAAA,OAGA,IAAA9H,CAAA,CAAAC,GAAA;MACED,CAAA,CAAAE,cAAA;MAAAmC,mBAAC,WAAAsF,CAAA;QAAA,OAAAC,IAAA,CAAAG,GAAA,CAAAJ,CAAA;MAAA;IACQ,WACP3H,CAAA,CAAAC,GAAA,KAAW,SAAS;MAClBD,CAAA,CAAAE,cAAA;MACA,IAAAxB,KAAA,GAAA4F,QAAA,CAAAlC,gBAAqB;MAAA,IAAA1D,KACvB,EAAAkH,iBAAA,CAAAlH,KAAA;IAAA,WACAsB,CAAA,CAAAC,GAAA,aAAY;MAAAD,CAAA,CAAAE,cACZ;MAAiC+F,gBAC5B;IAAA;EACE,IACsB3B,QAAA,EAAAlC,gBAC/B,EAAAwD,iBACA,EAAAK,gBAAC;EAAA,KAAA1E,GAAA,IACC0B,MAAK,CAAA6E,MAAA;EAAA,IAAAE,eACL,KAAA/G,KAAA,GAAY,CAAAI,kBAAE,GAAAE,GAAA,CAAA2F,KAAmB,CAAAC,OAAA,cAAA9F,kBAAA,uBAAAA,kBAAA,CAAAyG,MAAA,cAAA7G,KAAA,cAAAA,KAAA,UAAAC,KAAA,IAAAI,wBAAA,GAAAC,GAAA,CAAA2F,KAAA,CAAAI,aAAA,cAAAhG,wBAAA,uBAAAA,wBAAA,CAAA0C,MAAA,WAAAuD,EAAA;IAAA,WACjClJ,mBAAW,CAAAoJ,kBAAA,EAAAF,EAAA,CAAAjK,KAAA;EAAA,GAAAwK,MAAA,MACX,QAAS5G,KAAA,cAAAA,KAAA;EAAA,IAAA+G,SAER,IAAA9J,cAAA,CAAA+J,KAAA,KAAAzG,YAAA;EAAA,IAAA0G,OAAA,kBAAa,IAAAvK,kBAAc,CAAAmB,GAAA,EAAAf,YAAA,CAAAoK,MAAA;IAA2BC,IAAA;IAErDC,OAAA,YAAC;IAAA,kBAAAlK,QAAA,CAAAmK,CAAA;IAAAC,IAAA,iBAEC,IAAA5K,kBAAA,CAAAmB,GAAA,EAAAjB,YAAA,CAAA2K,UAAA;MAAAJ,IAAA;MACsDK,MAAA,EAAAV,eACtD,GAAU;IAAA;IAAA,IAAAC,SAAA,GAHL;MAAMnI,OAAA,WAKdA,QAAA;QAAA,OAAAmG,gBACW,EAAAlE,IAAS;MAAoC;IAEvD;IAAC5B,QAAA,EAAA6H,eAAA,cAAA5J,QAAA,CAAAmK,CAAA,gBAAAP,eAAA,UAAA5J,QAAA,CAAAmK,CAAA;EAAA;EAEC,sBACA,IAAA3K,kBAAsB,CAAAmB,GAAA,EAAAf,YAAmB,CAAA2K,aAAa;IAAA5G,IAAA;IAC5C6G,YAAA,EAAA3C,gBAAA;IAAAkC,OAAA;IAHCU,UAAA,EAIb,IACD;IAAAC,UAAA,EACA;IAGC3I,QAAA,qBAAAvC,kBAAA,CAAAmB,GAAA,EAAAZ,cAAA,CAAA4K,MAAA;MAAAC,QAAA;MAAAC,QAEJ;MAAA,GAAApK,SACF,CAAAqK,GAAA;MAAA/I,QAEJ,EAAAmC,WAAA;MAAA;MACF;MAAA,IAAA1E,kBAAA,CAAAuL,IAAA,EAAAhL,cAAA,CAAA4K,MAAA;QAEJ,GAAAlK,SAAA,CAAAqK,GAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DataTableFilterButton_exports","__export","DataTableFilterButton","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_theme","import_react2","import_tamagui","import_t","import_filterFields","import_DataTableStateContext","import_FilterOperatorValueEditor","FieldRow","param","field","highlighted","keyboardHighlight","onSelect","knobProps","useResolvedKnobs","jsx","View","role","id","tabIndex","cursor","paddingHorizontal","paddingVertical","containerRadius","backgroundColor","hoverStyle","pressStyle","outlineWidth","focusStyle","keyboardFocusRingProps","onPress","children","Text","fontSize","color","numberOfLines","label","GroupHeader","fontWeight","textTransform","letterSpacing","paddingTop","paddingBottom","_ref","_ref1","_ref2","_ref3","_ctx_computed","_ctx_filterUi","_ctx_state_filters","_ctx_state_columnFilters","_flatList_highlightedIndex","ctx","useDataTableState","BackCaretIcon","useDirection","CaretRightIcon","CaretLeftIcon","open","setOpen","useState","search","setSearch","highlightedIndex","setHighlightedIndex","listboxFocused","setListboxFocused","activeField","setActiveField","operator","setOperator","setValue","columnTarget","setColumnTarget","advancedIdRef","useRef","editingExisting","setEditingExisting","fields","computed","filterFields","table","visibleColumnIds","useMemo","Set","getVisibleLeafColumns","map","c","query","trim","toLowerCase","matching","filter","f","includes","columnFields","has","moreFields","flatList","resetEditor","useCallback","current","commit","op","val","noValue","operatorNeedsNoValue","filterValue","_table_getColumn","getColumn","setFilterValue","meaningful","_ctx_actions_updateFilter","_ctx_actions","actions","updateFilter","call","columnId","_ctx_actions_addFilter","addFilter","handleSelectField","defaultOperatorForFilterType","type","handleOperatorChange","handleValueChange","handleOpenChange","next","removeFilter","handleRemoveCurrent","editTarget","filterUi","useEffect","_ctx_filterUi2","requestEdit","openWith","openWith2","field2","target","_filterValue_value","String","kind","filterId","state","filters","find","columnFilter","columnFilters","cf","field1","isFilterValueShape","handleListKeyDown","e","key","preventDefault","i","Math","min","length","max","activeChipCount","highlightedId","wasKeyboardFocus","trigger","Button","size","compact","accent","variant","t","icon","FunnelIcon","weight","FloatingPanel","onOpenChange","fitContent","scrollable","YStack","minWidth","maxWidth","gap","jsxs","XStack","alignItems","chromeless"],"sources":["../../../../src/components/DataTableFilterButton/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAeAC,MAAA,CAAAC,OAAA,GAAAT,YAA0D,CAAAK,6BAAA;AAC1D,IAAAK,kBAAA,GAA6BC,OAAA;AAC7B,IAAAC,YAAA,GAAmDD,OAAA;AACnD,IAAAE,iBAIO,GAAAF,OAAA;AACP,IAAAG,YAAA,GAAAH,OAAkE;AAClE,IAAAI,YAAA,GAAAJ,OAA2C;AAC3C,IAAAK,aAAkB,GAAAL,OAAA;AAElB,IAAAM,cAAA,GAAAN,OAIO;AAEP,IAAAO,QAAA,GAAAP,OAAA,2BAAkC;AAClC,IAAAQ,mBAAA,GAAAR,OAAA,qCAA0C;AAkCpC,IAAAS,4BAAA,GAAAT,OAAA;AAxBN,IAAAU,gCAA2B,GAAAV,OAAa,+CAA8C;AACpF,SAAMW,QAAEA,CAAAC,KAAU;EAClB;IAAAC,KACE;IAAAC,WAAA;IAAAC,iBAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IAAC;IAAAK;EAAA,QAAAb,YAAA,CAAAc,gBAAA;EAAA,0BAAAnB,kBAAA,CAAAoB,GAAA,EAAAb,cAAA,CAAAc,IAAA;IAAAC,IACC,UAAK;IAAAC,EACL,kBAAIT,KAAgB,CAAAS,EAAM,EAAE;IAAA,eAC5B,EAAAR,WAAe;IAAA;IAELS,QACV,EAAO;IAAAC,MACP;IAAkBC,iBAClB,EAAgB;IAAAC,eAIF;IAAA;IAC6B;IACF;IACA,GACzCT,SAAA,CAAAU,eAAc;IAAAC,eACF,EAAEd,WAAA,GAAc,SAAE;IAAAe,UACzB;MACLD,eAAe;IAAc;IAI7BE,UAAA;MACFF,eAAA;IAEJ;IAEAG,YAAS;IACPC,UACE;MAACD,YAAA;IAAA;IAAA,IACChB,iBAAS,GAAAX,YAAA,CAAA6B,sBAAA;IAAAC,OACT,WAAWA,QAAA;MACX,OAAMlB,QAAA,CAAAH,KAAA;IAAA;IACQsB,QACd,iBAAe,IAAApC,kBAAA,CAAAoB,GAAA,EAAAb,cAAA,CAAA8B,IAAA;MACfC,QAAA;MACAC,KAAA,YAAW;MACXC,aAAA,EAAc;MAEbJ,QAAA,EAAAtB,KAAA,CAAA2B;IAAA;EACH;AAEJ;AAEO,SAASC,YAAA7B,KAAA;EACd;IAAMuB;EAAA,CAAM,GAAAvB,KAAA;EACZ,OAAM,eAAY,IAAIb,kBAAA,CAAAoB,GAAA,EAAAb,cAAiB,CAAA8B,IAAA;IAGvCC,QAAM;IAENK,UAAO,EAAM;IACbJ,KAAO,YAAQ;IACfK,aAAO,aAAkB;IACzBC,aAAO;IACPnB,iBAAO,EAAa;IACpBoB,UAAO,MAAU;IACjBC,aAAc;IAEdX;EACA;AACA;AAEA,SAAMvC,qBAAqCA,CAAA,EAAU;EACrD,IAAAmD,IAAM,EAAAC,KAAQ,EAAAC,KAAK,EAAAC,KAAA;EAEnB,IAAAC,aAAM,EAAAC,aAAmB,EAAAC,kBAAQ,EAAAC,wBAAM,EAAAC,0BAAA;EACrC,IAAAC,GAAK,OAAO/C,4BAAW,CAAAgD,iBAAY;EACnC;IAAAxC;EAAW,CAAI,OAAMb,YAAA,CAAAc,gBAA6B;EACpD,IAAIwC,aAAY,OAAAxD,iBAAA,CAAAyD,YAAA,gBAAA1D,YAAA,CAAA2D,cAAA,GAAA3D,YAAA,CAAA4D,aAAA;EAEhB,KAAAC,IAAM,EAAAC,OAAQ,IAAO,IAAK1D,aAAE,CAAY2D,QAAA;EACxC,KAAAC,MAAM,EAAAC,SAAW,QAAA7D,aAAA,CAAA2D,QAAA;EAAA,IACf,CAAAG,gBAEM,EAAOC,mBAAA,QAAA/D,aAAA,CAAA2D,QAAA;EAAA,IACL,CAACK,cAAc,EAAAC,iBAAc,IAAS,IAAAjE,aAAe,CAAA2D,QAAA,EAAY,KAAE;EAAc,IACnF,CAAAO,WACA,EAAAC,cAAA,QAAAnE,aAAA,CAAA2D,QAAA;EAAA,IACL,CAAAS,QAAQ,EAAAC,WAAK,QAAArE,aAAA,CAAA2D,QAAA;EAChB,KAAAvE,KAAA,EAAAkF,QAAA,QAAAtE,aAAA,CAAA2D,QAAA;EACA,KAAAY,YAAM,EAAAC,eAAe,QAAAxE,aAAA,CAAA2D,QAAA;EAAA,IACnBc,aAAe,OAAOzE,aAAO,CAAA0E,MAAA,MAAiB;EAAS,IACtD,CAAAC,eAAU,EAAAC,kBAAgB,QAAA5E,aAAA,CAAA2D,QAAA;EAC7B,IAAAkB,MAAA,IAAAnC,IAAA,GAAAS,GAAA,aAAAA,GAAA,wBAAAL,aAAA,GAAAK,GAAA,CAAA2B,QAAA,cAAAhC,aAAA,uBAAAA,aAAA,CAAAiC,YAAA,cAAArC,IAAA,cAAAA,IAAA;EACA,IAAAsC,KAAM,GAAA7B,GAAA,SAAa,IAAAA,GAAA,uBAAAA,GAAA,CAAA6B,KAAA;EAAA,IACjBC,gBAAe,IAAO,CAAC,EAAAjF,aAAO,CAAAkF,OAAA,EAAiB,YAAS;IACxD,IAAC,CAAAF,KAAA,EAAU,sBAAgB,IAAAG,GAAA;IAC7B,WAAAA,GAAA,CAAAH,KAAA,CAAAI,qBAAA,GAAAC,GAAA,WAAAC,CAAA;MACA,OAAMA,CAAA,CAAArE,EAAA;IAEN;EACE,IACA+D,KAAA,EACAvB,IAAA,CACA;EACA,IAAA8B,KAAA,GAAU3B,MAAE,CAAA4B,IAAA,GAAAC,WAAA;EACZ,IAAAC,QAAA,OAAA1F,aAAqB,CAAAkF,OAAA;IACvB,OAAKK,KAAA,GAAAV,MAAA,CAAAc,MAAA,WAAAC,CAAA;MAGL,OAAMA,CAAA,CAAAzD,KAAA,CAASsD,WAAA,GAAAI,QAAA,CAAAN,KAAA,KAAAK,CAAA,CAAA3E,EAAA,CAAAwE,WAAA,GAAAI,QAAA,CAAAN,KAAA;IACb,CAAC,IAAAV,MAA4B;EAC3B,IACAA,MAAA,EACAU,KAAA,CACA;EACE,IAAAO,YAAO,OAAU9F,aAAY,CAAAkF,OAAG,cAAe;IAC/C,OAAAQ,QAAA,CAAAC,MAAA,WAAAC,CAAA;MACF,OAAAX,gBAAA,CAAAc,GAAA,CAAAH,CAAA,CAAA3E,EAAA;IACA;EACA,IACEyE,QAAI,EAA8CT,gBACtC,CAAM;EACT,IAAAe,UACP,GAAO,IAAMhG,aAAA,CAAAkF,OAAA;IAAA,OACdQ,QAAA,CAAAC,MAAA,WAAAC,CAAA;MACH,QAAAX,gBAAuB,CAAAc,GAAA,CAAAH,CAAA,CAAA3E,EAAA;IACrB;EACwB,IACJyE,QAChB,EAAOT,gBACA,CAAM;EACT,IACVgB,QAAA,OAAAjG,aAAA,CAAAkF,OAAA;IACF,QACC,GAAAY,YAAK,EACR,GAAAE,UAAA,CAEA;EACE,IACAF,YAAA,EACAE,UAAS,CACT;EACA,IAAAE,WAAA,GAAc,IAAAlG,aAAU,CAAAmG,WAAA;IACxBhC,cAAA,KAAgB,CAAI;IACtBK,eAAK;IAELI,kBAAM;IACJH,aAAwB,CAAA2B,OAAA;IACtBvC,SAAA;IACAE,mBAAiB;EAA6B,GAChD;EAAA,IACCsC,MAAA,OAAarG,aAAa,CAAAmG,WAAA,YAAA3F,KAAA,EAAA8F,EAAA,EAAAC,GAAA;IAC7B,KAAApD,GAAA;IAEA,IAAMqD,OAAA,OAAArG,mBAAoB,CAAAsG,oBAAA,EAAAH,EAAA;IACxB,IAACI,WAAgB;MACftC,QAAA,EAASkC,EAAG;MACZlH,KAAI,EAAAoH,OAAA,GAAa,OAAOD;IAC1B;IACA,IAAChC,YAAa;MAChB,IAAAoC,gBAAA;MAEA3B,KAAM,aAAAA,KAAA,KAAmB,mBAAA2B,gBAAA,GAAA3B,KAAA,CAAA4B,SAAA,CAAArC,YAAA,eAAAoC,gBAAA,uBAAAA,gBAAA,CAAAE,cAAA,CAAAH,WAAA;MACtB;IACC;IACA,IAAAI,UAAU,GAAAN,OAAA,IAAAD,GAAA;IAGV,IAAA9B,aAAW,CAAA2B,OAAA,EAAc;MACzB,IAAIW,yBAAO,EAAAC,YAAA;MACT,CAAAD,yBAAa,GAAa,CAAEC,YAAA,GAAA7D,GAAA,CAAA8D,OAAA,EAAAC,YAAA,cAAAH,yBAAA,uBAAAA,yBAAA,CAAAI,IAAA,CAAAH,YAAA,EAAAvC,aAAA,CAAA2B,OAAA;QAC9BgB,QAAA,EAAA5G,KAAA,CAAAS,EAAA;QACA7B,KAAA,EAAAsH,WAAY;QACdvE,KAAA,EAAA3B,KAAA,CAAA2B;MACC;IACH,WAAA2E,UAAA;MAMA,IAAMO,sBAAA;MACJ5C,aAAI,CAAA2B,OAAc,IAAAiB,sBAAA,GAAAlE,GAAA,CAAA8D,OAAA,CAAAK,SAAA;QAChBF,QAAO,EAAA5G,KAAU,CAAAS,EAAA;QACnB7B,KAAA,EAAWsH,WAAA;QACTvE,KAAK,EAAA3B,KAAQ,CAAA2B;MACf,gBAAAkF,sBAAA,cAAAA,sBAAA;IACA;EACA,IACFlE,GAAI,EAGJoB,YAAM,EACNS,KAAA,CACE;EACA,IAAAuC,iBAAc,OAAYvH,aAAI,CAAAmG,WAAA,YAAA3F,KAAA;IAC9B2D,cAAM,CAAA3D,KACJ;IAIA6D,WAAA,KAAAlE,mBAAoB,CAAAqH,4BAAA,EAAAhH,KAAA,CAAAiH,IAAA;IACpBnD,QAAA;IACAM,kBAAgB;IAChBH,aAAA,CAAA2B,OAAmB,OAAI;IACvB5B,eAAA,KAAgB;EAChB;EACA,IAAAkD,oBAAY,OAAA1H,aAAA,CAAAmG,WAAA,YAAAG,EAAA;IACdjC,WAAA,CAAAiC,EAAA;IACA,IAAIpC,WAAW,EAAAmC,MAAA,CAASnC,WAAA,EAAYoC,EAAA,EAAAlH,KAAA;EAClC,IACA8E,WAAM,EACNmC,MAAI,EACNjH,KAAA,CACE;EACA,IAAAuI,iBAAc,IAAO,GAAA3H,aAAc,CAAAmG,WAAO,YAAWI,GAAQ;IAC7DjC,QAAI,CAAAiC,GAAA;IACF,IAAArC,WAAS,EAAAmC,MAAO,CAAAnC,WAAa,EAAAE,QAAO,EAAAmC,GAAU;EAAA,IAElDrC,WAAO,EACLmC,MAAA,EACAjC,QAAA,CAAY,CACd;EACF,IAAIwD,gBAAY,GAAK,IAAA5H,aAAmB,CAACmG,WAAA,YAAA0B,IAAA;IAGzCnE,OAAM,CAAAmE,IAAA;IACJ,IAACA,IAAqB;IACpB,IAAA5G,EAAI,GAAEwD,aAAQ,CAAA2B,OAAa;IACzB,IAAAnF,EAAE,SAAAd,mBAAe,CAAAsG,oBAAA,EAAArC,QAAA,KAAAhF,KAAA;MACjB+D,GAAA,aAAAA,GAAA,KAAqB,KAAM,SAAS,IAAIA,GAAG,CAAA8D,OAAA,CAASa,YAAW,CAAA7G,EAAA;IAAA;IAE/DiF,WAAE;EACF,IAA6C/C,GAC/C,EACEiB,QAAE,EACFhF,KAAA,EACA8G,WAAI,CAA8B;EAElC,IAAA6B,mBAAiB,OAAA/H,aAAA,CAAAmG,WAAA;IACjB,IAAA5B,YAAA;MACF,IAAAoC,gBAAA;MACF3B,KAAA,aAAAA,KAAA,wBAAA2B,gBAAA,GAAA3B,KAAA,CAAA4B,SAAA,CAAArC,YAAA,eAAAoC,gBAAA,uBAAAA,gBAAA,CAAAE,cAAA;IACA,CAAC,UAAUpC,aAAA,CAAA2B,OAAkB;MAC/BjD,GAAA,aAAAA,GAAA,uBAAAA,GAAA,CAAA8D,OAAA,CAAAa,YAAA,CAAArD,aAAA,CAAA2B,OAAA;IAEA;IAEA3B,aAAM,CAAA2B,OAAA,GACH,IAAI;IAQPF,WAAM;EACN,IAEA/C,GAAA,EACGoB,YAAA,EAAAS,KAAA,EAAAkB,WACM;EACE,IACN8B,UAAI,IAAArF,KAAA,GAAkBQ,GAAI,KAAE,QAAQA,GAAK,KAAM,SAAS,UAAAJ,aAAoB,GAAAI,GAAA,CAAA8E,QAAA,cAAAlF,aAAA,uBAAAA,aAAA,CAAAiF,UAAA,cAAArF,KAAA,cAAAA,KAAA;EAAA,IAC7E3C,aAAA,CAAAkI,SAAY,cAAE;IAAQ,IACtBC,cAAM;IAAwE,IAE7E,CAAAH,UAAA,KAAA7E,GAAA;IAAwE,CAAAgF,cAAA,GAAAhF,GAAA,CAAA8E,QAAA,cAAAE,cAAA,uBAAAA,cAAA,CAAAC,WAAA;IAC3E,IAAAC,QAAA,YAAAC,UAAAC,MAAA,EAAA7B,WAAA,EAAA8B,MAAA;MAGF,IACEC,kBAAA;MAACtE,cAAA,CAAAoE,MAAA;MAAAlE,WAAA,CAAAqC,WAAA,CAAAtC,QAAA;MACCE,QAAA,CAAAoE,MAAA,EAAAD,kBAAA,GAAA/B,WAAA,CAAAtH,KAAA,cAAAqJ,kBAAA,cAAAA,kBAAA;MACA7D,kBAAc;MACdJ,eAAA,CAAAgE,MAAA,CAAAG,IAAA,gBAAAH,MAAA,CAAApB,QAAA;MACA3C,aAAU,CAAA2B,OAAA,GAAAoC,MAAA,CAAAG,IAAA,kBAAAH,MAAA,CAAAI,QAAA;MACVlF,OAAA,KAAY;IAAA;IAGT,IAAAsE,UAAA,CAAAW,IAAA;MAAA,IAEChD,MAAA,GAAAxC,GAAA,CAAA0F,KAAA,CAAAC,OAAA,CAAAC,IAAA,WAAAnD,CAAA,EAAC;QACC,OAAAA,CAAA,CAAA3E,EAAA,KAAA+G,UAAA,CAAAY,QAAA;MACE;MAAA,IAAApI,KAAC,GAAAmF,MAAA,IAAAd,MAAA,CAAAkE,IAAA,WAAAnD,CAAA;QAAA,OAAAA,CAAA,CAAA3E,EAAA,KAAA0E,MAAA,CAAAyB,QAAA;MAAA;MACM,IAAAzB,MACL,IAAAnF,KAAA,EAAA6H,QAAU,CAAA7H,KAAA,EAAAmF,MAAA,CAAAvG,KAAA,EAAA4I,UAAA;IAAA,WAAAA,UACV,CAAAW,IAAA,KAAY;MAAsB,IAAAK,YAClC,GAAS7F,GAAA,CAAA0F,KAAM,CAAAI,aAAA,CAAAF,IAAA,WAAAG,EAAA;QACb,OAAAA,EAAA,CAAAjI,EAAA,KAAA+G,UAAY,CAAAZ,QAAA;MAAA;MACd,IAAA+B,MACA,GAAAtE,MAAM,CAAAkE,IAAA,WAAAnD,CAAA;QAAyB,OAAAA,CAAA,CAAA3E,EAAA,KAAA+G,UAAA,CAAAZ,QAAA;MAAA;MACjC,IAAA+B,MACA,IAAAH,YAAA,QAAA7I,mBAAC,CAAAiJ,kBAAA,EAAKJ,YAAS,CAAA5J,KAAK;QAEpBiJ,QACF,CAAAc,MAAA,EAAAH,YAAA,CAAA5J,KAAA,EAAA4I,UAAA;MAAA;IAEA;MAAC9B,WAAA;MAAAxC,OAAA,CACC;IAAuB;EACvB,IACAsE,UACA,EAAkB7E,GAAA,EACH0B,MAAA,EACMqB,WAAA;EACvB,IAAAmD,iBAEC,OACCrJ,aAAA,CAAAmG,WAAA,YAAAmD,CAAA;IAIA,IAAAA,CAAA,CAAAC,GAEJ;MAAAD,CAAA,CAAAE,cAAA;MAAAzF,mBAAA,WAAA0F,CAAA;QAGA,OAAAC,IAAA,CAAAC,GAAA,CAAAF,CAAA,MAAAxD,QAAA,CAAA2D,MAAA;MACE;IAAA,WAACN,CAAA,CAAAC,GAAA;MAAAD,CAAA,CAAAE,cAAA;MAAAzF,mBACQ,WAAA0F,CAAA;QAAA,OACPC,IAAA,CAAAG,GAAA,CAAUJ,CAAC;MACT;IACA,WAAAH,CAAA,CAAAC,GAAA;MAAqBD,CAAA,CAAAE,cACvB;MAAA,IAAAhJ,KACA,GAAAyF,QAAY,CAAAnC,gBAAA;MAAA,IAAAtD,KACZ,EAAA+G,iBAAa,CAAA/G,KAAA;IAAoB,WACjC8I,CAAA,CAAAC,GAAK;MAAAD,CAAA,CAAAE,cACL,CAAO;MAAA5B,gBACP;IAA6B;EAAA,IAC/B3B,QACA,EAAAnC,gBAAC,EAAAyD,iBAAA,EAAAK,gBAIQ,CAAgB;EACU,KAAAzE,GAAA,IACjC0B,MAAA,CAAA+E,MAAA,eAAuB;EAAkD,IAAAE,eACzE,GAAU,EAAAlH,KAAA,IAAAI,kBAAA,GAAAG,GAAA,CAAA0F,KAAA,CAAAC,OAAA,cAAA9F,kBAAA,uBAAAA,kBAAA,CAAA4G,MAAA,cAAAhH,KAAA,cAAAA,KAAA,UAAAC,KAAA,IAAAI,wBAAA,GAAAE,GAAA,CAAA0F,KAAA,CAAAI,aAAA,cAAAhG,wBAAA,uBAAAA,wBAAA,CAAA0C,MAAA,WAAAuD,EAAA;IAAA,WACV/I,mBAAW,CAAAiJ,kBAAA,EAAAF,EAAA,CAAA9J,KAAA;EAAA,GAAAwK,MAAA,MACX,QAAS/G,KAAA,cAAAA,KAAA;EAAA,IAAAkH,aACT,IAAA7G,0BAAc,GAAA+C,QAAA,CAAAnC,gBAAA,eAAAZ,0BAAA,uBAAAA,0BAAA,CAAAjC,EAAA;EAAA,IAAAP,iBACd,GAAYsD,cAAE,IAAgB,IAAAjE,YAAA,CAAAiK,gBAAA,MAAAD,aAAA;EAAA,IAAAE,OAAA,GAC9B,eAAe,IAAAvK,kBAAsB,CAAAoB,GAAA,EAAAhB,YAAA,CAAAoK,MAAA;IAAAC,IAAA,MACrC;IAAqCC,OAAA,MAEpC;IAAA,IAAAN,eAAA,OAAa;MAEVO,MAAA;IAA2B;MAEzBC,OAAA;IAAC;IAAA,kBAECpK,QAAA,CAAAqK,CAAA;IAAAC,IAAA,iBACA,IAAA9K,kBAAa,CAAAoB,GAAA,EAAkBlB,YAAM,CAAA6K,UAAA;MAAAN,IAAA;MACUO,MAAA,EAAAZ,eAC/C,GAAU;IAAA;IAAAhI,QAAA,EAAAgI,eAJC,cAAA5J,QAAA,CAAAqK,CAAA,gBAAAT,eAAA,UAAA5J,QAAA,CAAAqK,CAAA;EAAA;EAMd,sBACH,IAAA7K,kBAAA,CAAAoB,GAAA,EAAAhB,YAAA,CAAA6K,aAAA;IAAAlH,IAAA;IAIEmH,YAAA,EAAAhD,gBAAA;IAA+BqC,OAAA;IAE7BY,UAAA,MAAC;IAAAC,UAAA;IAAAhJ,QAAA,iBAEC,IAAApC,kBAAA,CAAAoB,GAAA,EAAAb,cAAA,CAAA8K,MAAA;MAAAC,QAAA;MACqCC,QAAA;MACU,GAAArK,SAAA,CAAAsK,GAC/C;MAAUpJ,QAAA,EAAAoC,WAAA;MAAA;MAJC;MAMd,IAAAxE,kBAAA,CAAAyL,IAAA,EAAAlL,cAAA,CAAA8K,MAAA;QAAA,GAAAnK,SACH,CAAAsK,GAAA;QAAApJ,QAED,GAGC,mBAAApC,kBAAA,CAAAyL,IAAA,EAAAlL,cAAA,CAAAmL,MAAA;UAAAC,UAAA;UAEJH,GAAA;UACFpJ,QAAA,GAEJ,mBAAApC,kBAAA,CAAAoB,GAAA,EAAAhB,YAAA,CAAAoK,MAAA;YAAAC,IAAA;YACFmB,UAAA;YAEJ,kBAAApL,QAAA,CAAAqK,CAAA","ignoreList":[]}

package/dist/cjs/components/DataTableFilterChips/FilterChip.cjs

@@ -0,0 +1,143 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FilterChip_exports = {};
+__export(FilterChip_exports, {
+  FilterChip: () => FilterChip
+});
+module.exports = __toCommonJS(FilterChip_exports);
+var import_react = require("@phosphor-icons/react");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const DismissButton = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "FilterChipDismiss",
+  cursor: "pointer",
+  opacity: 0.7,
+  alignItems: "center",
+  justifyContent: "center",
+  outlineWidth: 0,
+  hoverStyle: {
+    opacity: 1
+  },
+  pressStyle: {
+    opacity: 0.9
+  },
+  focusStyle: {
+    outlineWidth: 0
+  },
+  focusVisibleStyle: {
+    opacity: 1,
+    outlineWidth: 0
+  }
+});
+const DismissRing = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "FilterChipDismissRing",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "$0.5",
+  hoverStyle: {
+    backgroundColor: "$color5"
+  }
+});
+function FilterChip({
+  label,
+  onRemove,
+  onPress
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  if (typeof document !== "undefined") (0, import_theme.ensureCompositeFocusRing)();
+  const resolvedSize = knobProps.sizeToken || "$3";
+  const iconSize = (0, import_forms.chipIconSize)(resolvedSize);
+  const RING_INSET = 2;
+  const dismissVisual = iconSize + RING_INSET * 2;
+  const dismissOutset = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - dismissVisual) / 2));
+  const editable = typeof onPress === "function";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_forms.ChipFrame, {
+    size: resolvedSize,
+    variant: "subtle",
+    backgroundColor: "$color4",
+    ...knobProps.borderRadius,
+    overflow: "visible",
+    "data-filter-chip": "",
+    cursor: editable ? "pointer" : "default",
+    role: editable ? "button" : void 0,
+    tabIndex: editable ? 0 : void 0,
+    "aria-label": editable ? (0, import_t.t)("Edit filter {{label}}", {
+      label
+    }) : void 0,
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: editable ? (0, import_theme.ensureFocusVisibleRing)() : void 0,
+    hoverStyle: editable ? {
+      backgroundColor: "$color5"
+    } : void 0,
+    onPress,
+    onKeyDown: editable ? e => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onPress();
+      }
+    } : void 0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.ChipText, {
+      size: resolvedSize,
+      color: "$color12",
+      ...knobProps.body,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissButton, {
+      role: "button",
+      "aria-label": (0, import_t.t)("Remove"),
+      tabIndex: 0,
+      className: "mp-chip-dismiss",
+      borderRadius: knobProps.pointy ? 0 : 1e3,
+      ...(0, import_theme.pressTargetStyle)(),
+      marginVertical: -dismissOutset,
+      marginHorizontal: -dismissOutset,
+      hitSlop: (0, import_theme.pressTargetHitSlop)(dismissVisual),
+      onPress: e => {
+        e.stopPropagation?.();
+        onRemove();
+      },
+      onKeyDown: e => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+          onRemove();
+        }
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissRing, {
+        className: "mp-chip-dismiss-ring",
+        borderRadius: knobProps.pointy ? 0 : 1e3,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+          size: iconSize,
+          color: "$color12"
+        })
+      })
+    })]
+  });
+}

package/dist/cjs/components/DataTableFilterChips/FilterChip.native.js

@@ -0,0 +1,148 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FilterChip_exports = {};
+__export(FilterChip_exports, {
+  FilterChip: () => FilterChip
+});
+module.exports = __toCommonJS(FilterChip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("@phosphor-icons/react");
+var import_forms = require("@multiplatform.one/forms");
+var import_theme = require("@multiplatform.one/theme");
+var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.native.js");
+var DismissButton = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "FilterChipDismiss",
+  cursor: "pointer",
+  opacity: 0.7,
+  alignItems: "center",
+  justifyContent: "center",
+  outlineWidth: 0,
+  hoverStyle: {
+    opacity: 1
+  },
+  pressStyle: {
+    opacity: 0.9
+  },
+  focusStyle: {
+    outlineWidth: 0
+  },
+  focusVisibleStyle: {
+    opacity: 1,
+    outlineWidth: 0
+  }
+});
+var DismissRing = (0, import_tamagui.styled)(import_tamagui.View, {
+  name: "FilterChipDismissRing",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "$0.5",
+  hoverStyle: {
+    backgroundColor: "$color5"
+  }
+});
+function FilterChip(param) {
+  var {
+    label,
+    onRemove,
+    onPress
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  if (typeof document !== "undefined") (0, import_theme.ensureCompositeFocusRing)();
+  var resolvedSize = knobProps.sizeToken || "$3";
+  var iconSize = (0, import_forms.chipIconSize)(resolvedSize);
+  var RING_INSET = 2;
+  var dismissVisual = iconSize + RING_INSET * 2;
+  var dismissOutset = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - dismissVisual) / 2));
+  var editable = typeof onPress === "function";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_forms.ChipFrame, {
+    size: resolvedSize,
+    variant: "subtle",
+    backgroundColor: "$color4",
+    ...knobProps.borderRadius,
+    overflow: "visible",
+    "data-filter-chip": "",
+    cursor: editable ? "pointer" : "default",
+    role: editable ? "button" : void 0,
+    tabIndex: editable ? 0 : void 0,
+    "aria-label": editable ? (0, import_t.t)("Edit filter {{label}}", {
+      label
+    }) : void 0,
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: editable ? (0, import_theme.ensureFocusVisibleRing)() : void 0,
+    hoverStyle: editable ? {
+      backgroundColor: "$color5"
+    } : void 0,
+    onPress,
+    onKeyDown: editable ? function (e) {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onPress();
+      }
+    } : void 0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.ChipText, {
+      size: resolvedSize,
+      color: "$color12",
+      ...knobProps.body,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissButton, {
+      role: "button",
+      "aria-label": (0, import_t.t)("Remove"),
+      tabIndex: 0,
+      className: "mp-chip-dismiss",
+      borderRadius: knobProps.pointy ? 0 : 1e3,
+      ...(0, import_theme.pressTargetStyle)(),
+      marginVertical: -dismissOutset,
+      marginHorizontal: -dismissOutset,
+      hitSlop: (0, import_theme.pressTargetHitSlop)(dismissVisual),
+      onPress: function onPress2(e) {
+        var _e_stopPropagation;
+        (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+        onRemove();
+      },
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          e.stopPropagation();
+          onRemove();
+        }
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DismissRing, {
+        className: "mp-chip-dismiss-ring",
+        borderRadius: knobProps.pointy ? 0 : 1e3,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+          size: iconSize,
+          color: "$color12"
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=FilterChip.native.js.map

package/dist/cjs/components/DataTableFilterChips/FilterChip.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FilterChip_exports","__export","FilterChip","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_tamagui","import_t","DismissButton","styled","View","name","cursor","opacity","alignItems","justifyContent","outlineWidth","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","DismissRing","padding","backgroundColor","param","label","onRemove","onPress","knobProps","useResolvedKnobs","document","ensureCompositeFocusRing","resolvedSize","sizeToken","iconSize","chipIconSize","RING_INSET","dismissVisual","dismissOutset","Math","max","ceil","MIN_PRESS_TARGET","editable","jsxs","ChipFrame","size","variant","borderRadius","overflow","role","tabIndex","t","ensureFocusVisibleRing","onKeyDown","e","key","preventDefault","children","jsx","ChipText","color","body","className","pointy","pressTargetStyle","marginVertical"],"sources":["../../../../src/components/DataTableFilterChips/FilterChip.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTableFilterChips/index.cjs

@@ -22,23 +22,21 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var DataTableFilterChips_exports = {};
 __export(DataTableFilterChips_exports, {
-  DataTableFilterChips: () => DataTableFilterChips
+  DataTableFilterChips: () => DataTableFilterChips,
+  FilterChip: () => import_FilterChip2.FilterChip
 });
 module.exports = __toCommonJS(DataTableFilterChips_exports);
 var import_forms = require("@multiplatform.one/forms");
-var import_forms2 = require("@multiplatform.one/forms");
-var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_t = require("../../shared/t.cjs");
 var import_filterFields = require("../../utils/filterFields.cjs");
 var import_DataTableStateContext = require("../DataTable/DataTableStateContext.cjs");
+var import_FilterChip = require("./FilterChip.cjs");
+var import_FilterChip2 = require("./FilterChip.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function DataTableFilterChips() {
   const ctx = (0, import_DataTableStateContext.useDataTableState)();
-  const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
   const fields = ctx?.computed?.filterFields ?? [];
   const fieldFor = (0, import_react.useCallback)(id => fields.find(f => f.id === id), [fields]);
   const chips = (0, import_react.useMemo)(() => {
@@ -85,34 +83,14 @@ function DataTableFilterChips() {
     gap: "$2",
     paddingVertical: "$1.5",
     "aria-label": (0, import_t.t)("Active filters"),
-    children: [chips.map(chip => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      role: "button",
-      tabIndex: 0,
-      "aria-label": (0, import_t.t)("Edit filter {{label}}", {
-        label: chip.label
-      }),
-      cursor: "pointer",
-      ...knobProps.containerRadius,
-      focusVisibleStyle: {
-        outlineColor: "$outlineColor",
-        outlineWidth: 2,
-        outlineStyle: "solid"
-      },
-      onPress: () => ctx.filterUi?.requestEdit(chip.target),
-      onKeyDown: e => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          ctx.filterUi?.requestEdit(chip.target);
-        }
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms2.Chip, {
-        color: "blue",
-        onDismiss: chip.onRemove,
-        children: chip.label
-      })
+    children: [chips.map(chip => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterChip.FilterChip, {
+      label: chip.label,
+      onRemove: chip.onRemove,
+      onPress: () => ctx.filterUi?.requestEdit(chip.target)
     }, chip.key)), chips.length >= 2 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
       size: "$2",
       chromeless: true,
+      compact: true,
       onPress: handleClearAll,
       children: (0, import_t.t)("Clear all")
     })]