@multiplatform.one/table 6.7.0 → 7.1.0

package/dist/cjs/components/DataTable/rowStateChrome.native.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var rowStateChrome_exports = {};
+__export(rowStateChrome_exports, {
+  tableCellKeyboardProps: () => tableCellKeyboardProps,
+  tableRowFocusVisibleStyle: () => tableRowFocusVisibleStyle,
+  tableRowStateProps: () => tableRowStateProps
+});
+module.exports = __toCommonJS(rowStateChrome_exports);
+var import_theme = require("@multiplatform.one/theme");
+var tableRowFocusVisibleStyle = (0, import_theme.ensureFocusVisibleRing)({
+  outlineOffset: -2
+});
+function tableRowStateProps(opts) {
+  var _opts_index;
+  var selected = Boolean(opts.selected);
+  var keyboardFocused = Boolean(opts.keyboardFocused);
+  var zebra = Boolean(opts.zebraOn) && ((_opts_index = opts.index) !== null && _opts_index !== void 0 ? _opts_index : 0) % 2 === 1;
+  var rest = zebra ? "$color2" : "$color1";
+  return {
+    backgroundColor: selected ? "$color4" : rest,
+    hoverStyle: {
+      backgroundColor: selected ? "$color4" : "$color3"
+    },
+    ...(keyboardFocused ? import_theme.keyboardFocusRingProps : {}),
+    "aria-selected": selected ? true : void 0,
+    "data-row-selected": selected ? "true" : "false",
+    "data-row-keyboard-focus": keyboardFocused ? "true" : "false"
+  };
+}
+function tableCellKeyboardProps(focused) {
+  return {
+    ...(focused ? import_theme.keyboardFocusRingProps : {}),
+    "data-cell-keyboard-focus": focused ? "true" : "false"
+  };
+}
+//# sourceMappingURL=rowStateChrome.native.js.map

package/dist/cjs/components/DataTable/rowStateChrome.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","rowStateChrome_exports","__export","tableCellKeyboardProps","tableRowFocusVisibleStyle","tableRowStateProps","module","exports","import_theme","require","ensureFocusVisibleRing","outlineOffset","opts","_opts_index","selected","Boolean","keyboardFocused","zebra","zebraOn","index","rest","backgroundColor","hoverStyle","keyboardFocusRingProps"],"sources":["../../../../src/components/DataTable/rowStateChrome.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA,yBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAQAC,MAAA,CAAAC,OAAA,GAAAX,YAA+D,CAAAK,sBAAA;AAExD,IAAAO,YAAM,GAAAC,OAAA,2BAA4B;AAElC,IAAAL,yBAA4B,KAKP,EAAAI,YAAA,CAAAE,sBAAA;EAC1BC,aAAM;AACN;AACA,SAAMN,kBAAgBA,CAAAO,IAAK;EAC3B,IAAAC,WAAa;EACb,IAAAC,QAAO,GAAAC,OAAA,CAAAH,IAAA,CAAAE,QAAA;EAAA,IACLE,eAAiB,GAAAD,OAAA,CAAWH,IAAA,CAAAI,eAAY;EAAA,IACxCC,KAAA,GAAAF,OAAc,CAAAH,IAAA,CAAAM,OAAA,CAAiB,MAAAL,WAAW,GAAAD,IAAY,CAAAO,KAAA,MAAU,QAAAN,WAAA,cAAAA,WAAA;EAAA,IAChEO,IAAI,GAAAH,KAAA,YAAkB;EAA0B,OAChD;IACAI,eAAA,EAAAP,QAAqB,YAAW,GAAAM,IAAS;IACzCE,UAAA;MACFD,eAAA,EAAAP,QAAA;IACF;IAEO,IAAAE,eAAS,GAAAR,YAAuB,CAAAe,sBAA2C;IAChF,eAAO,EAAAT,QAAA;IACL,mBAAc,EAAAA,QAAA;IACd,2BAAAE,eAAsC,SAAS;EACjD;AACF","ignoreList":[]}

package/dist/cjs/components/DataTableCell/CellModalEditor.cjs

