@multiplatform.one/table 7.11.0 → 7.15.0

package/README.md

@@ -189,7 +189,7 @@ Filter panels compose — they never auto-dismiss on pick:
   pick.
 
 This is rule LC-21 in the living rulebook (`docs/theme-propagation-spec.md` in the
-[multiplatform.one repo](https://gitlab.com/bitspur/frappe/multiplatform.one)).
+[multiplatform.one repo](https://git.corp.bitspur.com/multiplatform.one/mpo)).
 
 ## 📊 Data Export
 

package/dist/cjs/components/ChildTable/index.cjs

@@ -65,7 +65,10 @@ function ChildTable(props) {
     helperText,
     required,
     id: idProp,
-    enableReorder: enableReorderProp
+    enableReorder: enableReorderProp,
+    rowDetail,
+    detailColumns,
+    isCellHidden
   } = (0, import_tamagui.useProps)(props);
   const {
     knobProps,
@@ -101,7 +104,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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

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

@@ -73,7 +73,10 @@ function ChildTable(props) {
     helperText,
     required,
     id: idProp,
-    enableReorder: enableReorderProp
+    enableReorder: enableReorderProp,
+    rowDetail,
+    detailColumns,
+    isCellHidden
   } = (0, import_tamagui.useProps)(props);
   var {
     knobProps,
@@ -111,7 +114,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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

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

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

package/dist/cjs/components/ColumnHeaderFilter/index.cjs

@@ -53,9 +53,6 @@ function ColumnHeaderFilter({
   const idleColor = (0, import_theme.useGlyphColor)("$color11");
   const activeColor = (0, import_theme.useAccentOnSurface)();
   const glyphColor = isFiltered ? activeColor : idleColor;
-  const popoverScope = (0, import_react2.useId)();
-  const triggerRef = (0, import_react2.useRef)(null);
-  const returnFocusRef = (0, import_react2.useRef)(true);
   (0, import_theme.ensureCompositeFocusRing)();
   const iconPx = (0, import_chromeIcons.iconSizeForToken)(String(knobProps.sizeToken));
   const [open, setOpen] = (0, import_react2.useState)(false);
@@ -87,119 +84,88 @@ function ColumnHeaderFilter({
     setOperator((0, import_filterFields.defaultOperatorForFilterType)(columnType));
     onFilterChange(void 0);
   };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover, {
-    scope: popoverScope,
-    open,
-    onOpenChange: handleOpenChange,
-    disableFocus: true,
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Anchor, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
-        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, {
-          scope: popoverScope,
-          asChild: true,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            ref: triggerRef,
-            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),
-            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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-              className: "mp-chip-dismiss-ring",
-              padding: "$1",
-              borderRadius: "$2",
-              alignItems: "center",
-              justifyContent: "center",
-              hoverStyle: {
-                backgroundColor: "$color4"
-              },
-              pressStyle: {
-                backgroundColor: "$color5"
-              },
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
-                size: iconPx,
-                color: glyphColor,
-                weight: isFiltered ? "fill" : "regular"
-              })
-            })
-          })
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
-      scope: popoverScope,
-      onPointerDownOutside: () => {
-        returnFocusRef.current = false;
-      },
-      onCloseAutoFocus: event => {
+  const trigger = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+    content: isFiltered ? (0, import_t.t)("Edit filter") : (0, import_t.t)("Filter this column"),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      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),
+      className: "mp-chip-dismiss",
+      tabIndex: 0,
+      onKeyDown: event => {
+        if (event.key !== "Enter" && event.key !== " ") return;
         event.preventDefault();
-        if (import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
-        scope: popoverScope,
-        borderColor: "$borderColor",
-        backgroundColor: "$color1"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      role: "button",
+      "aria-label": `Filter column ${columnLabel}`,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        className: "mp-chip-dismiss-ring",
+        padding: "$1",
+        borderRadius: "$2",
+        alignItems: "center",
+        justifyContent: "center",
+        hoverStyle: {
+          backgroundColor: "$color4"
+        },
+        pressStyle: {
+          backgroundColor: "$color5"
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+          size: iconPx,
+          color: glyphColor,
+          weight: isFiltered ? "fill" : "regular"
+        })
+      })
+    })
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    trigger,
+    triggerSizing: "content",
+    widthMode: "fit-content",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.gap,
+      minWidth: 240,
+      "data-dismiss-class": "compose",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.label,
+        fontWeight: "400",
+        color: "$color11",
+        children: (0, import_t.t)("Filter: {{column}}", {
+          column: columnLabel
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterOperatorValueEditor.FilterOperatorValueEditor, {
+        fieldType: columnType,
+        operator,
+        value,
+        onOperatorChange: setOperator,
+        onValueChange: setValue,
+        options
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
         ...knobProps.gap,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          ...knobProps.label,
-          fontWeight: "400",
-          color: "$color11",
-          children: (0, import_t.t)("Filter: {{column}}", {
-            column: columnLabel
-          })
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FilterOperatorValueEditor.FilterOperatorValueEditor, {
-          fieldType: columnType,
-          operator,
-          value,
-          onOperatorChange: setOperator,
-          onValueChange: setValue,
-          options
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-          ...knobProps.gap,
-          justifyContent: "flex-end",
-          children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-            size: knobProps.sizeToken,
-            onPress: handleClear,
-            children: (0, import_t.t)("Clear")
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-            size: knobProps.sizeToken,
-            onPress: handleApply,
-            children: (0, import_t.t)("Apply")
-          })]
+        justifyContent: "flex-end",
+        children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          onPress: handleClear,
+          children: (0, import_t.t)("Clear")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          onPress: handleApply,
+          children: (0, import_t.t)("Apply")
         })]
       })]
