@multiplatform.one/table 7.11.0 → 7.16.0

package/dist/cjs/utils/rowPress.native.js

@@ -39,7 +39,10 @@ function _instanceof(left, right) {
 var INTERACTIVE_SELECTOR = ["a[href]", "button", "input", "select", "textarea", "label", '[contenteditable="true"]', '[role="button"]', '[role="checkbox"]', '[role="combobox"]', '[role="link"]', '[role="menuitem"]', '[role="option"]', '[role="radio"]', '[role="slider"]', '[role="spinbutton"]', '[role="switch"]', '[role="textbox"]',
 // Expand/collapse toggles (the row-expansion caret) predate a role — the
 // expanded-state attribute is their detectable interactivity signal.
-"[aria-expanded]"].join(", ");
+"[aria-expanded]",
+// A cell editor's floating panel is portaled out of the row (MPO-335), and
+// React still bubbles its presses to the row: all of it is inner control.
+"[data-fp-portal]"].join(", ");
 function isInteractiveInnerTarget(target, boundary) {
   if (typeof Element === "undefined") return false;
   if (!_instanceof(target, Element)) return false;

package/dist/cjs/utils/rowPress.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","rowPress_exports","__export","isInteractiveInnerTarget","module","exports","_instanceof","left","right","Symbol","hasInstance","INTERACTIVE_SELECTOR","join","target","boundary","Element","boundaryEl"],"sources":["../../../src/utils/rowPress.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,wBAAA,EAAAA,CAAA,KAAAA;AAAA;AAaAC,MAAM,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,gBAAA;AAAA,SAC3BK,YAAAC,IAAA,EAAAC,KAAA;EACA;;EACA,IAAAA,KAAA,mBAAAC,MAAA,oBAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IACA,SAAAF,KAAA,CAAAC,MAAA,CAAAC,WAAA,EAAAH,IAAA;EACA;IACA,OAAAA,IAAA,YAAAC,KAAA;EACA;AAAA;AACA,IACAG,oBAAA,IACA,WACA,UACA,SACA,UACA,YACA,SACA,4BACA,mBACA,2DAGA,qBACA,iBAAS,EAQJ,gBAAS,EACd,iBAAW,EACX,qBAAM,EACN,iBAAM,EACN,kBAA2B;AAC3B;AACE;AACA,iBAAM,CAGN,CAAAC,IAAA,KAAI;AACJ,SAAAT,wBAAYA,CAAAU,MAAA,EAAAC,QAAA;EACd,WAAAC,OAAA;EACA,KAAAT,WAAO,CAAAO,MAAA,EAAAE,OAAA;EACT,IAAAC,UAAA,GAAAV,WAAA,CAAAQ,QAAA,EAAAC,OAAA,IAAAD,QAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","rowPress_exports","__export","isInteractiveInnerTarget","module","exports","_instanceof","left","right","Symbol","hasInstance","INTERACTIVE_SELECTOR","join","target","boundary","Element","boundaryEl"],"sources":["../../../src/utils/rowPress.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,wBAAA,EAAAA,CAAA,KAAAA;AAAA;AAaAC,MAAM,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,gBAAA;AAAA,SAC3BK,YAAAC,IAAA,EAAAC,KAAA;EACA;;EACA,IAAAA,KAAA,mBAAAC,MAAA,oBAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IACA,SAAAF,KAAA,CAAAC,MAAA,CAAAC,WAAA,EAAAH,IAAA;EACA;IACA,OAAAA,IAAA,YAAAC,KAAA;EACA;AAAA;AACA,IACAG,oBAAA,IACA,WACA,UACA,SACA,UACA,YACA,SACA,4BACA,mBACA,2DAGA,0DAGA,mBACA,qBAAS,EAQJ,iBAAS,EACd,kBAAW;AACX;AACA;AACA,iBAA2B;AAC3B;AACE;AACA,kBAAM,CAGN,CAAAC,IAAA,KAAI;AACJ,SAAAT,wBAAYA,CAAAU,MAAA,EAAAC,QAAA;EACd,WAAAC,OAAA;EACA,KAAAT,WAAO,CAAAO,MAAA,EAAAE,OAAA;EACT,IAAAC,UAAA,GAAAV,WAAA,CAAAQ,QAAA,EAAAC,OAAA,IAAAD,QAAA","ignoreList":[]}

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

@@ -38,7 +38,10 @@ function ChildTable(props) {
     helperText,
     required,
     id: idProp,
-    enableReorder: enableReorderProp
+    enableReorder: enableReorderProp,
+    rowDetail,
+    detailColumns,
+    isCellHidden
   } = useProps(props);
   const {
     knobProps,
@@ -74,7 +77,10 @@ function ChildTable(props) {
     showAddRow: showAddRow && !readOnly && !disabled,
     showDeleteRow: showDeleteRow && !readOnly && !disabled,
     compact,
-    enableReorder: enableReorder && !readOnly && !disabled
+    enableReorder: enableReorder && !readOnly && !disabled,
+    rowDetail,
+    detailColumns,
+    isCellHidden
   });
   if (!hasLayout && !formBound) return table;
   const control = label ? /* @__PURE__ */jsx(YStack, {

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","renumberIdx","FieldLayout","useFormField","useProps","YStack","TableInput","jsx","ChildTableFieldError","form","name","children","Subscribe","selector","state","fieldMeta","errors","length","String","ChildTable","props","validators","value","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","enableReorder","enableReorderProp","knobProps","resolvedForm","formBound","hasLayout","emitChange","rows","next","some","row","idx","Input","table","data","control","width","role","renderLayout","resolvedError"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","renumberIdx","FieldLayout","useFormField","useProps","YStack","TableInput","jsx","ChildTableFieldError","form","name","children","Subscribe","selector","state","fieldMeta","errors","length","String","ChildTable","props","validators","value","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","enableReorder","enableReorderProp","rowDetail","detailColumns","isCellHidden","knobProps","resolvedForm","formBound","hasLayout","emitChange","rows","next","some","row","idx","Input","table","data","control","width","role","renderLayout","resolvedError"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -44,7 +44,10 @@ function ChildTable(props) {
     helperText,
     required,
     id: idProp,
-    enableReorder: enableReorderProp
+    enableReorder: enableReorderProp,
+    rowDetail,
+    detailColumns,
+    isCellHidden
   } = useProps(props);
   var {
     knobProps,
@@ -82,7 +85,10 @@ function ChildTable(props) {
     showAddRow: showAddRow && !readOnly && !disabled,
     showDeleteRow: showDeleteRow && !readOnly && !disabled,
     compact,
-    enableReorder: enableReorder && !readOnly && !disabled
+    enableReorder: enableReorder && !readOnly && !disabled,
+    rowDetail,
+    detailColumns,
+    isCellHidden
   });
   if (!hasLayout && !formBound) return table;
   var control = label ? /* @__PURE__ */_jsx(YStack, {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useCallback","renumberIdx","FieldLayout","useFormField","useProps","YStack","TableInput","ChildTableFieldError","param","form","name","children","Subscribe","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","ChildTable","props","validators","value","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","enableReorder","enableReorderProp","knobProps","resolvedForm","formBound","hasLayout","emitChange","rows","next","some","row","idx","Input","table","data","control","width","role","renderLayout","renderLayout2","resolvedError"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useCallback","renumberIdx","FieldLayout","useFormField","useProps","YStack","TableInput","ChildTableFieldError","param","form","name","children","Subscribe","selector","state","_state_fieldMeta_name","_state_fieldMeta","fieldMeta","errors","children1","length","String","ChildTable","props","validators","value","onChange","columns","defaultRow","disabled","readOnly","skeleton","compact","minRows","maxRows","showRowNumbers","showAddRow","showDeleteRow","label","error","helperText","required","id","idProp","enableReorder","enableReorderProp","rowDetail","detailColumns","isCellHidden","knobProps","resolvedForm","formBound","hasLayout","emitChange","rows","next","some","row","idx","Input","table","data","control","width","role","renderLayout","renderLayout2","resolvedError"],"sources":["../../../../src/components/ChildTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1,9 +1,9 @@
 import { FunnelIcon } from "@phosphor-icons/react";
-import { Button } from "@multiplatform.one/forms";
+import { Button, FloatingPanel } from "@multiplatform.one/forms";
 import { ensureCompositeFocusRing, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useAccentOnSurface, useResolvedKnobs, useGlyphColor } from "@multiplatform.one/theme";
-import { useId, useRef, useState } from "react";
+import { useState } from "react";
 import { Tooltip } from "@multiplatform.one/components";
-import { Popover, Text, View, XStack, YStack, isWeb } from "tamagui";
+import { Text, View, XStack, YStack } from "tamagui";
 import { t } from "../../shared/t.mjs";
 import { iconSizeForToken } from "../../utils/chromeIcons.mjs";
 import { defaultOperatorForFilterType, operatorNeedsNoValue } from "../../utils/filterFields.mjs";
@@ -26,9 +26,6 @@ function ColumnHeaderFilter({
   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);
@@ -60,120 +57,89 @@ function ColumnHeaderFilter({
     setOperator(defaultOperatorForFilterType(columnType));
     onFilterChange(void 0);
   };
-  return /* @__PURE__ */jsxs(Popover, {
-    scope: popoverScope,
-    open,
-    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, {
-            ref: triggerRef,
-            cursor: "pointer",
-            ...pressTargetStyle(),
-            alignItems: "center",
-            justifyContent: "center",
-            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);
-            },
-            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 => {
+  const trigger = /* @__PURE__ */jsx(Tooltip, {
+    content: isFiltered ? t("Edit filter") : t("Filter this column"),
+    children: /* @__PURE__ */jsx(View, {
+      cursor: "pointer",
+      ...pressTargetStyle(),
+      alignItems: "center",
+      justifyContent: "center",
+      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();
-        if (isWeb && returnFocusRef.current) {
-          triggerRef.current?.focus();
-        }
-        returnFocusRef.current = true;
-      },
-      ...knobProps.elevatedSurface,
-      ...knobProps.panelPadding,
-      minWidth: 240,
-      transition: knobProps.transition,
-      enterStyle: {
-        y: -5,
-        opacity: 0
+        event.stopPropagation();
+        handleOpenChange(true);
       },
-      exitStyle: {
-        y: -5,
-        opacity: 0
+      onPress: e => {
+        e.stopPropagation();
       },
-      children: [/* @__PURE__ */jsx(Popover.Arrow, {
-        scope: popoverScope,
-        borderColor: "$borderColor",
-        backgroundColor: "$color1"
-      }), /* @__PURE__ */jsxs(YStack, {
+      role: "button",
+      "aria-label": `Filter column ${columnLabel}`,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      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"
+        })
+      })
+    })
+  });
+  return /* @__PURE__ */jsx(FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    trigger,
+    triggerSizing: "content",
+    widthMode: "fit-content",
+    children: /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.gap,
+      minWidth: 240,
+      "data-dismiss-class": "compose",
+      children: [/* @__PURE__ */jsx(Text, {
+        ...knobProps.label,
+        fontWeight: "400",
+        color: "$color11",
+        children: t("Filter: {{column}}", {
+          column: columnLabel
+        })
+      }), /* @__PURE__ */jsx(FilterOperatorValueEditor, {
+        fieldType: columnType,
+        operator,
+        value,
+        onOperatorChange: setOperator,
+        onValueChange: setValue,
+        options
+      }), /* @__PURE__ */jsxs(XStack, {
         ...knobProps.gap,
-        children: [/* @__PURE__ */jsx(Text, {
-          ...knobProps.label,
-          fontWeight: "400",
-          color: "$color11",
-          children: t("Filter: {{column}}", {
-            column: columnLabel
-          })
-        }), /* @__PURE__ */jsx(FilterOperatorValueEditor, {
-          fieldType: columnType,
-          operator,
-          value,
-          onOperatorChange: setOperator,
-          onValueChange: setValue,
-          options
-        }), /* @__PURE__ */jsxs(XStack, {
-          ...knobProps.gap,
-          justifyContent: "flex-end",
-          children: [isFiltered && /* @__PURE__ */jsx(Button, {
-            size: knobProps.sizeToken,
-            onPress: handleClear,
-            children: t("Clear")
-          }), /* @__PURE__ */jsx(Button, {
-            size: knobProps.sizeToken,
-            onPress: handleApply,
-            children: t("Apply")
-          })]
+        justifyContent: "flex-end",
+        children: [isFiltered && /* @__PURE__ */jsx(Button, {
+          size: knobProps.sizeToken,
+          onPress: handleClear,
+          children: t("Clear")
+        }), /* @__PURE__ */jsx(Button, {
+          size: knobProps.sizeToken,
+          onPress: handleApply,
+          children: t("Apply")
         })]
       })]
-    })]
+    })
   });
 }
 export { ColumnHeaderFilter };

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

@@ -1 +1 @@
-{"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":"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","ignoreList":[]}
+{"version":3,"names":["FunnelIcon","Button","FloatingPanel","ensureCompositeFocusRing","MIN_PRESS_TARGET","pressTargetHitSlop","pressTargetStyle","useAccentOnSurface","useResolvedKnobs","useGlyphColor","useState","Tooltip","Text","View","XStack","YStack","t","iconSizeForToken","defaultOperatorForFilterType","operatorNeedsNoValue","FilterOperatorValueEditor","jsx","jsxs","FILTER_TRIGGER_VISUAL","FILTER_TRIGGER_OUTSET","Math","max","ceil","ColumnHeaderFilter","columnId","_columnId","columnLabel","columnType","filterValue","onFilterChange","options","isFiltered","knobProps","idleColor","activeColor","glyphColor","iconPx","String","sizeToken","open","setOpen","operator","setOperator","value","setValue","handleOpenChange","next","handleApply","handleClear","trigger","content","children","cursor","alignItems","justifyContent","marginVertical","marginHorizontal","hitSlop","className","tabIndex","onKeyDown","event","key","preventDefault","stopPropagation","onPress","e","role","padding","borderRadius","hoverStyle","backgroundColor","pressStyle","size","color","weight","onOpenChange","triggerSizing","widthMode","gap","minWidth","label","fontWeight","column","fieldType","onOperatorChange","onValueChange"],"sources":["../../../../src/components/ColumnHeaderFilter/index.tsx"],"sourcesContent":[null],"mappings":"AAKA,SAASA,UAAA,QAAkB;AAC3B,SAASC,MAAA,EAAQC,aAAA,QAAqB;AACtC,SACEC,wBAAA,EACAC,gBAAA,EACAC,kBAAA,EACAC,gBAAA,EACAC,kBAAA,EACAC,gBAAA,EACAC,aAAA,QACK;AACP,SAASC,QAAA,QAAgB;AACzB,SAASC,OAAA,QAAe;AACxB,SAASC,IAAA,EAAMC,IAAA,EAAMC,MAAA,EAAQC,MAAA,QAAc;AAC3C,SAASC,CAAA,QAAS;AAElB,SAASC,gBAAA,QAAwB;AACjC,SAASC,4BAAA,EAA8BC,oBAAA,QAA4B;AACnE,SAASC,yBAAA,QAAiC;AAqIhC,SAAAC,GAAA,EA8BFC,IAAA,QA9BE;AA1GV,MAAMC,qBAAA,GAAwB;AAC9B,MAAMC,qBAAA,GAAwBC,IAAA,CAAKC,GAAA,CACjC,GACAD,IAAA,CAAKE,IAAA,EAAMvB,gBAAA,GAAmBmB,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,IAAI7B,gBAAA,CAAiB;EACvC,MAAM8B,SAAA,GAAY7B,aAAA,CAAc,UAAU;EAC1C,MAAM8B,WAAA,GAAchC,kBAAA,CAAmB;EACvC,MAAMiC,UAAA,GAAaJ,UAAA,GAAaG,WAAA,GAAcD,SAAA;EAC9CnC,wBAAA,CAAyB;EACzB,MAAMsC,MAAA,GAASxB,gBAAA,CAAiByB,MAAA,CAAOL,SAAA,CAAUM,SAAS,CAAC;EAC3D,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAInC,QAAA,CAAS,KAAK;EACtC,MAAM,CAACoC,QAAA,EAAUC,WAAW,IAAIrC,QAAA,CAAyB,MACvDQ,4BAAA,CAA6Bc,UAAU,CACzC;EACA,MAAM,CAACgB,KAAA,EAAOC,QAAQ,IAAIvC,QAAA,CAAiB,EAAE;EAE7C,MAAMwC,gBAAA,GAAoBC,IAAA,IAAkB;IAG1C,IAAIA,IAAA,IAAQ,CAACP,IAAA,EAAM;MACjBG,WAAA,CAAYd,WAAA,EAAaa,QAAA,IAAY5B,4BAAA,CAA6Bc,UAAU,CAAC;MAC7EiB,QAAA,CAAShB,WAAA,EAAae,KAAA,IAAS,OAAO,KAAKN,MAAA,CAAOT,WAAA,CAAYe,KAAK,CAAC;IACtE;IACAH,OAAA,CAAQM,IAAI;EACd;EAIA,MAAMC,WAAA,GAAcA,CAAA,KAAM;IACxB,IAAIjC,oBAAA,CAAqB2B,QAAQ,GAAG;MAClCZ,cAAA,CAAe;QAAEY,QAAA;QAAUE,KAAA,EAAO;MAAK,CAAC;IAC1C,OAAO;MACLd,cAAA,CAAe;QAAEY,QAAA;QAAUE;MAAM,CAAC;IACpC;IACAH,OAAA,CAAQ,KAAK;EACf;EAKA,MAAMQ,WAAA,GAAcA,CAAA,KAAM;IACxBJ,QAAA,CAAS,EAAE;IACXF,WAAA,CAAY7B,4BAAA,CAA6Bc,UAAU,CAAC;IACpDE,cAAA,CAAe,MAAS;EAC1B;EAKA,MAAMoB,OAAA,GACJ,eAAAjC,GAAA,CAACV,OAAA;IAAQ4C,OAAA,EAASnB,UAAA,GAAapB,CAAA,CAAE,aAAa,IAAIA,CAAA,CAAE,oBAAoB;IAOtEwC,QAAA,iBAAAnC,GAAA,CAACR,IAAA;MACC4C,MAAA,EAAO;MACN,GAAGnD,gBAAA,CAAiB;MACrBoD,UAAA,EAAW;MACXC,cAAA,EAAe;MACfC,cAAA,EAAgB,CAACpC,qBAAA;MACjBqC,gBAAA,EAAkB,CAACrC,qBAAA;MACnBsC,OAAA,EAASzD,kBAAA,CAAmBkB,qBAAqB;MAIjDwC,SAAA,EAAU;MACVC,QAAA,EAAU;MACVC,SAAA,EACIC,KAAA,IAA6E;QAC7E,IAAIA,KAAA,CAAMC,GAAA,KAAQ,WAAWD,KAAA,CAAMC,GAAA,KAAQ,KAAK;QAChDD,KAAA,CAAME,cAAA,CAAe;QACrBF,KAAA,CAAMG,eAAA,CAAgB;QACtBnB,gBAAA,CAAiB,IAAI;MACvB;MAEFoB,OAAA,EAAUC,CAAA,IAAM;QACdA,CAAA,CAAEF,eAAA,CAAgB;MACpB;MACAG,IAAA,EAAK;MACL,cAAY,iBAAiBzC,WAAW;MACxC,iBAAc;MACd,iBAAea,IAAA;MAEfY,QAAA,iBAAAnC,GAAA,CAACR,IAAA;QACCkD,SAAA,EAAU;QACVU,OAAA,EAAQ;QACRC,YAAA,EAAa;QACbhB,UAAA,EAAW;QACXC,cAAA,EAAe;QACfgB,UAAA,EAAY;UAAEC,eAAA,EAAiB;QAAU;QACzCC,UAAA,EAAY;UAAED,eAAA,EAAiB;QAAU;QAEzCpB,QAAA,iBAAAnC,GAAA,CAACrB,UAAA;UAAW8E,IAAA,EAAMrC,MAAA;UAAQsC,KAAA,EAAOvC,UAAA;UAAYwC,MAAA,EAAQ5C,UAAA,GAAa,SAAS;QAAA,CAAW;MAAA,CACxF;IAAA,CACF;EAAA,CACF;EAGF,OACE,eAAAf,GAAA,CAACnB,aAAA;IACC0C,IAAA;IACAqC,YAAA,EAAc/B,gBAAA;IACdI,OAAA;IACA4B,aAAA,EAAc;IACdC,SAAA,EAAU;IAEV3B,QAAA,iBAAAlC,IAAA,CAACP,MAAA;MAAQ,GAAGsB,SAAA,CAAU+C,GAAA;MAAKC,QAAA,EAAU;MAAK,sBAAmB;MAC3D7B,QAAA,kBAAAnC,GAAA,CAACT,IAAA;QAAM,GAAGyB,SAAA,CAAUiD,KAAA;QAAOC,UAAA,EAAW;QAAMR,KAAA,EAAM;QAC/CvB,QAAA,EAAAxC,CAAA,CAAE,sBAAsB;UAAEwE,MAAA,EAAQzD;QAAY,CAAC;MAAA,CAClD,GAGA,eAAAV,GAAA,CAACD,yBAAA;QACCqE,SAAA,EAAWzD,UAAA;QACXc,QAAA;QACAE,KAAA;QACA0C,gBAAA,EAAkB3C,WAAA;QAClB4C,aAAA,EAAe1C,QAAA;QACfd;MAAA,CACF,GAGA,eAAAb,IAAA,CAACR,MAAA;QAAQ,GAAGuB,SAAA,CAAU+C,GAAA;QAAKzB,cAAA,EAAe;QACvCH,QAAA,GAAApB,UAAA,IACC,eAAAf,GAAA,CAACpB,MAAA;UAAO6E,IAAA,EAAMzC,SAAA,CAAUM,SAAA;UAAW2B,OAAA,EAASjB,WAAA;UACzCG,QAAA,EAAAxC,CAAA,CAAE,OAAO;QAAA,CACZ,GAEF,eAAAK,GAAA,CAACpB,MAAA;UAAO6E,IAAA,EAAMzC,SAAA,CAAUM,SAAA;UAAW2B,OAAA,EAASlB,WAAA;UACzCI,QAAA,EAAAxC,CAAA,CAAE,OAAO;QAAA,CACZ;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FunnelIcon } from "@phosphor-icons/react";
-import { Button } from "@multiplatform.one/forms";
+import { Button, FloatingPanel } from "@multiplatform.one/forms";
 import { ensureCompositeFocusRing, MIN_PRESS_TARGET, pressTargetHitSlop, pressTargetStyle, useAccentOnSurface, useResolvedKnobs, useGlyphColor } from "@multiplatform.one/theme";
-import { useId, useRef, useState } from "react";
+import { useState } from "react";
 import { Tooltip } from "@multiplatform.one/components";
-import { Popover, Text, View, XStack, YStack, isWeb } from "tamagui";
+import { Text, View, XStack, YStack } from "tamagui";
 import { t } from "../../shared/t.native.js";
 import { iconSizeForToken } from "../../utils/chromeIcons.native.js";
 import { defaultOperatorForFilterType, operatorNeedsNoValue } from "../../utils/filterFields.native.js";
@@ -27,9 +27,6 @@ function ColumnHeaderFilter(param) {
   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);
@@ -64,139 +61,102 @@ function ColumnHeaderFilter(param) {
     setOperator(defaultOperatorForFilterType(columnType));
     onFilterChange(void 0);
   };
-  return /* @__PURE__ */_jsxs(Popover, {
-    scope: popoverScope,
-    open,
-    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. */
+  var trigger = /* @__PURE__ */_jsx(Tooltip, {
+    content: isFiltered ? t("Edit filter") : t("Filter this column"),
+    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(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",
-            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);
-            },
-            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) {
+    _jsx(View, {
+      cursor: "pointer",
+      ...pressTargetStyle(),
+      alignItems: "center",
+      justifyContent: "center",
+      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();
-        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,
-      transition: knobProps.transition,
-      enterStyle: {
-        y: -5,
-        opacity: 0
+        event.stopPropagation();
+        handleOpenChange(true);
       },
-      exitStyle: {
-        y: -5,
-        opacity: 0
+      onPress: function onPress(e) {
+        e.stopPropagation();
       },
-      children: [/* @__PURE__ */_jsx(Popover.Arrow, {
-        scope: popoverScope,
-        borderColor: "$borderColor",
-        backgroundColor: "$color1"
-      }), /* @__PURE__ */_jsxs(YStack, {
+      role: "button",
+      "aria-label": `Filter column ${columnLabel}`,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      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"
+        })
+      })
+    }))
+  });
+  return /* @__PURE__ */_jsx(FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    trigger,
+    triggerSizing: "content",
+    widthMode: "fit-content",
+    children: /* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.gap,
+      minWidth: 240,
+      "data-dismiss-class": "compose",
+      children: [/* @__PURE__ */_jsx(Text, {
+        ...knobProps.label,
+        fontWeight: "400",
+        color: "$color11",
+        children: t("Filter: {{column}}", {
+          column: columnLabel
+        })
+      }), /* Shared operator/value editor (LC-16 — same one the toolbar filter uses) */
+      /* @__PURE__ */_jsx(FilterOperatorValueEditor, {
+        fieldType: columnType,
+        operator,
+        value,
+        onOperatorChange: setOperator,
+        onValueChange: setValue,
+        options
+      }), /* Actions */
+      /* @__PURE__ */_jsxs(XStack, {
         ...knobProps.gap,
-        children: [/* @__PURE__ */_jsx(Text, {
-          ...knobProps.label,
-          fontWeight: "400",
-          color: "$color11",
-          children: t("Filter: {{column}}", {
-            column: columnLabel
-          })
-        }), /* Shared operator/value editor (LC-16 — same one the toolbar filter uses) */
-        /* @__PURE__ */_jsx(FilterOperatorValueEditor, {
-          fieldType: columnType,
-          operator,
-          value,
-          onOperatorChange: setOperator,
-          onValueChange: setValue,
-          options
-        }), /* Actions */
-        /* @__PURE__ */_jsxs(XStack, {
-          ...knobProps.gap,
-          justifyContent: "flex-end",
-          children: [isFiltered && /* @__PURE__ */_jsx(Button, {
-            size: knobProps.sizeToken,
-            onPress: handleClear,
-            children: t("Clear")
-          }), /* @__PURE__ */_jsx(Button, {
-            size: knobProps.sizeToken,
-            onPress: handleApply,
-            children: t("Apply")
-          })]
+        justifyContent: "flex-end",
+        children: [isFiltered && /* @__PURE__ */_jsx(Button, {
+          size: knobProps.sizeToken,
+          onPress: handleClear,
+          children: t("Clear")
+        }), /* @__PURE__ */_jsx(Button, {
+          size: knobProps.sizeToken,
+          onPress: handleApply,
+          children: t("Apply")
         })]
       })]
-    })]
+    })
   });
 }
 export { ColumnHeaderFilter };