@multiplatform.one/table 7.7.6 → 7.8.0

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

@@ -1,12 +1,12 @@
 import { FunnelIcon } from "@phosphor-icons/react";
 import { Button } from "@multiplatform.one/forms";
-import { MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
-import { useState } from "react";
+import { ensureCompositeFocusRing, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useAccentOnSurface, useResolvedKnobs, useGlyphColor } from "@multiplatform.one/theme";
+import { useId, useRef, useState } from "react";
 import { Tooltip } from "@multiplatform.one/components";
-import { Popover, Text, View, XStack, YStack } from "tamagui";
+import { Popover, Text, View, XStack, YStack, isWeb } from "tamagui";
 import { t } from "../../shared/t.mjs";
 import { iconSizeForToken } from "../../utils/chromeIcons.mjs";
-import { operatorNeedsNoValue } from "../../utils/filterFields.mjs";
+import { defaultOperatorForFilterType, operatorNeedsNoValue } from "../../utils/filterFields.mjs";
 import { FilterOperatorValueEditor } from "../FilterOperatorValueEditor/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const FILTER_TRIGGER_VISUAL = 22;
@@ -15,7 +15,7 @@ function ColumnHeaderFilter({
   columnId: _columnId,
   columnLabel,
   columnType,
-  filterValue: _filterValue,
+  filterValue,
   onFilterChange,
   options,
   isFiltered
@@ -23,10 +23,24 @@ function ColumnHeaderFilter({
   const {
     knobProps
   } = useResolvedKnobs();
+  const idleColor = useGlyphColor("$color11");
+  const activeColor = useAccentOnSurface();
+  const glyphColor = isFiltered ? activeColor : idleColor;
+  const popoverScope = useId();
+  const triggerRef = useRef(null);
+  const returnFocusRef = useRef(true);
+  ensureCompositeFocusRing();
   const iconPx = iconSizeForToken(String(knobProps.sizeToken));
   const [open, setOpen] = useState(false);
-  const [operator, setOperator] = useState("contains");
+  const [operator, setOperator] = useState(() => defaultOperatorForFilterType(columnType));
   const [value, setValue] = useState("");
+  const handleOpenChange = next => {
+    if (next && !open) {
+      setOperator(filterValue?.operator ?? defaultOperatorForFilterType(columnType));
+      setValue(filterValue?.value == null ? "" : String(filterValue.value));
+    }
+    setOpen(next);
+  };
   const handleApply = () => {
     if (operatorNeedsNoValue(operator)) {
       onFilterChange({
@@ -43,54 +57,76 @@ function ColumnHeaderFilter({
   };
   const handleClear = () => {
     setValue("");
-    setOperator("contains");
+    setOperator(defaultOperatorForFilterType(columnType));
     onFilterChange(void 0);
   };
   return /* @__PURE__ */jsxs(Popover, {
+    scope: popoverScope,
     open,
-    onOpenChange: setOpen,
-    children: [/* @__PURE__ */jsx(Tooltip, {
-      content: isFiltered ? t("Edit filter") : t("Filter this column"),
-      children: /* @__PURE__ */jsx(Popover.Trigger, {
-        asChild: true,
-        children: /* @__PURE__ */jsx(View, {
-          cursor: "pointer",
-          ...pressTargetStyle(),
-          alignItems: "center",
-          justifyContent: "center",
-          marginVertical: -FILTER_TRIGGER_OUTSET,
-          marginHorizontal: -FILTER_TRIGGER_OUTSET,
-          hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
-          opacity: isFiltered ? 1 : 0.7,
-          hoverStyle: {
-            opacity: 1
-          },
-          pressStyle: {
-            opacity: 0.9
-          },
-          onPress: e => {
-            e.stopPropagation();
-            setOpen(true);
-          },
-          role: "button",
-          "aria-label": `Filter column ${columnLabel}`,
+    onOpenChange: handleOpenChange,
+    disableFocus: true,
+    children: [/* @__PURE__ */jsx(Popover.Anchor, {
+      children: /* @__PURE__ */jsx(Tooltip, {
+        content: isFiltered ? t("Edit filter") : t("Filter this column"),
+        children: /* @__PURE__ */jsx(Popover.Trigger, {
+          scope: popoverScope,
+          asChild: true,
           children: /* @__PURE__ */jsx(View, {
-            padding: "$1",
-            borderRadius: "$2",
+            ref: triggerRef,
+            cursor: "pointer",
+            ...pressTargetStyle(),
             alignItems: "center",
             justifyContent: "center",
-            hoverStyle: {
-              backgroundColor: "$color4"
+            marginVertical: -FILTER_TRIGGER_OUTSET,
+            marginHorizontal: -FILTER_TRIGGER_OUTSET,
+            hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
+            className: "mp-chip-dismiss",
+            tabIndex: 0,
+            onKeyDown: event => {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              event.stopPropagation();
+              handleOpenChange(true);
+            },
+            onPress: e => {
+              e.stopPropagation();
+              handleOpenChange(true);
             },
-            children: /* @__PURE__ */jsx(FunnelIcon, {
-              size: iconPx,
-              color: isFiltered ? "var(--accentColor)" : "var(--color10)",
-              weight: isFiltered ? "fill" : "regular"
+            role: "button",
+            "aria-label": `Filter column ${columnLabel}`,
+            children: /* @__PURE__ */jsx(View, {
+              className: "mp-chip-dismiss-ring",
+              padding: "$1",
+              borderRadius: "$2",
+              alignItems: "center",
+              justifyContent: "center",
+              hoverStyle: {
+                backgroundColor: "$color4"
+              },
+              pressStyle: {
+                backgroundColor: "$color5"
+              },
+              children: /* @__PURE__ */jsx(FunnelIcon, {
+                size: iconPx,
+                color: glyphColor,
+                weight: isFiltered ? "fill" : "regular"
+              })
             })
           })
         })
       })
     }), /* @__PURE__ */jsxs(Popover.Content, {
+      scope: popoverScope,
+      onPointerDownOutside: () => {
+        returnFocusRef.current = false;
+      },
+      onCloseAutoFocus: event => {
+        event.preventDefault();
+        if (isWeb && returnFocusRef.current) {
+          triggerRef.current?.focus();
+        }
+        returnFocusRef.current = true;
+      },
       ...knobProps.elevatedSurface,
       ...knobProps.panelPadding,
       minWidth: 240,
@@ -104,6 +140,7 @@ function ColumnHeaderFilter({
         opacity: 0
       },
       children: [/* @__PURE__ */jsx(Popover.Arrow, {
+        scope: popoverScope,
         borderColor: "$borderColor",
         backgroundColor: "$color1"
       }), /* @__PURE__ */jsxs(YStack, {
@@ -127,7 +164,6 @@ function ColumnHeaderFilter({
           justifyContent: "flex-end",
           children: [isFiltered && /* @__PURE__ */jsx(Button, {
             size: knobProps.sizeToken,
-            variant: "outlined",
             onPress: handleClear,
             children: t("Clear")
           }), /* @__PURE__ */jsx(Button, {

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

@@ -1 +1 @@
-{"version":3,"names":["FunnelIcon","Button","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useState","Tooltip","Popover","Text","View","XStack","YStack","t","iconSizeForToken","operatorNeedsNoValue","FilterOperatorValueEditor","jsx","jsxs","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleApply","handleClear","onOpenChange","children","content","Trigger","asChild","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","size","color","weight","Content","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","exitStyle","Arrow","borderColor","gap","label","fontWeight","column","fieldType","onOperatorChange","onValueChange","variant"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FunnelIcon","Button","ensureCompositeFocusRing","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useAccentOnSurface","useResolvedKnobs","useGlyphColor","useId","useRef","useState","Tooltip","Popover","Text","View","XStack","YStack","isWeb","t","iconSizeForToken","defaultOperatorForFilterType","operatorNeedsNoValue","FilterOperatorValueEditor","jsx","jsxs","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","onFilterChange","options","isFiltered","knobProps","idleColor","activeColor","glyphColor","popoverScope","triggerRef","returnFocusRef","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleOpenChange","next","handleApply","handleClear","scope","onOpenChange","disableFocus","children","Anchor","content","Trigger","asChild","ref","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","className","tabIndex","onKeyDown","event","key","preventDefault","stopPropagation","onPress","e","role","padding","borderRadius","hoverStyle","backgroundColor","pressStyle","size","color","weight","Content","onPointerDownOutside","current","onCloseAutoFocus","focus","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","opacity","exitStyle","Arrow","borderColor","gap","label","fontWeight","column","fieldType","onOperatorChange","onValueChange"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,UAAA,QAAkB;AAC3B,SAASC,MAAA,QAAc;AACvB,SACEC,wBAAA,EACAC,gBAAA,EACAC,kBAAA,EACAC,gBAAA,EACAC,kBAAA,EACAC,gBAAA,EACAC,aAAA,QACK;AACP,SAASC,KAAA,EAAOC,MAAA,EAAQC,QAAA,QAAgB;AACxC,SAASC,OAAA,QAAe;AACxB,SAASC,OAAA,EAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAkC;AAChF,SAASC,CAAA,QAAS;AAElB,SAASC,gBAAA,QAAwB;AACjC,SAASC,4BAAA,EAA8BC,oBAAA,QAA4B;AACnE,SAASC,yBAAA,QAAiC;AA6I1B,SAAAC,GAAA,EAgDNC,IAAA,QAhDM;AAlHhB,MAAMC,qBAAA,GAAwB;AAC9B,MAAMC,qBAAA,GAAwBC,IAAA,CAAKC,GAAA,CACjC,GACAD,IAAA,CAAKE,IAAA,EAAM3B,gBAAA,GAAmBuB,qBAAA,IAAyB,CAAC,CAC1D;AAEO,SAASK,mBAAmB;EACjCC,QAAA,EAAUC,SAAA;EACVC,WAAA;EACAC,UAAA;EACAC,WAAA;EACAC,cAAA;EACAC,OAAA;EACAC;AACF,GAA4B;EAC1B,MAAM;IAAEC;EAAU,IAAIjC,gBAAA,CAAiB;EACvC,MAAMkC,SAAA,GAAYjC,aAAA,CAAc,UAAU;EAC1C,MAAMkC,WAAA,GAAcpC,kBAAA,CAAmB;EACvC,MAAMqC,UAAA,GAAaJ,UAAA,GAAaG,WAAA,GAAcD,SAAA;EAG9C,MAAMG,YAAA,GAAenC,KAAA,CAAM;EAC3B,MAAMoC,UAAA,GAAanC,MAAA,CAA8B,IAAI;EACrD,MAAMoC,cAAA,GAAiBpC,MAAA,CAAO,IAAI;EAClCR,wBAAA,CAAyB;EACzB,MAAM6C,MAAA,GAAS3B,gBAAA,CAAiB4B,MAAA,CAAOR,SAAA,CAAUS,SAAS,CAAC;EAC3D,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIxC,QAAA,CAAS,KAAK;EACtC,MAAM,CAACyC,QAAA,EAAUC,WAAW,IAAI1C,QAAA,CAAyB,MACvDU,4BAAA,CAA6Bc,UAAU,CACzC;EACA,MAAM,CAACmB,KAAA,EAAOC,QAAQ,IAAI5C,QAAA,CAAiB,EAAE;EAE7C,MAAM6C,gBAAA,GAAoBC,IAAA,IAAkB;IAG1C,IAAIA,IAAA,IAAQ,CAACP,IAAA,EAAM;MACjBG,WAAA,CAAYjB,WAAA,EAAagB,QAAA,IAAY/B,4BAAA,CAA6Bc,UAAU,CAAC;MAC7EoB,QAAA,CAASnB,WAAA,EAAakB,KAAA,IAAS,OAAO,KAAKN,MAAA,CAAOZ,WAAA,CAAYkB,KAAK,CAAC;IACtE;IACAH,OAAA,CAAQM,IAAI;EACd;EAIA,MAAMC,WAAA,GAAcA,CAAA,KAAM;IACxB,IAAIpC,oBAAA,CAAqB8B,QAAQ,GAAG;MAClCf,cAAA,CAAe;QAAEe,QAAA;QAAUE,KAAA,EAAO;MAAK,CAAC;IAC1C,OAAO;MACLjB,cAAA,CAAe;QAAEe,QAAA;QAAUE;MAAM,CAAC;IACpC;IACAH,OAAA,CAAQ,KAAK;EACf;EAKA,MAAMQ,WAAA,GAAcA,CAAA,KAAM;IACxBJ,QAAA,CAAS,EAAE;IACXF,WAAA,CAAYhC,4BAAA,CAA6Bc,UAAU,CAAC;IACpDE,cAAA,CAAe,MAAS;EAC1B;EAEA,OACE,eAAAZ,IAAA,CAACZ,OAAA;IAAQ+C,KAAA,EAAOhB,YAAA;IAAcM,IAAA;IAAYW,YAAA,EAAcL,gBAAA;IAAkBM,YAAA,EAAY;IAIpFC,QAAA,kBAAAvC,GAAA,CAACX,OAAA,CAAQmD,MAAA,EAAR;MACCD,QAAA,iBAAAvC,GAAA,CAACZ,OAAA;QAAQqD,OAAA,EAAS1B,UAAA,GAAapB,CAAA,CAAE,aAAa,IAAIA,CAAA,CAAE,oBAAoB;QACtE4C,QAAA,iBAAAvC,GAAA,CAACX,OAAA,CAAQqD,OAAA,EAAR;UAAgBN,KAAA,EAAOhB,YAAA;UAAcuB,OAAA,EAAO;UAO3CJ,QAAA,iBAAAvC,GAAA,CAACT,IAAA;YACCqD,GAAA,EAAKvB,UAAA;YACLwB,MAAA,EAAO;YACN,GAAGhE,gBAAA,CAAiB;YACrBiE,UAAA,EAAW;YACXC,cAAA,EAAe;YACfC,cAAA,EAAgB,CAAC7C,qBAAA;YACjB8C,gBAAA,EAAkB,CAAC9C,qBAAA;YACnB+C,OAAA,EAAStE,kBAAA,CAAmBsB,qBAAqB;YAIjDiD,SAAA,EAAU;YACVC,QAAA,EAAU;YACVC,SAAA,EACIC,KAAA,IAA6E;cAC7E,IAAIA,KAAA,CAAMC,GAAA,KAAQ,WAAWD,KAAA,CAAMC,GAAA,KAAQ,KAAK;cAChDD,KAAA,CAAME,cAAA,CAAe;cACrBF,KAAA,CAAMG,eAAA,CAAgB;cACtBzB,gBAAA,CAAiB,IAAI;YACvB;YAEF0B,OAAA,EAAUC,CAAA,IAAM;cACdA,CAAA,CAAEF,eAAA,CAAgB;cAClBzB,gBAAA,CAAiB,IAAI;YACvB;YACA4B,IAAA,EAAK;YACL,cAAY,iBAAiBlD,WAAW;YAExC6B,QAAA,iBAAAvC,GAAA,CAACT,IAAA;cACC4D,SAAA,EAAU;cACVU,OAAA,EAAQ;cACRC,YAAA,EAAa;cACbhB,UAAA,EAAW;cACXC,cAAA,EAAe;cACfgB,UAAA,EAAY;gBAAEC,eAAA,EAAiB;cAAU;cACzCC,UAAA,EAAY;gBAAED,eAAA,EAAiB;cAAU;cAEzCzB,QAAA,iBAAAvC,GAAA,CAACxB,UAAA;gBACC0F,IAAA,EAAM3C,MAAA;gBACN4C,KAAA,EAAOhD,UAAA;gBACPiD,MAAA,EAAQrD,UAAA,GAAa,SAAS;cAAA,CAChC;YAAA,CACF;UAAA,CACF;QAAA,CACF;MAAA,CACF;IAAA,CACF,GAEA,eAAAd,IAAA,CAACZ,OAAA,CAAQgF,OAAA,EAAR;MACCjC,KAAA,EAAOhB,YAAA;MACPkD,oBAAA,EAAsBA,CAAA,KAAM;QAC1BhD,cAAA,CAAeiD,OAAA,GAAU;MAC3B;MACAC,gBAAA,EAAmBlB,KAAA,IAAU;QAC3BA,KAAA,CAAME,cAAA,CAAe;QACrB,IAAI9D,KAAA,IAAS4B,cAAA,CAAeiD,OAAA,EAAS;UAClClD,UAAA,CAAWkD,OAAA,EAAgCE,KAAA,CAAM;QACpD;QACAnD,cAAA,CAAeiD,OAAA,GAAU;MAC3B;MACC,GAAGvD,SAAA,CAAU0D,eAAA;MACb,GAAG1D,SAAA,CAAU2D,YAAA;MACdC,QAAA,EAAU;MACVC,UAAA,EAAY7D,SAAA,CAAU6D,UAAA;MACtBC,UAAA,EAAY;QAAEC,CAAA,EAAG;QAAIC,OAAA,EAAS;MAAE;MAChCC,SAAA,EAAW;QAAEF,CAAA,EAAG;QAAIC,OAAA,EAAS;MAAE;MAE/BzC,QAAA,kBAAAvC,GAAA,CAACX,OAAA,CAAQ6F,KAAA,EAAR;QAAc9C,KAAA,EAAOhB,YAAA;QAAc+D,WAAA,EAAY;QAAenB,eAAA,EAAgB;MAAA,CAAU,GAEzF,eAAA/D,IAAA,CAACR,MAAA;QAAQ,GAAGuB,SAAA,CAAUoE,GAAA;QACpB7C,QAAA,kBAAAvC,GAAA,CAACV,IAAA;UAAM,GAAG0B,SAAA,CAAUqE,KAAA;UAAOC,UAAA,EAAW;UAAMnB,KAAA,EAAM;UAC/C5B,QAAA,EAAA5C,CAAA,CAAE,sBAAsB;YAAE4F,MAAA,EAAQ7E;UAAY,CAAC;QAAA,CAClD,GAGA,eAAAV,GAAA,CAACD,yBAAA;UACCyF,SAAA,EAAW7E,UAAA;UACXiB,QAAA;UACAE,KAAA;UACA2D,gBAAA,EAAkB5D,WAAA;UAClB6D,aAAA,EAAe3D,QAAA;UACfjB;QAAA,CACF,GAGA,eAAAb,IAAA,CAACT,MAAA;UAAQ,GAAGwB,SAAA,CAAUoE,GAAA;UAAKrC,cAAA,EAAe;UACvCR,QAAA,GAAAxB,UAAA,IACC,eAAAf,GAAA,CAACvB,MAAA;YAAOyF,IAAA,EAAMlD,SAAA,CAAUS,SAAA;YAAWiC,OAAA,EAASvB,WAAA;YACzCI,QAAA,EAAA5C,CAAA,CAAE,OAAO;UAAA,CACZ,GAEF,eAAAK,GAAA,CAACvB,MAAA;YAAOyF,IAAA,EAAMlD,SAAA,CAAUS,SAAA;YAAWiC,OAAA,EAASxB,WAAA;YACzCK,QAAA,EAAA5C,CAAA,CAAE,OAAO;UAAA,CACZ;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FunnelIcon } from "@phosphor-icons/react";
 import { Button } from "@multiplatform.one/forms";
-import { MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useResolvedKnobs } from "@multiplatform.one/theme";
-import { useState } from "react";
+import { ensureCompositeFocusRing, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useAccentOnSurface, useResolvedKnobs, useGlyphColor } from "@multiplatform.one/theme";
+import { useId, useRef, useState } from "react";
 import { Tooltip } from "@multiplatform.one/components";
-import { Popover, Text, View, XStack, YStack } from "tamagui";
+import { Popover, Text, View, XStack, YStack, isWeb } from "tamagui";
 import { t } from "../../shared/t.native.js";
 import { iconSizeForToken } from "../../utils/chromeIcons.native.js";
-import { operatorNeedsNoValue } from "../../utils/filterFields.native.js";
+import { defaultOperatorForFilterType, operatorNeedsNoValue } from "../../utils/filterFields.native.js";
 import { FilterOperatorValueEditor } from "../FilterOperatorValueEditor/index.native.js";
 var FILTER_TRIGGER_VISUAL = 22;
 var FILTER_TRIGGER_OUTSET = Math.max(0, Math.ceil((MIN_PRESS_TARGET - FILTER_TRIGGER_VISUAL) / 2));
@@ -16,7 +16,7 @@ function ColumnHeaderFilter(param) {
     columnId: _columnId,
     columnLabel,
     columnType,
-    filterValue: _filterValue,
+    filterValue,
     onFilterChange,
     options,
     isFiltered
@@ -24,10 +24,27 @@ function ColumnHeaderFilter(param) {
   var {
     knobProps
   } = useResolvedKnobs();
+  var idleColor = useGlyphColor("$color11");
+  var activeColor = useAccentOnSurface();
+  var glyphColor = isFiltered ? activeColor : idleColor;
+  var popoverScope = useId();
+  var triggerRef = useRef(null);
+  var returnFocusRef = useRef(true);
+  ensureCompositeFocusRing();
   var iconPx = iconSizeForToken(String(knobProps.sizeToken));
   var [open, setOpen] = useState(false);
-  var [operator, setOperator] = useState("contains");
+  var [operator, setOperator] = useState(function () {
+    return defaultOperatorForFilterType(columnType);
+  });
   var [value, setValue] = useState("");
+  var handleOpenChange = function handleOpenChange2(next) {
+    if (next && !open) {
+      var _ref;
+      setOperator((_ref = filterValue === null || filterValue === void 0 ? void 0 : filterValue.operator) !== null && _ref !== void 0 ? _ref : defaultOperatorForFilterType(columnType));
+      setValue((filterValue === null || filterValue === void 0 ? void 0 : filterValue.value) == null ? "" : String(filterValue.value));
+    }
+    setOpen(next);
+  };
   var handleApply = function handleApply2() {
     if (operatorNeedsNoValue(operator)) {
       onFilterChange({
@@ -44,64 +61,93 @@ function ColumnHeaderFilter(param) {
   };
   var handleClear = function handleClear2() {
     setValue("");
-    setOperator("contains");
+    setOperator(defaultOperatorForFilterType(columnType));
     onFilterChange(void 0);
   };
   return /* @__PURE__ */_jsxs(Popover, {
+    scope: popoverScope,
     open,
-    onOpenChange: setOpen,
-    children: [/* @__PURE__ */_jsx(Tooltip, {
-      content: isFiltered ? t("Edit filter") : t("Filter this column"),
-      children: /* @__PURE__ */_jsx(Popover.Trigger, {
-        asChild: true,
-        children: (
-        /* LC-54 amendment (2026-08-13): the grown press target NEVER
-        paints — hover/press fills on this box spread across the full
-        44px floor and bled into the neighboring header rows via the
-        negative outsets. Floor-wide feedback is subtree opacity; the
-        painted hover chrome rides the glyph-scale ring inside
-        (Chip dismiss anatomy). */
-        /* @__PURE__ */
-        _jsx(View, {
-          cursor: "pointer",
-          ...pressTargetStyle(),
-          alignItems: "center",
-          justifyContent: "center",
-          marginVertical: -FILTER_TRIGGER_OUTSET,
-          marginHorizontal: -FILTER_TRIGGER_OUTSET,
-          hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
-          // Axiom 6 HONEST STATE: an applied filter is an active signal —
-          // it keeps full strength; only the idle affordance rests dimmed.
-          opacity: isFiltered ? 1 : 0.7,
-          hoverStyle: {
-            opacity: 1
-          },
-          pressStyle: {
-            opacity: 0.9
-          },
-          onPress: function onPress(e) {
-            e.stopPropagation();
-            setOpen(true);
-          },
-          role: "button",
-          "aria-label": `Filter column ${columnLabel}`,
-          children: /* @__PURE__ */_jsx(View, {
-            padding: "$1",
-            borderRadius: "$2",
+    onOpenChange: handleOpenChange,
+    disableFocus: true,
+    children: [
+    /* Inherit the nearest Popover before entering Tooltip. An explicit
+    scope makes Tamagui register web anchors only on mouse hover,
+    leaving keyboard opens without a reference. */
+    /* @__PURE__ */
+    _jsx(Popover.Anchor, {
+      children: /* @__PURE__ */_jsx(Tooltip, {
+        content: isFiltered ? t("Edit filter") : t("Filter this column"),
+        children: /* @__PURE__ */_jsx(Popover.Trigger, {
+          scope: popoverScope,
+          asChild: true,
+          children: (
+          /* LC-54 amendment (2026-08-13): the grown press target NEVER
+          paints — hover/press fills on this box spread across the full
+          44px floor and bled into the neighboring header rows via the
+          negative outsets. Painted hover and keyboard focus feedback
+          ride the glyph-scale ring inside
+          (Chip dismiss anatomy). */
+          /* @__PURE__ */
+          _jsx(View, {
+            ref: triggerRef,
+            cursor: "pointer",
+            ...pressTargetStyle(),
             alignItems: "center",
             justifyContent: "center",
-            hoverStyle: {
-              backgroundColor: "$color4"
+            marginVertical: -FILTER_TRIGGER_OUTSET,
+            marginHorizontal: -FILTER_TRIGGER_OUTSET,
+            hitSlop: pressTargetHitSlop(FILTER_TRIGGER_VISUAL),
+            // Enabled glyphs keep readable ink; hue and weight distinguish
+            // an applied filter from the secondary-color idle affordance.
+            // Shared unpainted press-floor / painted glyph-ring anatomy.
+            className: "mp-chip-dismiss",
+            tabIndex: 0,
+            onKeyDown: function onKeyDown(event) {
+              if (event.key !== "Enter" && event.key !== " ") return;
+              event.preventDefault();
+              event.stopPropagation();
+              handleOpenChange(true);
+            },
+            onPress: function onPress(e) {
+              e.stopPropagation();
+              handleOpenChange(true);
             },
-            children: /* @__PURE__ */_jsx(FunnelIcon, {
-              size: iconPx,
-              color: isFiltered ? "var(--accentColor)" : "var(--color10)",
-              weight: isFiltered ? "fill" : "regular"
+            role: "button",
+            "aria-label": `Filter column ${columnLabel}`,
+            children: /* @__PURE__ */_jsx(View, {
+              className: "mp-chip-dismiss-ring",
+              padding: "$1",
+              borderRadius: "$2",
+              alignItems: "center",
+              justifyContent: "center",
+              hoverStyle: {
+                backgroundColor: "$color4"
+              },
+              pressStyle: {
+                backgroundColor: "$color5"
+              },
+              children: /* @__PURE__ */_jsx(FunnelIcon, {
+                size: iconPx,
+                color: glyphColor,
+                weight: isFiltered ? "fill" : "regular"
+              })
             })
-          })
-        }))
+          }))
+        })
       })
     }), /* @__PURE__ */_jsxs(Popover.Content, {
+      scope: popoverScope,
+      onPointerDownOutside: function onPointerDownOutside() {
+        returnFocusRef.current = false;
+      },
+      onCloseAutoFocus: function onCloseAutoFocus(event) {
+        event.preventDefault();
+        if (isWeb && returnFocusRef.current) {
+          var _triggerRef_current;
+          (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
+        }
+        returnFocusRef.current = true;
+      },
       ...knobProps.elevatedSurface,
       ...knobProps.panelPadding,
       minWidth: 240,
@@ -115,6 +161,7 @@ function ColumnHeaderFilter(param) {
         opacity: 0
       },
       children: [/* @__PURE__ */_jsx(Popover.Arrow, {
+        scope: popoverScope,
         borderColor: "$borderColor",
         backgroundColor: "$color1"
       }), /* @__PURE__ */_jsxs(YStack, {
@@ -140,7 +187,6 @@ function ColumnHeaderFilter(param) {
           justifyContent: "flex-end",
           children: [isFiltered && /* @__PURE__ */_jsx(Button, {
             size: knobProps.sizeToken,
-            variant: "outlined",
             onPress: handleClear,
             children: t("Clear")
           }), /* @__PURE__ */_jsx(Button, {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FunnelIcon","Button","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useResolvedKnobs","useState","Tooltip","Popover","Text","View","XStack","YStack","t","iconSizeForToken","operatorNeedsNoValue","FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","param","columnId","_columnId","columnLabel","columnType","filterValue","_filterValue","onFilterChange","options","isFiltered","knobProps","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleApply","handleApply2","handleClear","handleClear2","onOpenChange","children","content","Trigger","asChild","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","opacity","hoverStyle","pressStyle","onPress","e","stopPropagation","role","padding","borderRadius","backgroundColor","size","color","weight","Content","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","exitStyle","Arrow","borderColor","gap","label","fontWeight","column"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FunnelIcon","Button","ensureCompositeFocusRing","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useAccentOnSurface","useResolvedKnobs","useGlyphColor","useId","useRef","useState","Tooltip","Popover","Text","View","XStack","YStack","isWeb","t","iconSizeForToken","defaultOperatorForFilterType","operatorNeedsNoValue","FilterOperatorValueEditor","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","param","columnId","_columnId","columnLabel","columnType","filterValue","onFilterChange","options","isFiltered","knobProps","idleColor","activeColor","glyphColor","popoverScope","triggerRef","returnFocusRef","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleOpenChange","handleOpenChange2","next","_ref","handleApply","handleApply2","handleClear","handleClear2","scope","onOpenChange","disableFocus","children","Anchor","content","Trigger","asChild","ref","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","className","tabIndex","onKeyDown","event","key","preventDefault","stopPropagation","onPress","e","role","padding","borderRadius","hoverStyle","backgroundColor","pressStyle","size","color","weight","Content","onPointerDownOutside","current","onCloseAutoFocus","_triggerRef_current","focus","elevatedSurface","panelPadding","minWidth","transition","enterStyle","y","opacity","exitStyle","Arrow","borderColor","gap"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -54,7 +54,6 @@ function DataTableCardControls({
         asChild: true,
         children: /* @__PURE__ */jsx(Button, {
           size: knobProps.sizeToken,
-          variant: "outlined",
           icon: /* @__PURE__ */jsx(CaretUpDownIcon, {
             size: chrome.iconPx
           }),

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

@@ -1 +1 @@
-{"version":3,"names":["CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","dataTableChrome","jsx","jsxs","getColumnLabel","column","columnDef","header","id","DataTableCardControls","table","enableSorting","enableFiltering","availableColumns","compact","disabled","t","knobProps","disabledState","component","chrome","String","sizeToken","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","variant","icon","iconPx","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":[]}
+{"version":3,"names":["CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","dataTableChrome","jsx","jsxs","getColumnLabel","column","columnDef","header","id","DataTableCardControls","table","enableSorting","enableFiltering","availableColumns","compact","disabled","t","knobProps","disabledState","component","chrome","String","sizeToken","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","icon","iconPx","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":[]}

package/dist/esm/components/DataTable/DataTableCardControls.native.js

@@ -58,7 +58,6 @@ function DataTableCardControls(param) {
         asChild: true,
         children: /* @__PURE__ */_jsx(Button, {
           size: knobProps.sizeToken,
-          variant: "outlined",
           icon: /* @__PURE__ */_jsx(CaretUpDownIcon, {
             size: chrome.iconPx
           }),

package/dist/esm/components/DataTable/DataTableCardControls.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","dataTableChrome","getColumnLabel","column","columnDef","header","id","DataTableCardControls","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","knobProps","disabledState","component","chrome","String","sizeToken","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","variant","icon","iconPx","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":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CaretDownIcon","CaretUpDownIcon","DropdownMenu","Button","useResolvedKnobs","useState","View","XStack","useTranslation","withInterp","DataTableFilters","dataTableChrome","getColumnLabel","column","columnDef","header","id","DataTableCardControls","param","table","enableSorting","enableFiltering","availableColumns","compact","disabled","_table_getState_sorting","t","knobProps","disabledState","component","chrome","String","sizeToken","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","icon","iconPx","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":[]}

package/dist/esm/components/DataTable/DataTableRoot.mjs

@@ -26,6 +26,7 @@ import { DataTableDocumentList } from "./DataTableDocumentList.mjs";
 import { DataTableVirtualized } from "./DataTableVirtualized.mjs";
 import { dataTableChrome, resolveDataTableIntent, rowIntentProps } from "./dataTableChrome.mjs";
 import { tableCellKeyboardProps, tableRowStateProps } from "./rowStateChrome.mjs";
+import { warnColumnWidthIgnored } from "../../shared/devWarn.mjs";
 import { alignToFlex, getDefaultColumnAlign } from "../../utils/columnAlign.mjs";
 import { mapFieldToFilterType } from "../../utils/filterFields.mjs";
 import { INFINITE_TRIGGER_ROWS } from "../../utils/paginationDefaults.mjs";
@@ -67,6 +68,7 @@ function DataTableRoot({
   pageSizeOptions,
   paginationMode = "pages",
   loadPage,
+  rowAccumulator,
   enableColumnVisibility = true,
   enableColumnOrdering = false,
   enableColumnResizing = false,
@@ -118,6 +120,11 @@ function DataTableRoot({
   "aria-describedby": ariaDescribedBy,
   ...props
 }) {
+  warnColumnWidthIgnored({
+    columnLayout,
+    enableColumnResizing,
+    columns
+  });
   const {
     t
   } = useTranslation();
@@ -178,6 +185,7 @@ function DataTableRoot({
     enablePagination,
     paginationMode,
     loadPage,
+    rowAccumulator,
     enableColumnVisibility,
     enableColumnOrdering,
     enableColumnResizing,
@@ -1182,16 +1190,16 @@ function DataTableRoot({
                                 role: "presentation",
                                 children: [sortDirection === "asc" && /* @__PURE__ */jsx(CaretDownIcon, {
                                   size: chrome.iconPx,
-                                  color: sortDirection ? "var(--color10)" : "var(--color8)"
+                                  color: "var(--color11)"
                                 }), sortDirection === "desc" && /* @__PURE__ */jsx(CaretDownIcon, {
                                   size: chrome.iconPx,
-                                  color: sortDirection ? "var(--color10)" : "var(--color8)",
+                                  color: "var(--color11)",
                                   style: {
                                     transform: "rotate(180deg)"
                                   }
                                 }), sortDirection === false && /* @__PURE__ */jsx(CaretUpDownIcon, {
                                   size: chrome.iconPx,
-                                  color: "$color8"
+                                  color: "var(--color11)"
                                 })]
                               })
                             })]
@@ -1452,9 +1460,28 @@ function DataTableRoot({
                 })]
               }), hasFooter && /* @__PURE__ */jsx(Table.Foot, {
                 children: footerGroups.map(footerGroup => /* @__PURE__ */jsx(Table.Row, {
-                  children: footerGroup.headers.map(header => /* @__PURE__ */jsx(Table.Cell, {
-                    children: header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext())
-                  }, header.id))
+                  children: footerGroup.headers.map(header => {
+                    const columnAlign = resolveColumnAlign({
+                      ...header.column.columnDef,
+                      id: header.column.id
+                    });
+                    return /* @__PURE__ */jsx(Table.Cell, {
+                      justifyContent: alignToFlex(columnAlign),
+                      "data-align": columnAlign,
+                      children: header.isPlaceholder ? null : /* @__PURE__ */jsx(View, {
+                        width: "100%",
+                        minWidth: 0,
+                        flexDirection: "row",
+                        alignItems: "center",
+                        justifyContent: alignToFlex(columnAlign),
+                        "data-cell-align": columnAlign,
+                        style: isWeb ? {
+                          textAlign: columnAlign
+                        } : void 0,
+                        children: flexRender(header.column.columnDef.footer, header.getContext())
+                      })
+                    }, header.id);
+                  })
                 }, footerGroup.id))
               })]
             })