-    })]
+    })
   });
 }

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

@@ -56,9 +56,6 @@ function ColumnHeaderFilter(param) {
   var idleColor = (0, import_theme.useGlyphColor)("$color11");
   var activeColor = (0, import_theme.useAccentOnSurface)();
   var glyphColor = isFiltered ? activeColor : idleColor;
-  var popoverScope = (0, import_react2.useId)();
-  var triggerRef = (0, import_react2.useRef)(null);
-  var returnFocusRef = (0, import_react2.useRef)(true);
   (0, import_theme.ensureCompositeFocusRing)();
   var iconPx = (0, import_chromeIcons.iconSizeForToken)(String(knobProps.sizeToken));
   var [open, setOpen] = (0, import_react2.useState)(false);
@@ -93,139 +90,102 @@ function ColumnHeaderFilter(param) {
     setOperator((0, import_filterFields.defaultOperatorForFilterType)(columnType));
     onFilterChange(void 0);
   };
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
+    content: isFiltered ? (0, import_t.t)("Edit filter") : (0, import_t.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__ */
-    (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Anchor, {
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
-        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, {
-          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__ */
-          (0, import_jsx_runtime.jsx)(import_tamagui.View, {
-            ref: triggerRef,
-            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),
-            // 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__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-              className: "mp-chip-dismiss-ring",
-              padding: "$1",
-              borderRadius: "$2",
-              alignItems: "center",
-              justifyContent: "center",
-              hoverStyle: {
-                backgroundColor: "$color4"
-              },
-              pressStyle: {
-                backgroundColor: "$color5"
-              },
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
-                size: iconPx,
-                color: glyphColor,
-                weight: isFiltered ? "fill" : "regular"
-              })
-            })
-          }))
-        })
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Content, {
-      scope: popoverScope,
-      onPointerDownOutside: function onPointerDownOutside() {
-        returnFocusRef.current = false;
-      },
-      onCloseAutoFocus: function onCloseAutoFocus(event) {
+    (0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      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),
+      // 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 (import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, {
-        scope: popoverScope,
-        borderColor: "$borderColor",
-        backgroundColor: "$color1"
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      role: "button",
+      "aria-label": `Filter column ${columnLabel}`,
+      "aria-haspopup": "dialog",
+      "aria-expanded": open,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        className: "mp-chip-dismiss-ring",
+        padding: "$1",
+        borderRadius: "$2",
+        alignItems: "center",
+        justifyContent: "center",
+        hoverStyle: {
+          backgroundColor: "$color4"
+        },
+        pressStyle: {
+          backgroundColor: "$color5"
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FunnelIcon, {
+          size: iconPx,
+          color: glyphColor,
+          weight: isFiltered ? "fill" : "regular"
+        })
+      })
+    }))
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    trigger,
+    triggerSizing: "content",
+    widthMode: "fit-content",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.gap,
+      minWidth: 240,
+      "data-dismiss-class": "compose",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.label,
+        fontWeight: "400",
+        color: "$color11",
+        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, {
         ...knobProps.gap,
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          ...knobProps.label,
-          fontWeight: "400",
-          color: "$color11",
-          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, {
-          ...knobProps.gap,
-          justifyContent: "flex-end",
-          children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-            size: knobProps.sizeToken,
-            onPress: handleClear,
-            children: (0, import_t.t)("Clear")
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-            size: knobProps.sizeToken,
-            onPress: handleApply,
-            children: (0, import_t.t)("Apply")
-          })]
+        justifyContent: "flex-end",
+        children: [isFiltered && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          onPress: handleClear,
+          children: (0, import_t.t)("Clear")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          onPress: handleApply,
+          children: (0, import_t.t)("Apply")
         })]
       })]