@@ -41,7 +41,8 @@ function CellModalEditor({
   readOnly,
   onCommit,
   children,
-  title
+  title,
+  label
 }) {
   const {
     knobProps
@@ -89,10 +90,18 @@ function CellModalEditor({
     };
     setDraft(draftRef.current);
   }, []);
+  const triggerLocked = disabled || readOnly;
+  const handleTriggerKeyDown = event => {
+    if (triggerLocked) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault?.();
+      handleOpen();
+    }
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       onPress: handleOpen,
-      cursor: disabled || readOnly ? "default" : "pointer",
+      cursor: triggerLocked ? "default" : "pointer",
       opacity: disabled ? 0.5 : 1,
       flexDirection: "row",
       alignItems: "center",
@@ -100,9 +109,21 @@ function CellModalEditor({
       paddingHorizontal: "$1",
       paddingVertical: "$1",
       borderRadius: "$2",
-      hoverStyle: !disabled && !readOnly ? {
+      hoverStyle: !triggerLocked ? {
         backgroundColor: "$backgroundHover"
       } : void 0,
+      outlineWidth: 0,
+      focusVisibleStyle: {
+        outlineWidth: 0
+      },
+      ...(import_tamagui.isWeb && !triggerLocked ? {
+        role: "button",
+        tabIndex: 0,
+        "aria-label": label,
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        onKeyDown: handleTriggerKeyDown
+      } : void 0),
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
         field,
         value,

package/dist/cjs/components/DataTableCell/CellModalEditor.native.js

@@ -42,7 +42,8 @@ function CellModalEditor(param) {
     readOnly,
     onCommit,
     children,
-    title
+    title,
+    label
   } = param;
   var {
     knobProps
@@ -100,6 +101,10 @@ function CellModalEditor(param) {
       paddingHorizontal: "$1",
       paddingVertical: "$1",
       borderRadius: "$2",
+      ...(label ? {
+        accessibilityLabel: label,
+        accessibilityRole: "button"
+      } : void 0),
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
         field,
         value,

package/dist/cjs/components/DataTableCell/CellModalEditor.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["CellModalEditor_native_exports","__export","CellModalEditor","module","exports","__toCommonJS","import_jsx_runtime","require","import_forms","import_theme","import_react","import_tamagui","import_t","param","field","value","fieldProps","disabled","readOnly","onCommit","children","title","knobProps","useResolvedKnobs","open","setOpen","useState","draft","setDraft","draftRef","useRef","current","valueRef","onCommitRef","discardRef","handleOpenChange","useCallback","next","seeded","active","Object","is","handleCancel","handleDraftChange","jsx","FloatingPanel","onOpenChange","scrollable","trigger","View","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","FieldDisplay","jsxs","YStack","gap","Text","heading","fontSize","fontWeight","t","minHeight","XStack","justifyContent","Button","onPress"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["CellModalEditor_native_exports","__export","CellModalEditor","module","exports","__toCommonJS","import_jsx_runtime","require","import_forms","import_theme","import_react","import_tamagui","import_t","param","field","value","fieldProps","disabled","readOnly","onCommit","children","title","label","knobProps","useResolvedKnobs","open","setOpen","useState","draft","setDraft","draftRef","useRef","current","valueRef","onCommitRef","discardRef","handleOpenChange","useCallback","next","seeded","active","Object","is","handleCancel","handleDraftChange","jsx","FloatingPanel","onOpenChange","scrollable","trigger","View","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","accessibilityLabel","accessibilityRole","FieldDisplay","jsxs","YStack","gap","Text","heading","fontSize","fontWeight","t","minHeight","XStack","justifyContent","Button","onPress"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataTableCell/CellOptionsEditor.cjs

@@ -36,6 +36,7 @@ function CellOptionsEditor({
   fieldProps,
   disabled,
   label,
+  dismissOnPick = true,
   children
 }) {
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -47,6 +48,10 @@ function CellOptionsEditor({
     paddingVertical: "$1",
     borderRadius: "$2",
     opacity: disabled ? 0.5 : 1,
+    outlineWidth: 0,
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
     ...(!disabled ? {
       role: "button",
       tabIndex: 0,
@@ -64,9 +69,11 @@ function CellOptionsEditor({
     })
   });
   if (disabled) return face;
-  const handlePanelPointerUp = import_tamagui.isWeb ? event => {
+  const handlePanelPointerUp = import_tamagui.isWeb && dismissOnPick ? event => {
     const target = event?.target;
-    if (!target?.closest?.('[role="radio"], label')) return;
+    if (!target?.closest?.('[role="radio"], [role="checkbox"], [aria-pressed], label')) {
+      return;
+    }
     setTimeout(() => setOpen(false), 0);
   } : void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {

package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js

@@ -39,6 +39,7 @@ function CellOptionsEditor(param) {
     fieldProps,
     disabled,
     label,
+    dismissOnPick = true,
     children
   } = param;
   var [open, setOpen] = (0, import_react.useState)(false);
@@ -50,6 +51,12 @@ function CellOptionsEditor(param) {
     paddingVertical: "$1",
     borderRadius: "$2",
     opacity: disabled ? 0.5 : 1,
+    // LC-71: the parent CellWrapper paints the one ring; this face must
+    // not add a second outline on keyboard focus.
+    outlineWidth: 0,
+    focusVisibleStyle: {
+      outlineWidth: 0
+    },
     ...(!disabled ? {
       role: "button",
       tabIndex: 0,
@@ -67,10 +74,12 @@ function CellOptionsEditor(param) {
     })
   });
   if (disabled) return face;
-  var handlePanelPointerUp = import_tamagui.isWeb ? function (event) {
+  var handlePanelPointerUp = import_tamagui.isWeb && dismissOnPick ? function (event) {
     var _target_closest;
     var target = event === null || event === void 0 ? void 0 : event.target;
-    if (!(target === null || target === void 0 ? void 0 : (_target_closest = target.closest) === null || _target_closest === void 0 ? void 0 : _target_closest.call(target, '[role="radio"], label'))) return;
+    if (!(target === null || target === void 0 ? void 0 : (_target_closest = target.closest) === null || _target_closest === void 0 ? void 0 : _target_closest.call(target, '[role="radio"], [role="checkbox"], [aria-pressed], label'))) {
+      return;
+    }
     setTimeout(function () {
       return setOpen(false);
     }, 0);

package/dist/cjs/components/DataTableCell/CellOptionsEditor.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CellOptionsEditor_exports","__export","CellOptionsEditor","module","exports","import_jsx_runtime","require","import_forms","import_table_primitives","import_react","import_tamagui","param","field","fieldProps","disabled","label","children","open","setOpen","useState","face","jsx","View","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","opacity","role","tabIndex","cursor","hoverStyle","backgroundColor","FieldDisplay","handlePanelPointerUp","isWeb","event","_target_closest","target","closest","call","setTimeout","FloatingPanel"],"sources":["../../../../src/components/DataTableCell/CellOptionsEditor.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAcAC,MAAA,CAAAC,OAAA,GAAAT,YAAmE,CAAAK,yBAAA;AACnE,IAAAK,kBAAA,GAAAC,OAAiC;AACjC,IAAAC,YAAA,GAAyCD,OAAA;AACzC,IAAAE,uBAA4B,GAAAF,OAAA;AA8CtB,IAAAG,YAAA,GAAAH,OAAA;AA9BC,IAAAI,cAAS,GAAAJ,OAAkB;AAAA,SAChCJ,kBAAAS,KAAA;EACA;IAAAC,KAAA;IAAAb,KAAA;IAAAc,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,KAAA;EACA,KAAAM,IAAA,EAAAC,OAAA,QAAAT,YAAA,CAAAU,QAAA;EACA,IAAAC,IAAA,sBAAAf,kBAAA,CAAAgB,GAAA,EAAAX,cAAA,CAAAY,IAAA;IACAC,aAAA;IACAC,UAAA;IACyBC,KAAA;IACzBC,iBAAa,EAAO;IAEpBC,eACE;IAACC,YAAA;IAAAC,OAAA,EAAAf,QAAA;IAAA,IACC,CAAAA,QAAA;MACAgB,IAAA,UAAW;MACXC,QAAM;MACN,cAAAhB,KAAkB;MAClB,iBAAgBE,IAAA;MAChBe,MAAA,WAAa;MACbC,UAAS;QACRC,eACG;MAAA;IACQ,IACN;IAAUlB,QACV,iBAAc,IAAAX,kBAAA,CAAAgB,GAAA,EAAAd,YAAA,CAAA4B,YAAA;MAAAvB,KACd;MAAiBb,KACjB;MAAQc;IAC0C;EAEpD;EAE8D,IAAAC,QAAA,SAAAM,IAAA;EACpE,IAAAgB,oBAAA,GAAA1B,cAAA,CAAA2B,KAAA,aAAAC,KAAA;IAGF,IAAIC,eAAiB;IAMrB,IAAMC,MAAA,GAAAF,KAAA,SAAuB,IAAAA,KAAA,cACzB,KAAC,IAAAA,KAAgC,CAAAE,MAAA;IAC/B,MAAMA,MAAA,KAAS,QAAOA,MAAA,wBAAAD,eAAA,GAAAC,MAAA,CAAAC,OAAA,cAAAF,eAAA,uBAAAA,eAAA,CAAAG,IAAA,CAAAF,MAAA;IACtBG,UAAK,aAAQ;MACb,OAAAzB,OAAW,CAAM;IACnB,GACA;EAEJ,SACE;EAQJ,0BAAAb,kBAAA,CAAAgB,GAAA,EAAAd,YAAA,CAAAqC,aAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CellOptionsEditor_exports","__export","CellOptionsEditor","module","exports","import_jsx_runtime","require","import_forms","import_table_primitives","import_react","import_tamagui","param","field","fieldProps","disabled","label","dismissOnPick","children","open","setOpen","useState","face","jsx","View","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","opacity","outlineWidth","focusVisibleStyle","role","tabIndex","cursor","hoverStyle","backgroundColor","FieldDisplay","handlePanelPointerUp","isWeb","event","_target_closest","target","closest","call","setTimeout"],"sources":["../../../../src/components/DataTableCell/CellOptionsEditor.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAgBAC,MAAA,CAAAC,OAAA,GAAAT,YAAmE,CAAAK,yBAAA;AACnE,IAAAK,kBAAA,GAAAC,OAAiC;AACjC,IAAAC,YAAA,GAAyCD,OAAA;AACzC,IAAAE,uBAA4B,GAAAF,OAAA;AAyDtB,IAAAG,YAAA,GAAAH,OAAA;AAnCC,IAAAI,cAAS,GAAAJ,OAAkB;AAAA,SAChCJ,kBAAAS,KAAA;EACA;IAAAC,KAAA;IAAAb,KAAA;IAAAc,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAN,KAAA;EACA,KAAAO,IAAA,EAAAC,OAAA,QAAAV,YAAA,CAAAW,QAAA;EACA,IAAAC,IAAA,sBAAAhB,kBAAA,CAAAiB,GAAA,EAAAZ,cAAA,CAAAa,IAAA;IACAC,aAAA;IACAC,UAAA,UAAgB;IAChBC,KAAA;IACyBC,iBAAA;IACzBC,eAAa,MAAO;IAEpBC,YACE;IAACC,OAAA,EAAAhB,QAAA;IAAA;IAAA;IACeiB,YACd,EAAW;IAAAC,iBACL;MACND,YAAA;IAAkB;IACF,IAChB,CAAAjB,QAAA;MACAmB,IAAA,UAAS;MAGTC,QAAA;MACA,cAAAnB,KAAmB;MAClB,eACG,EAAAG,IAAA;MAAAiB,MACE,EAAM;MAAAC,UACN,EAAU;QACVC,eAAc;MAAA;IACG,IACjB;IAAQpB,QACR,iBAAc,IAAAZ,kBAAiB,CAAAiB,GAAA,EAAmBf,YAAA,CAAA+B,YAAA;MACpD1B,KACA;MAEJb,KAAA;MAAkEc;IACpE;EAGF;EAOA,IAAAC,QAAM,SAAAO,IAAA;EAGE,IAAAkB,oBAAsB,GAAA7B,cAAA,CAAA8B,KAAA,IAAAxB,aAAA,aAAAyB,KAAA;IACtB,IAAIC,eAAS;IACX,IAAAC,MAAA,GAAAF,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAAE,MAAA;IACF,MAAAA,MAAA,aAAAA,MAAA,wBAAAD,eAAA,GAAAC,MAAA,CAAAC,OAAA,cAAAF,eAAA,uBAAAA,eAAA,CAAAG,IAAA,CAAAF,MAAA;MACA;IACF;IAGNG,UACE;MAQJ,OAAA3B,OAAA","ignoreList":[]}

package/dist/cjs/components/DataTableCell/index.cjs

@@ -58,6 +58,7 @@ function DataTableCell({
     size,
     compact: compact ?? true
   });
+  const cellName = fieldProps["aria-label"] ?? columnLabel ?? columnId;
   const {
     options,
     placeholder,
@@ -153,7 +154,7 @@ function DataTableCell({
           placeholder,
           size: knobProps.sizeToken,
           ...restProps,
-          "aria-label": restProps["aria-label"] ?? columnLabel ?? columnId
+          "aria-label": restProps["aria-label"] ?? cellName
         })
       });
     case "combobox":
@@ -167,7 +168,7 @@ function DataTableCell({
           placeholder,
           size: knobProps.sizeToken,
           ...restProps,
-          "aria-label": restProps["aria-label"] ?? columnLabel ?? columnId
+          "aria-label": restProps["aria-label"] ?? cellName
         })
       });
     case "radiogroup":
@@ -177,7 +178,7 @@ function DataTableCell({
           value,
           fieldProps,
           disabled: disabled || readOnly,
-          label: restProps["aria-label"] ?? columnLabel ?? columnId,
+          label: cellName,
           children: close => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.RadioGroup, {
             value: value != null ? String(value) : "",
             onValueChange: next => {
@@ -194,14 +195,26 @@ function DataTableCell({
       });
     case "togglegroup":
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CellWrapper, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.ToggleGroup, {
-          value: allowMultiple ? Array.isArray(value) ? value : [] : value,
-          onValueChange: handleChange,
-          options: options ?? [],
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellOptionsEditor.CellOptionsEditor, {
+          field: "togglegroup",
+          value,
+          fieldProps,
           disabled: disabled || readOnly,
-          type: allowMultiple ? "multiple" : "single",
-          size: knobProps.sizeToken,
-          ...restProps
+          label: cellName,
+          dismissOnPick: !allowMultiple,
+          children: close => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.ToggleGroup, {
+            value: allowMultiple ? Array.isArray(value) ? value : [] : value,
+            onValueChange: next => {
+              handleChange(next);
+              if (!allowMultiple) close();
+            },
+            options: options ?? [],
+            disabled: disabled || readOnly,
+            type: allowMultiple ? "multiple" : "single",
+            size: knobProps.sizeToken,
+            orientation: "vertical",
+            ...restProps
+          })
         })
       });
     // ─── Numeric inputs ───────────────────────────────────────
@@ -438,13 +451,14 @@ function DataTableCell({
         })
       );
     case "mentioninput":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "mentioninput",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Edit text"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.MentionInput, {
           defaultValue: draftValue ?? "",
@@ -464,13 +478,14 @@ function DataTableCell({
         })
       });
     case "barcode":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "barcode",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Barcode"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
           flexDirection: "column",
@@ -495,13 +510,14 @@ function DataTableCell({
       });
     // ─── File/media inputs ────────────────────────────────────
     case "fileupload":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "fileupload",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Upload file"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FileUpload, {
           defaultValue: draftValue,
@@ -515,13 +531,14 @@ function DataTableCell({
         })
       });
     case "image":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "image",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Image"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.ImageField, {
           value: draftValue,
@@ -535,13 +552,14 @@ function DataTableCell({
         })
       });
     case "signature":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "signature",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Signature"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Signature, {
           value: draftValue ?? "",
@@ -555,13 +573,14 @@ function DataTableCell({
         })
       });
     case "geolocation":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "geolocation",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Location"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Geolocation, {
           value: typeof draftValue === "string" ? draftValue : draftValue ? JSON.stringify(draftValue) : "",
@@ -576,13 +595,14 @@ function DataTableCell({
       });
     // ─── Rich text / code editors ─────────────────────────────
     case "richtexteditor":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "richtexteditor",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Edit"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_rich_text.RichTextEditor, {
           value: draftValue ?? "",
@@ -596,13 +616,14 @@ function DataTableCell({
         })
       });
     case "markdowneditor":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "markdowneditor",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Edit markdown"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.TextArea, {
           value: draftValue != null ? String(draftValue) : "",
@@ -615,13 +636,14 @@ function DataTableCell({
         })
       });
     case "codeeditor":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
         field: "codeeditor",
         value,
         fieldProps,
         disabled,
         readOnly,
         onCommit: handleChange,
