@multiplatform.one/table 6.1.0 → 6.3.0

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

@@ -1,32 +1,15 @@
 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 { Button } from "@multiplatform.one/forms";
+import { MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
 import { Tooltip } from "@multiplatform.one/components";
 import { Popover, Text, View, XStack, YStack } from "tamagui";
+import { t } from "../../shared/t.mjs";
+import { operatorNeedsNoValue } from "../../utils/filterFields.mjs";
+import { FilterOperatorValueEditor } from "../FilterOperatorValueEditor/index.mjs";
 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"
-};
+const FILTER_TRIGGER_VISUAL = 22;
+const FILTER_TRIGGER_OUTSET = Math.max(0, Math.ceil((MIN_PRESS_TARGET - FILTER_TRIGGER_VISUAL) / 2));
 function ColumnHeaderFilter({
   columnId: _columnId,
   columnLabel,
@@ -42,26 +25,8 @@ function ColumnHeaderFilter({
   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)) {
+    if (operatorNeedsNoValue(operator)) {
       onFilterChange({
         operator,
         value: null
@@ -78,31 +43,24 @@ function ColumnHeaderFilter({
     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",
+      content: isFiltered ? t("Edit filter") : t("Filter this column"),
       children: /* @__PURE__ */jsx(Popover.Trigger, {
         asChild: true,
         children: /* @__PURE__ */jsx(View, {
           padding: "$1",
           borderRadius: "$2",
           cursor: "pointer",
+          ...pressTargetStyle(),
+          alignItems: "center",
+          justifyContent: "center",
+          marginVertical: -FILTER_TRIGGER_OUTSET,
+          marginHorizontal: -FILTER_TRIGGER_OUTSET,
+          hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
           hoverStyle: {
             backgroundColor: "$color4"
           },
@@ -143,59 +101,20 @@ function ColumnHeaderFilter({
         borderColor: "$color6"
       }), /* @__PURE__ */jsxs(YStack, {
         ...knobProps.gap,
-        children: [/* @__PURE__ */jsxs(Text, {
+        children: [/* @__PURE__ */jsx(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"
-            })
+          children: t("Filter: {{column}}", {
+            column: columnLabel
           })
+        }), /* @__PURE__ */jsx(FilterOperatorValueEditor, {
+          fieldType: columnType,
+          operator,
+          value,
+          onOperatorChange: setOperator,
+          onValueChange: setValue,
+          options
         }), /* @__PURE__ */jsxs(XStack, {
           gap: "$2",
           justifyContent: "flex-end",
@@ -203,17 +122,16 @@ function ColumnHeaderFilter({
             size: "$2",
             variant: "outlined",
             onPress: handleClear,
-            children: "Clear"
+            children: t("Clear")
           }), /* @__PURE__ */jsx(Button, {
             size: "$2",
             onPress: handleApply,
-            children: "Apply"
+            children: t("Apply")
           })]
         })]
       })]
     })]
   });
 }
-var ColumnHeaderFilter_default = ColumnHeaderFilter;
-export { ColumnHeaderFilter, ColumnHeaderFilter_default as default };
+export { ColumnHeaderFilter };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +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":[]}
+{"version":3,"names":["FunnelIcon","Button","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useState","Tooltip","Popover","Text","View","XStack","YStack","t","operatorNeedsNoValue","FilterOperatorValueEditor","jsx","jsxs","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","open","setOpen","operator","setOperator","value","setValue","handleApply","handleClear","onOpenChange","children","content","Trigger","asChild","padding","borderRadius","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","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","column","fieldType","onOperatorChange","onValueChange","variant"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -24,8 +24,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var ColumnHeaderFilter_exports = {};
 __export(ColumnHeaderFilter_exports, {
-  ColumnHeaderFilter: () => ColumnHeaderFilter,
-  default: () => ColumnHeaderFilter_default
+  ColumnHeaderFilter: () => ColumnHeaderFilter
 });
 module.exports = __toCommonJS(ColumnHeaderFilter_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -35,28 +34,11 @@ 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"
-};
+var import_t = require("../../shared/t.native.js");
+var import_filterFields = require("../../utils/filterFields.native.js");
+var import_FilterOperatorValueEditor = require("../FilterOperatorValueEditor/index.native.js");
+var FILTER_TRIGGER_VISUAL = 22;
+var FILTER_TRIGGER_OUTSET = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - FILTER_TRIGGER_VISUAL) / 2));
 function ColumnHeaderFilter(param) {
   var {
     columnId: _columnId,
@@ -73,30 +55,8 @@ function ColumnHeaderFilter(param) {
   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)) {
+    if ((0, import_filterFields.operatorNeedsNoValue)(operator)) {
       onFilterChange({
         operator,
         value: null
@@ -113,35 +73,24 @@ function ColumnHeaderFilter(param) {
     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",
+      content: isFiltered ? (0, import_t.t)("Edit filter") : (0, import_t.t)("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",
+          ...(0, import_theme.pressTargetStyle)(),
+          alignItems: "center",
+          justifyContent: "center",
+          marginVertical: -FILTER_TRIGGER_OUTSET,
+          marginHorizontal: -FILTER_TRIGGER_OUTSET,
+          hitSlop: (0, import_theme.pressTargetHitSlop)(FILTER_TRIGGER_VISUAL),
           hoverStyle: {
             backgroundColor: "$color4"
           },
@@ -182,61 +131,21 @@ function ColumnHeaderFilter(param) {
         borderColor: "$color6"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         ...knobProps.gap,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(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"
-            })
+          children: (0, import_t.t)("Filter: {{column}}", {
+            column: columnLabel
           })
+        }), /* Shared operator/value editor (LC-16 — same one the toolbar filter uses) */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterOperatorValueEditor.FilterOperatorValueEditor, {
+          fieldType: columnType,
+          operator,
+          value,
+          onOperatorChange: setOperator,
+          onValueChange: setValue,
+          options
         }), /* Actions */
         /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
           gap: "$2",
@@ -245,16 +154,15 @@ function ColumnHeaderFilter(param) {
             size: "$2",
             variant: "outlined",
             onPress: handleClear,
-            children: "Clear"
+            children: (0, import_t.t)("Clear")
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
             size: "$2",
             onPress: handleApply,
-            children: "Apply"
+            children: (0, import_t.t)("Apply")
           })]
         })]
       })]
     })]
   });
 }