-    })]
+    })
   });
 }
 //# sourceMappingURL=index.native.js.map

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

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

package/dist/cjs/components/DataTable/DataTableRoot.cjs

@@ -1218,25 +1218,40 @@ function DataTableRoot({
                         } : {}),
                         children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
                           flexDirection: "row",
+                          flexWrap: "wrap",
                           gap: "$2",
                           alignItems: "center",
                           justifyContent: isRightAligned ? "flex-end" : "space-between",
                           flex: 1,
+                          minWidth: 0,
                           children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
                             flexDirection: "row",
                             gap: "$2",
                             alignItems: "center",
-                            flex: isRightAligned ? void 0 : 1,
+                            flexGrow: isRightAligned ? 0 : 1,
+                            flexShrink: 1,
+                            flexBasis: "auto",
+                            minWidth: 0,
                             justifyContent: isRightAligned ? "flex-end" : void 0,
                             children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
                               fontSize: knobProps.sizeToken,
                               userSelect: "none",
+                              flexShrink: 1,
+                              minWidth: 0,
+                              textAlign: isRightAligned ? "right" : void 0,
+                              "data-header-label": "",
+                              ...(import_tamagui.isWeb ? {
+                                style: {
+                                  overflowWrap: "anywhere"
+                                }
+                              } : {}),
                               children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
                             }), isSortableHeader && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tooltip, {
                               content: sortDirection === "asc" ? t("Sorted ascending (click to sort descending)") : sortDirection === "desc" ? t("Sorted descending (click to clear)") : t("Click to sort (Shift+click for multi-sort)"),
                               children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
                                 "aria-hidden": true,
                                 role: "presentation",
+                                flexShrink: 0,
                                 children: [sortDirection === "asc" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretDownIcon, {
                                   size: chrome.iconPx,
                                   color: "var(--color11)"
@@ -1256,6 +1271,7 @@ function DataTableRoot({
                             flexDirection: "row",
                             gap: "$1",
                             alignItems: "center",
+                            flexShrink: 0,
                             children: [enableFiltering && header.column.getCanFilter() && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ColumnHeaderFilter.ColumnHeaderFilter, {
                               columnId: header.column.id,
                               columnLabel: typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : header.column.id,