@multiplatform.one/table 6.0.0

package/dist/jsx/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.native.js

@@ -0,0 +1,55 @@
+"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 ColumnHeaderFilter_stories_exports = {};
+__export(ColumnHeaderFilter_stories_exports, {
+  Default: () => Default,
+  default: () => ColumnHeaderFilter_stories_default
+});
+module.exports = __toCommonJS(ColumnHeaderFilter_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
+var meta = {
+  title: "Table/ColumnHeaderFilter",
+  parameters: {
+    status: {
+      type: "stable"
+    }
+  }
+};
+var ColumnHeaderFilter_stories_default = meta;
+var Default = {
+  name: "Main",
+  render: function render() {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      padding: "$4",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontSize: "$2",
+        color: "$color10",
+        children: "ColumnHeaderFilter provides AG Grid-style column filtering with operators and value inputs. It requires a DataTable column context. See DataTable stories for integrated usage."
+      })
+    });
+  }
+};
+//# sourceMappingURL=ColumnHeaderFilter.stories.native.js.map

package/dist/jsx/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call"],"sources":["../../../../src/components/ColumnHeaderFilter/ColumnHeaderFilter.stories.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAeH,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAbN,IAAAC,gBAAmB,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACjBC,iBAAO,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACPC,YAAY,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAQ,GAAEA,CAAAC,MAAM,EAAAC,GAAA,KAAS;EAC3B,SAAAC,IAAA,IAAAD,GAAA,EACFZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEA;AAEO,IAAAC,WAAM,GAAUA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACrB,IAAAF,IAAM,WAAAA,IAAA,wBAAAA,IAAA;IACN,SAAQG,GACN,IAAAhB,iBAAC,CAAAa,IAAA,GAOL,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,E","ignoreList":[]}

package/dist/jsx/components/ColumnHeaderFilter/index.mjs