+        label: cellName,
         title: (0, import_t.t)("Edit code"),
         children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.TextArea, {
           value: draftValue != null ? String(draftValue) : "",
@@ -635,17 +657,30 @@ function DataTableCell({
       });
     // ─── Text inputs ──────────────────────────────────────────
     case "textarea":
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CellWrapper, {
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(InlineTextEditor, {
-          value,
-          onCommit: handleChange,
-          multiline: true,
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ModalCell, {
+        field: "textarea",
+        value,
+        fieldProps,
+        disabled,
+        readOnly,
+        onCommit: handleChange,
+        label: cellName,
+        title: (0, import_t.t)("Edit text"),
+        children: (draftValue, onDraftChange) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.TextArea, {
+          value: draftValue != null ? String(draftValue) : "",
+          onChangeText: onDraftChange,
           placeholder,
           disabled,
           readOnly,
-          sizeToken: knobProps.sizeToken,
-          ariaLabel: restProps["aria-label"] ?? columnLabel ?? columnId,
-          restProps
+          size: knobProps.sizeToken,
+          ...restProps,
+          textAreaProps: {
+            "aria-label": cellName,
+            // TextArea has no top-level minHeight prop; the modal editor's
+            // taller-than-row height rides the underlying textarea element.
+            minHeight: restProps.minHeight ?? 160,
+            ...restProps.textAreaProps
+          }
         })
       });
     case "input":
@@ -674,7 +709,6 @@ function CellStar(props) {
 function InlineTextEditor({
   value,
   onCommit,
-  multiline,
   placeholder,
   disabled,
   readOnly,
@@ -707,36 +741,12 @@ function InlineTextEditor({
   }, []);
   const handleKeyPress = (0, import_react2.useCallback)(event => {
     const key = event?.nativeEvent?.key ?? event?.key;
-    if (key === "Escape") cancel();else if (key === "Enter" && !multiline) commit();
-  }, [cancel, commit, multiline]);
+    if (key === "Escape") cancel();else if (key === "Enter") commit();
+  }, [cancel, commit]);
   const {
     inputProps: userInputProps,
-    textAreaProps: userTextAreaProps,
     ...fieldRest
   } = restProps;
-  if (multiline) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.TextArea, {
-      value: draft,
-      onChangeText: setDraft,
-      onBlur: commit,
-      placeholder,
-      disabled,
-      readOnly,
-      size: sizeToken,
-      ...fieldRest,
-      textAreaProps: {
-        ...(ariaLabel !== void 0 ? {
-          "aria-label": ariaLabel
-        } : void 0),
-        ...userTextAreaProps,
-        // Native fires onKeyPress; the DOM keypress event never fires for
-        // Escape, so web needs onKeyDown to see it.
-        onKeyPress: handleKeyPress,
-        onKeyDown: handleKeyPress,
-        onBlur: commit
-      }
-    }, resetKey);
-  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
     value: draft,
     onChangeText: setDraft,
@@ -870,15 +880,20 @@ function DraftFieldEditor({
     children: children(draft ? draft.value : committed, handleDraftChange)
   }, resetKey);
 }
+function ModalCell(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CellWrapper, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_CellModalEditor.CellModalEditor, {
+      ...props
+    })
+  });
+}
 function CellWrapper({
   children,
   justify = "flex-start",
   gap,
   minWidth
 }) {
-  const {
-    control
-  } = (0, import_theme.useResolvedKnobs)();
+  if (import_tamagui.isWeb) (0, import_theme.ensureCompositeFocusRing)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     flexDirection: "column",
     flexGrow: 1,
@@ -888,15 +903,11 @@ function CellWrapper({
     maxWidth: "100%",
     ...(import_tamagui.isWeb ? {
       overflowX: "clip",
-      overflowY: "visible"
+      overflowY: "visible",
+      className: "mp-composite-ring mp-composite-ring-deep"
     } : void 0),
     gap,
     minWidth,
-    ...(import_tamagui.isWeb ? {
-      focusWithinStyle: {
-        ...control.focusVisibleKnobProps
-      }
-    } : void 0),
     children
   });
 }