-var ColumnHeaderFilter_default = ColumnHeaderFilter;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ColumnHeaderFilter_exports","ColumnHeaderFilter","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":"AAKA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAQ,CAAAC,cAAO;AACxB,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAwB;AACjC,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAe;AAClC,IAAAC,YAAS,GAAAN,MAAe,CAAAO,SAAA,CAAAC,cAAA;AACxB,IAAAC,QAAS,GAAAA,CAAAC,MAAS,EAAMC,GAAA,KAAM;EAgKlB,SAAAC,IAuBF,IAAAD,GAAA,EApKVZ,SAAM,CAAAW,MAAA,EAAAE,IAAmC;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACvC,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACAnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EACA,OAAAE,EAAA;AACF;AAEA,IAAAM,YAAM,GAAAC,GAAA,IAAqCR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IACzCE,0BAAA;AAAAhB,QACA,CAAAgB,0BAAA;EACAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EACAC,OAAA,EAAAA,CAAA,KAAAC;AAAA,EACA;AAAAC,MACA,CAAAC,OAAA,GAAAR,YAAA,CAAAG,0BAAA;AACF,IAAAM,kBAAA,GAAAC,OAAA;AAEA,IAAAC,YAAM,GAAAD,OAAmC;AAAA,IACvCE,YAAA,GAAAF,OAAA;AAAA,IACAG,YAAA,GAAAH,OAAA;AAAA,IACAI,aAAA,GAAAJ,OAAA;AAAA,IACAK,iBAAA,GAAAL,OAAA;AAAA,IACAM,cAAA,GAAAN,OAAA;AAAA,IACAO,cAAA,IACF,YAEA,gBAAM,EAEN,IAAM,EACJ,SACA,cACA,UAAI,EACJ,SAAO,EACP,YAAY;AACF,IACVC,gBAAS,IACT,MACA,SACA,cACA,iBACA,qBACA,sBAAU;AACD,IACTC,cAAc,IACd,MACF,SAEO,UAAS,EACd,WACA,gBACA;AACa,IACbC,iBAAA,IACA,MACA,QACF;AACE,IAAAC,eAAQ,GAAU;EAClBC,QAAO,YAAa;EACpBC,cAAO,oBAAyB;EAChCC,EAAA,MAAO;EAGPC,KAAA,EAAM;EACJC,UAAQ,eAAY;EAAAC,QAClB,EAAK;EACHC,OAAA,YAAO;EAAAC,UACJ;EACHC,UAAA,aAAO;EAAAC,aACJ;EACHC,iBAAO;EAAAC,oBACJ;EACHC,QAAA,UAAQ;EAAwBC,OAClC;EACEC,YAAA,EAAO;EAAAC,WACX;AAAA;AAIF,SAAMjC,kBAAkBA,CAAAkC,KAAA;EAAA,IACtB;IAAAC,QACE,EAAAC,SAAe;IAAAC,WAAQ;IAAAC,UAAA;IAAAC,WAAA,EAAAC,YAAA;IAAAC,cAAA;IAAAC,OAAA;IAAAC;EAAA,IAAAT,KAAA;EAAA,IACrB;IAAAU;EAAO,QAAAnC,YAAA,CAAAoC,gBAAA;EAAA,IACP,CAAAC,IAAA,EAAOC,OAAA,QAAArC,aAAuB,CAAAsC,QAAA;EAAA,IAC9B,CAAAC,QAAA,EAAAC,WAAA,QAAAxC,aAAA,CAAAsC,QAAA;EAAA,IACH,CAAAlD,KAAA,EAASqD,QAAA,QAAAzC,aAAA,CAAAsC,QAAA;EACZ,IAAAI,SAAA,OAAA1C,aAAA,CAAA2C,OAAA;IAEA,QAAMf,UAAc;MAClB,KAAK;QACH,OAAAxB,gBAAiB;MACnB,KAAO;QACL,OAAAC,cAAiB;MACnB;QACA,OAAQC,iBAAK;MACf;QAEM,QACJ,IAAS,EACT,OAAY,EACZ,SAAe,CACf;MACF;QAEM,OAAAH,cAAoB;IAG1B;EAAuB,GACrB,CACAyB,UAAS,CACX;EAGA,IAAAgB,eAAM,GAAgB,IAAA5C,aAAA,CAAA2C,OAAA;IACpB,OACED,SAAS,CAAAG,GAAK,WAASC,EAAA;MACrB,OAAO;QACP1D,KAAO,EAAA0D,EAAI;QACXC,KAAM,EAAAxC,eAAA,CAAAuC,EAAA,KAAAA;MACT;IACH;EAEA,IAEIJ,SAAA,CAEI;EAAC,IAAAM,WAAA,YAAAC,aAAA;IAAA,IACC,CAAQ,SACR,EAAa,YACN,EAAAC,QACP,CAAAX,QAAc;MAA2BR,cAC7B;QACZQ,QAAA;QACEnD,KAAE;MACF;IAAY,OACd;MAAA2C,cACK;QACLQ,QAAA;QAEAnD;MAAA;IAAC;IAAAiD,OAAA,CACC,MAAM;EAAA;EACqC,IAAAc,WAC3C,GAAQ,SAAAC,YAAaA,CAAA,EAAS;IAAAX,QAAA;IAAAD,WAChC;IAAAT,cAAA;IACFM,OAEJ;EAAA;EAEA,IAACgB,eAAQ,cAAR,cACK,CAAU,CAAAH,QACd,CAAAX,QAAa;EAAA,IAAAe,cACb,GAAY;IACIlE,KACZ;IAAU2D,KACd;EAAU,GACsB;IACD3D,KAC/B,SAAO;IAAA2D,KAEP;EAAA,EAAqD;EAGnD,IAAAQ,aAAA,OAAAvD,aAAC,CAAA2C,OAAK,cAAU;IAAuD,QAAAX,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAa,GAAA,WAAAW,GAAA;MAAA;QAC5DpE,KAAA,EACXqE,MAAA,CAAAD,GAAA,CAAApE,KAAA;QAAA2D,KAGA,EAAAS,GAAA,CAAAT;MAAA;IAAC;EAAA,IACOf,OAAA,CACC;EAEL,sBAAI,IAAOrC,kBAAgB,CAAA+D,IAAA,EAAAxD,cAAA,CAAAyD,OAAA;IACzBvB,IAAA;IAA+BwB,YAAA,EACjCvB,OAAA;IAAAwB,QAAA,GACF,eACA,IAASlE,kBAAA,CAAAmE,GAAA,EAAA7D,iBAAA,CAAA8D,OAAA;MAAAC,OAAA,EACT/B,UAAK;MAAA4B,QACL,iBAAO,IAAAlE,kBAAA,CAAAmE,GAAA,EAAA5D,cAAA,CAAAyD,OAAA,CAAAM,OAAA;QAAAC,OAAA;QAAAL,QACT,qBAAAlE,kBAAA,CAAAmE,GAAA,EAAA5D,cAAA,CAAAiE,IAAA;UAGCC,OAAA;UAGKC,YAAC;UAAAC,MAAA;UAAAC,UACC,EAAM;YAAAC,eACN;UAAA;UAEEC,UAAI;YACFD,eAAS,EAAC;UAAA;UACZE,OACF,WAAAA,QAAAC,CAAA;YAAAA,CAAA,CACAC,eAAS;YAAAvC,OACT;UAAY;UACPwC,IACL,UAAO;UAAA,+BAAAlD,WAAA;UACTkC,QACE,iBAAe,IAAAlE,kBACjB,CAAAmE,GAAA,EAAAjE,YAAA,CAAAiF,UAAA;YAACC,IAAA;YAAAC,KAAA,EAAA/C,UAAA;YAAAgD,MACC,EAAAhD,UAAM;UAAA;QACN;MAEE;IACE,IAAU,eACZ,IAAAtC,kBAAA,CAAA+D,IAAA,EAAAxD,cAAA,CAAAyD,OAAA,CAAAuB,OAAA;MAAA,GAAAhD,SACF,CAAAmC,YAAA;MAAAc,WACA;MAASC,WACT,WAAY;MAAAZ,eACP;MAAA,GAAAtC,SACL,CAAAmD,YAAO;MAAAC,QAAA;MAAAC,UAGT;QAAAC,CAAA,GAAC;QAAAC,OAAA;MAAA;MACOC,SACN;QAAAF,CAAA;QACcC,OACd;MAAoD;MAC/CE,OAAA,EACL;MAAO9B,QACN,GAAyD,mBAAAlE,kBAAA,CAAAmE,GAAA,EAAA5D,cAAA,CAAAyD,OAAA,CAAAiC,KAAA;QAC5DT,WAEJ;QAIFC,WAAA;MACG,IAGC,eAEF,IAAAzF,kBAAQ,CAAA+D,IAAK,EAAAxD,cAAc,CAAA2F,MAAA,EAAa;QAExC,GACF3D,SAAA,CAAA4D,GAAA;QAAAjC,QACF,sBAAAlE,kBAAA,CAAA+D,IAAA,EAAAxD,cAAA,CAAA6F,IAAA;UAAAC,QAAA,EAAA9D,SAAA,CAAA+D,SAAA;UACFC,UAAA;UACFlB,KAAA;UAEJnB,QAAA,GAEO,Y","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ColumnHeaderFilter_exports","ColumnHeaderFilter","module","exports","import_jsx_runtime","require","import_react","import_forms","import_theme","import_react2","import_components","import_tamagui","import_t","import_filterFields","import_FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","MIN_PRESS_TARGET","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","useResolvedKnobs","open","setOpen","useState","operator","setOperator","setValue","handleApply","handleApply2","operatorNeedsNoValue","handleClear","handleClear2","jsxs","Popover","onOpenChange","children","jsx","Tooltip","content","t","Trigger","asChild","View","padding","borderRadius","cursor","pressTargetStyle","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","pressTargetHitSlop","hoverStyle","backgroundColor","pressStyle","onPress","e","stopPropagation","role","FunnelIcon","size","color","weight","Content","borderWidth","borderColor","panelPadding","minWidth","enterStyle","y","opacity","exitStyle","elevate"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/DataTable/DataTableCardControls.mjs