@@ -0,0 +1,219 @@
+import { FunnelIcon } from "@phosphor-icons/react";
+import { Button, Input, Select } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState, useMemo } from "react";
+import { Tooltip } from "@multiplatform.one/components";
+import { Popover, Text, View, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const TEXT_OPERATORS = ["contains", "doesNotContain", "is", "isNot", "startsWith", "endsWith", "isEmpty", "isNotEmpty"];
+const NUMBER_OPERATORS = ["is", "isNot", "isLessThan", "isGreaterThan", "isLessThanOrEqual", "isGreaterThanOrEqual"];
+const DATE_OPERATORS = ["is", "isNot", "isBefore", "isAfter", "isOnOrBefore", "isOnOrAfter"];
+const BOOLEAN_OPERATORS = ["is", "isNot"];
+const OPERATOR_LABELS = {
+  contains: "Contains",
+  doesNotContain: "Does not contain",
+  is: "Is",
+  isNot: "Is not",
+  startsWith: "Starts with",
+  endsWith: "Ends with",
+  isEmpty: "Is empty",
+  isNotEmpty: "Is not empty",
+  isLessThan: "Less than",
+  isGreaterThan: "Greater than",
+  isLessThanOrEqual: "Less than or equal",
+  isGreaterThanOrEqual: "Greater than or equal",
+  isBefore: "Before",
+  isAfter: "After",
+  isOnOrBefore: "On or before",
+  isOnOrAfter: "On or after"
+};
+function ColumnHeaderFilter({
+  columnId: _columnId,
+  columnLabel,
+  columnType,
+  filterValue: _filterValue,
+  onFilterChange,
+  options,
+  isFiltered
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [open, setOpen] = useState(false);
+  const [operator, setOperator] = useState("contains");
+  const [value, setValue] = useState("");
+  const operators = useMemo(() => {
+    switch (columnType) {
+      case "number":
+        return NUMBER_OPERATORS;
+      case "date":
+        return DATE_OPERATORS;
+      case "boolean":
+        return BOOLEAN_OPERATORS;
+      case "select":
+        return ["is", "isNot", "isAnyOf"];
+      default:
+        return TEXT_OPERATORS;
+    }
+  }, [columnType]);
+  const operatorOptions = useMemo(() => operators.map(op => ({
+    value: op,
+    label: OPERATOR_LABELS[op] || op
+  })), [operators]);
+  const handleApply = () => {
+    if (["isEmpty", "isNotEmpty"].includes(operator)) {
+      onFilterChange({
+        operator,
+        value: null
+      });
+    } else {
+      onFilterChange({
+        operator,
+        value
+      });
+    }
+    setOpen(false);
+  };
+  const handleClear = () => {
+    setValue("");
+    setOperator("contains");
+    onFilterChange(void 0);
+    setOpen(false);
+  };
+  const needsValueInput = !["isEmpty", "isNotEmpty"].includes(operator);
+  const booleanOptions = [{
+    value: "true",
+    label: "True"
+  }, {
+    value: "false",
+    label: "False"
+  }];
+  const selectOptions = useMemo(() => options?.map(opt => ({
+    value: String(opt.value),
+    label: opt.label
+  })) || [], [options]);
+  return /* @__PURE__ */jsxs(Popover, {
+    open,
+    onOpenChange: setOpen,
+    children: [/* @__PURE__ */jsx(Tooltip, {
+      content: isFiltered ? "Edit filter" : "Filter this column",
+      children: /* @__PURE__ */jsx(Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */jsx(View, {
+          padding: "$1",
+          borderRadius: "$2",
+          cursor: "pointer",
+          hoverStyle: {
+            backgroundColor: "$color4"
+          },
+          pressStyle: {
+            backgroundColor: "$color5"
+          },
+          onPress: e => {
+            e.stopPropagation();
+            setOpen(true);
+          },
+          role: "button",
+          "aria-label": `Filter column ${columnLabel}`,
+          children: /* @__PURE__ */jsx(FunnelIcon, {
+            size: 14,
+            color: isFiltered ? "var(--accentColor)" : "var(--color10)",
+            weight: isFiltered ? "fill" : "regular"
+          })
+        })
+      })
+    }), /* @__PURE__ */jsxs(Popover.Content, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$color6",
+      backgroundColor: "$background",
+      ...knobProps.panelPadding,
+      minWidth: 240,
+      enterStyle: {
+        y: -5,
+        opacity: 0
+      },
+      exitStyle: {
+        y: -5,
+        opacity: 0
+      },
+      elevate: true,
+      children: [/* @__PURE__ */jsx(Popover.Arrow, {
+        borderWidth: 1,
+        borderColor: "$color6"
+      }), /* @__PURE__ */jsxs(YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */jsxs(Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          color: "$color11",
+          children: ["Filter: ", columnLabel]
+        }), /* @__PURE__ */jsx(Select, {
+          label: "Condition",
+          value: operator,
+          onValueChange: v => {
+            if (typeof v === "string") {
+              setOperator(v);
+            }
+          },
+          options: operatorOptions,
+          size: "$3",
+          compact: true
+        }), needsValueInput && /* @__PURE__ */jsx(YStack, {
+          gap: "$1",
+          children: columnType === "boolean" ? /* @__PURE__ */jsx(Select, {
+            label: "Value",
+            value,
+            onValueChange: v => {
+              if (typeof v === "string") {
+                setValue(v);
+              }
+            },
+            options: booleanOptions,
+            placeholder: "Select...",
+            size: "$3",
+            compact: true
+          }) : columnType === "select" && options ? /* @__PURE__ */jsx(Select, {
+            label: "Value",
+            value,
+            onValueChange: v => {
+              if (typeof v === "string") {
+                setValue(v);
+              }
+            },
+            options: selectOptions,
+            placeholder: "Select...",
+            size: "$3",
+            compact: true
+          }) : /* @__PURE__ */jsx(Input, {
+            label: "Value",
+            value,
+            onChangeText: setValue,
+            placeholder: columnType === "date" ? "YYYY-MM-DD" : "Enter value...",
+            size: "$3",
+            compact: true,
+            ...(columnType === "number" && {
+              keyboardType: "numeric"
+            })
+          })
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [isFiltered && /* @__PURE__ */jsx(Button, {
+            size: "$2",
+            variant: "outlined",
+            onPress: handleClear,
+            children: "Clear"
+          }), /* @__PURE__ */jsx(Button, {
+            size: "$2",
+            onPress: handleApply,
+            children: "Apply"
+          })]
+        })]
+      })]
+    })]
+  });
+}
+var ColumnHeaderFilter_default = ColumnHeaderFilter;
+export { ColumnHeaderFilter, ColumnHeaderFilter_default as default };
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/components/ColumnHeaderFilter/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["FunnelIcon","Button","Input","Select","useResolvedKnobs","useState","useMemo","Tooltip","Popover","Text","View","XStack","YStack","jsx","jsxs","TEXT_OPERATORS","NUMBER_OPERATORS","DATE_OPERATORS","BOOLEAN_OPERATORS","OPERATOR_LABELS","contains","doesNotContain","is","isNot","startsWith","endsWith","isEmpty","isNotEmpty","isLessThan","isGreaterThan","isLessThanOrEqual","isGreaterThanOrEqual","isBefore","isAfter","isOnOrBefore","isOnOrAfter","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","open","setOpen","operator","setOperator","value","setValue","operators","operatorOptions","map","op","label","handleApply","includes","handleClear","needsValueInput","booleanOptions","selectOptions","opt","String","onOpenChange","children","content","Trigger","asChild","padding","borderRadius","cursor","hoverStyle","backgroundColor","pressStyle","onPress","e","stopPropagation","role","size","color","weight","Content","borderWidth","borderColor","panelPadding","minWidth","enterStyle","y","opacity","exitStyle","elevate","Arrow","gap","fontSize","sizeToken","fontWeight","onValueChange","v","compact","placeholder","onChangeText","keyboardType","justifyContent","variant","ColumnHeaderFilter_default"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/ColumnHeaderFilter/index.native.js

@@ -0,0 +1,260 @@
+"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 ColumnHeaderFilter_exports = {};
+__export(ColumnHeaderFilter_exports, {
+  ColumnHeaderFilter: () => ColumnHeaderFilter,
+  default: () => ColumnHeaderFilter_default
+});
+module.exports = __toCommonJS(ColumnHeaderFilter_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_react2 = require("react");
+var import_components = require("@multiplatform.one/components");
+var import_tamagui = require("tamagui");
+var TEXT_OPERATORS = ["contains", "doesNotContain", "is", "isNot", "startsWith", "endsWith", "isEmpty", "isNotEmpty"];
+var NUMBER_OPERATORS = ["is", "isNot", "isLessThan", "isGreaterThan", "isLessThanOrEqual", "isGreaterThanOrEqual"];
+var DATE_OPERATORS = ["is", "isNot", "isBefore", "isAfter", "isOnOrBefore", "isOnOrAfter"];
+var BOOLEAN_OPERATORS = ["is", "isNot"];
+var OPERATOR_LABELS = {
+  contains: "Contains",
+  doesNotContain: "Does not contain",
+  is: "Is",
+  isNot: "Is not",
+  startsWith: "Starts with",
+  endsWith: "Ends with",
+  isEmpty: "Is empty",
+  isNotEmpty: "Is not empty",
+  isLessThan: "Less than",
+  isGreaterThan: "Greater than",
+  isLessThanOrEqual: "Less than or equal",
+  isGreaterThanOrEqual: "Greater than or equal",
+  isBefore: "Before",
+  isAfter: "After",
+  isOnOrBefore: "On or before",
+  isOnOrAfter: "On or after"
+};
+function ColumnHeaderFilter(param) {
+  var {
+    columnId: _columnId,
+    columnLabel,
+    columnType,
+    filterValue: _filterValue,
+    onFilterChange,
+    options,
+    isFiltered
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var [operator, setOperator] = (0, import_react2.useState)("contains");
+  var [value, setValue] = (0, import_react2.useState)("");
+  var operators = (0, import_react2.useMemo)(function () {
+    switch (columnType) {
+      case "number":
+        return NUMBER_OPERATORS;
+      case "date":
+        return DATE_OPERATORS;
+      case "boolean":
+        return BOOLEAN_OPERATORS;
+      case "select":
+        return ["is", "isNot", "isAnyOf"];
+      default:
+        return TEXT_OPERATORS;
+    }
+  }, [columnType]);
+  var operatorOptions = (0, import_react2.useMemo)(function () {
+    return operators.map(function (op) {
+      return {
+        value: op,
+        label: OPERATOR_LABELS[op] || op
+      };
+    });
+  }, [operators]);
+  var handleApply = function handleApply2() {
+    if (["isEmpty", "isNotEmpty"].includes(operator)) {
+      onFilterChange({
+        operator,
+        value: null
+      });
+    } else {
+      onFilterChange({
+        operator,
+        value
+      });
+    }
+    setOpen(false);
+  };
+  var handleClear = function handleClear2() {
+    setValue("");
+    setOperator("contains");
+    onFilterChange(void 0);
+    setOpen(false);
+  };
+  var needsValueInput = !["isEmpty", "isNotEmpty"].includes(operator);
+  var booleanOptions = [{
+    value: "true",
+    label: "True"
+  }, {
+    value: "false",
+    label: "False"
+  }];
+  var selectOptions = (0, import_react2.useMemo)(function () {
+    return (options === null || options === void 0 ? void 0 : options.map(function (opt) {
+      return {
+        value: String(opt.value),
+        label: opt.label
+      };
+    })) || [];
+  }, [options]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
+    open,
+    onOpenChange: setOpen,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+      content: isFiltered ? "Edit filter" : "Filter this column",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          padding: "$1",
+          borderRadius: "$2",
+          cursor: "pointer",
+          hoverStyle: {
+            backgroundColor: "$color4"
+          },
+          pressStyle: {
+            backgroundColor: "$color5"
+          },
+          onPress: function onPress(e) {
+            e.stopPropagation();
+            setOpen(true);
+          },
+          role: "button",
+          "aria-label": `Filter column ${columnLabel}`,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+            size: 14,
+            color: isFiltered ? "var(--accentColor)" : "var(--color10)",
+            weight: isFiltered ? "fill" : "regular"
+          })
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
+      ...knobProps.borderRadius,
+      borderWidth: 1,
+      borderColor: "$color6",
+      backgroundColor: "$background",
+      ...knobProps.panelPadding,
+      minWidth: 240,
+      enterStyle: {
+        y: -5,
+        opacity: 0
+      },
+      exitStyle: {
+        y: -5,
+        opacity: 0
+      },
+      elevate: true,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
+        borderWidth: 1,
+        borderColor: "$color6"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          fontWeight: "600",
+          color: "$color11",
+          children: ["Filter: ", columnLabel]
+        }), /* Operator select */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+          label: "Condition",
+          value: operator,
+          onValueChange: function onValueChange(v) {
+            if (typeof v === "string") {
+              setOperator(v);
+            }
+          },
+          options: operatorOptions,
+          size: "$3",
+          compact: true
+        }), /* Value input */
+        needsValueInput && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          gap: "$1",
+          children: columnType === "boolean" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+            label: "Value",
+            value,
+            onValueChange: function onValueChange(v) {
+              if (typeof v === "string") {
+                setValue(v);
+              }
+            },
+            options: booleanOptions,
+            placeholder: "Select...",
+            size: "$3",
+            compact: true
+          }) : columnType === "select" && options ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Select, {
+            label: "Value",
+            value,
+            onValueChange: function onValueChange(v) {
+              if (typeof v === "string") {
+                setValue(v);
+              }
+            },
+            options: selectOptions,
+            placeholder: "Select...",
+            size: "$3",
+            compact: true
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+            label: "Value",
+            value,
+            onChangeText: setValue,
+            placeholder: columnType === "date" ? "YYYY-MM-DD" : "Enter value...",
+            size: "$3",
+            compact: true,
+            ...(columnType === "number" && {
+              keyboardType: "numeric"
+            })
+          })
+        }), /* Actions */
+        /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          gap: "$2",
+          justifyContent: "flex-end",
+          children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            variant: "outlined",
+            onPress: handleClear,
+            children: "Clear"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: "$2",
+            onPress: handleApply,
+            children: "Apply"
+          })]
+        })]
+      })]
+    })]
+  });
+}
+var ColumnHeaderFilter_default = ColumnHeaderFilter;
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/components/ColumnHeaderFilter/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ColumnHeaderFilter_exports","ColumnHeaderFilter","default","ColumnHeaderFilter_default","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_components","import_tamagui","TEXT_OPERATORS","NUMBER_OPERATORS","DATE_OPERATORS","BOOLEAN_OPERATORS","OPERATOR_LABELS","contains","doesNotContain","is","isNot","startsWith","endsWith","isEmpty","isNotEmpty","isLessThan","isGreaterThan","isLessThanOrEqual","isGreaterThanOrEqual","isBefore","isAfter","isOnOrBefore","isOnOrAfter","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","open","setOpen","useState","operator","setOperator","setValue","operators","useMemo","operatorOptions","map","op","label","handleApply","handleApply2","includes","handleClear","handleClear2","needsValueInput","booleanOptions","selectOptions","opt","String","jsxs","Popover","onOpenChange","children","jsx","Tooltip","content","Trigger","asChild","View","padding","borderRadius","cursor","hoverStyle","backgroundColor","pressStyle","onPress","e","stopPropagation","role","FunnelIcon","size","color","weight","Content","borderWidth","borderColor","panelPadding","minWidth","enterStyle","y","opacity","exitStyle","elevate","Arrow","YStack","gap","Text","fontSize","sizeToken","fontWeight"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}