@@ -0,0 +1,108 @@
+import { CaretDownIcon, CaretUpDownIcon } from "@phosphor-icons/react";
+import { DropdownMenu } from "@multiplatform.one/components";
+import { Button } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
+import { View, XStack } from "tamagui";
+import { useTranslation } from "react-i18next";
+import { withInterp } from "../../utils/withInterp.mjs";
+import { DataTableFilters } from "../DataTableFilters/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getColumnLabel(column) {
+  return typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
+}
+function DataTableCardControls({
+  table,
+  enableSorting = false,
+  enableFiltering = false,
+  availableColumns = [],
+  compact = false,
+  disabled = false
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps,
+    disabledState
+  } = useResolvedKnobs({
+    compact
+  });
+  const [sortMenuOpen, setSortMenuOpen] = useState(false);
+  const sortableColumns = enableSorting ? table.getVisibleLeafColumns().filter(col => col.getCanSort()) : [];
+  const activeSort = table.getState().sorting?.[0];
+  const activeSortColumn = activeSort ? table.getColumn(activeSort.id) : void 0;
+  const sortLabel = activeSortColumn ? `${getColumnLabel(activeSortColumn)} ${activeSort.desc ? "\u2193" : "\u2191"}` : t("Sort");
+  if (!enableSorting && !enableFiltering) return null;
+  return /* @__PURE__ */jsxs(XStack, {
+    alignItems: "center",
+    flexWrap: "wrap",
+    gap: "$2",
+    paddingVertical: "$2",
+    role: "toolbar",
+    "aria-label": t("Card list controls"),
+    children: [enableSorting && sortableColumns.length > 0 && /* @__PURE__ */jsxs(DropdownMenu, {
+      open: disabled ? false : sortMenuOpen,
+      onOpenChange: open => {
+        if (disabled) return;
+        setSortMenuOpen(open);
+      },
+      children: [/* @__PURE__ */jsx(DropdownMenu.Trigger, {
+        asChild: true,
+        children: /* @__PURE__ */jsx(Button, {
+          size: knobProps.sizeToken,
+          variant: "outlined",
+          icon: /* @__PURE__ */jsx(CaretUpDownIcon, {
+            size: 16
+          }),
+          "aria-label": t("Sort rows"),
+          disabled,
+          children: sortLabel
+        })
+      }), /* @__PURE__ */jsxs(DropdownMenu.Content, {
+        children: [/* @__PURE__ */jsx(DropdownMenu.Label, {
+          children: t("Sort by")
+        }), sortableColumns.map(column => {
+          const sorted = column.getIsSorted();
+          return /* @__PURE__ */jsx(DropdownMenu.Item, {
+            closeOnSelect: false,
+            icon: sorted === "asc" ? /* @__PURE__ */jsx(CaretDownIcon, {
+              size: 14
+            }) : sorted === "desc" ? /* @__PURE__ */jsx(CaretDownIcon, {
+              size: 14,
+              style: {
+                transform: "rotate(180deg)"
+              }
+            }) : /* @__PURE__ */jsx(CaretUpDownIcon, {
+              size: 14
+            }),
+            "aria-label": withInterp(t("Sort by {{column}}", {
+              column: getColumnLabel(column)
+            }), {
+              column: getColumnLabel(column)
+            }),
+            onSelect: () => {
+              if (sorted === false) column.toggleSorting(false);else if (sorted === "asc") column.toggleSorting(true);else column.clearSorting();
+            },
+            children: getColumnLabel(column)
+          }, column.id);
+        })]
+      })]
+    }), enableFiltering && availableColumns.length > 0 &&
+    // DataTableFilters (chrome) has no disabled API — the wrapper is the
+    // LC-40 carrier and interaction gate for the disabled table.
+    /* @__PURE__ */
+    jsx(View, {
+      ...(disabled ? {
+        ...disabledState.chromeKnobProps,
+        pointerEvents: "none"
+      } : {}),
+      children: /* @__PURE__ */jsx(DataTableFilters, {
+        compact: true,
+        availableColumns
+      })
+    })]
+  });
+}
+export { DataTableCardControls };
+//# sourceMappingURL=DataTableCardControls.mjs.map

package/dist/jsx/components/DataTable/DataTableCardControls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","jsx","jsxs","getColumnLabel","column","columnDef","header","id","DataTableCardControls","table","enableSorting","enableFiltering","availableColumns","compact","disabled","t","knobProps","disabledState","sortMenuOpen","setSortMenuOpen","sortableColumns","getVisibleLeafColumns","filter","col","getCanSort","activeSort","getState","sorting","activeSortColumn","getColumn","sortLabel","desc","alignItems","flexWrap","gap","paddingVertical","role","children","length","open","onOpenChange","Trigger","asChild","size","sizeToken","variant","icon","Content","Label","map","sorted","getIsSorted","Item","closeOnSelect","style","transform","onSelect","toggleSorting","clearSorting","chromeKnobProps","pointerEvents"],"sources":["../../../../src/components/DataTable/DataTableCardControls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}