@multiplatform.one/table 6.1.0 → 6.4.0

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

@@ -22,16 +22,17 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var CellModalEditor_exports = {};
-__export(CellModalEditor_exports, {
+var CellModalEditor_native_exports = {};
+__export(CellModalEditor_native_exports, {
   CellModalEditor: () => CellModalEditor
 });
-module.exports = __toCommonJS(CellModalEditor_exports);
+module.exports = __toCommonJS(CellModalEditor_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_forms = require("@multiplatform.one/forms");
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_t = require("../../shared/t.native.js");
 function CellModalEditor(param) {
   var {
     field,
@@ -39,6 +40,7 @@ function CellModalEditor(param) {
     fieldProps,
     disabled,
     readOnly,
+    onCommit,
     children,
     title
   } = param;
@@ -46,14 +48,51 @@ function CellModalEditor(param) {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var [open, setOpen] = (0, import_react.useState)(false);
-  var handleOpen = (0, import_react.useCallback)(function () {
-    if (disabled || readOnly) return;
-    setOpen(true);
+  var [draft, setDraft] = (0, import_react.useState)(null);
+  var draftRef = (0, import_react.useRef)(draft);
+  draftRef.current = draft;
+  var valueRef = (0, import_react.useRef)(value);
+  valueRef.current = value;
+  var onCommitRef = (0, import_react.useRef)(onCommit);
+  onCommitRef.current = onCommit;
+  var discardRef = (0, import_react.useRef)(false);
+  var handleOpenChange = (0, import_react.useCallback)(function (next) {
+    if (next) {
+      if (disabled || readOnly) return;
+      discardRef.current = false;
+      var seeded = {
+        value: valueRef.current
+      };
+      draftRef.current = seeded;
+      setDraft(seeded);
+      setOpen(true);
+      return;
+    }
+    var active = draftRef.current;
+    if (!discardRef.current && active && !Object.is(active.value, valueRef.current)) {
+      onCommitRef.current(active.value);
+    }
+    discardRef.current = false;
+    draftRef.current = null;
+    setDraft(null);
+    setOpen(false);
   }, [disabled, readOnly]);
-  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",
+  var handleCancel = (0, import_react.useCallback)(function () {
+    discardRef.current = true;
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  var handleDraftChange = (0, import_react.useCallback)(function (next) {
+    draftRef.current = {
+      value: next
+    };
+    setDraft(draftRef.current);
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    disabled: disabled || readOnly,
+    scrollable: true,
+    trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       opacity: disabled ? 0.5 : 1,
       flexDirection: "row",
       alignItems: "center",
@@ -61,69 +100,37 @@ function CellModalEditor(param) {
       paddingHorizontal: "$1",
       paddingVertical: "$1",
       borderRadius: "$2",
-      hoverStyle: !disabled && !readOnly ? {
-        backgroundColor: "$backgroundHover"
-      } : void 0,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
         field,
         value,
         fieldProps
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog, {
-      open,
-      onOpenChange: setOpen,
-      modal: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
-        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
-          opacity: 0.5,
-          enterStyle: {
-            opacity: 0
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        ...knobProps.heading,
+        fontSize: "$5",
+        fontWeight: "600",
+        children: title !== null && title !== void 0 ? title : (0, import_t.t)("Edit")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        minHeight: 0,
+        children: children(draft ? draft.value : value, handleDraftChange)
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        justifyContent: "flex-end",
+        children: [/* LC-30 CANCEL-ALWAYS-LIVE: the discard exit never disables. */
+        /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          onPress: handleCancel,
+          children: (0, import_t.t)("Cancel")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          onPress: function onPress() {
+            return handleOpenChange(false);
           },
-          exitStyle: {
-            opacity: 0
-          }
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Content, {
-          borderWidth: 1,
-          borderColor: "$borderColor",
-          elevation: knobProps.elevation,
-          enterStyle: {
-            y: -10,
-            opacity: 0,
-            scale: 0.96
-          },
-          exitStyle: {
-            y: 10,
-            opacity: 0,
-            scale: 0.96
-          },
-          maxWidth: 720,
-          maxHeight: "80vh",
-          width: "90vw",
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontSize: "$5",
-              fontWeight: "600",
-              children: title !== null && title !== void 0 ? title : "Edit"
-            })
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-            flex: 1,
-            minHeight: 0,
-            marginTop: "$3",
-            marginBottom: "$4",
-            children
-          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-            gap: "$2",
-            justifyContent: "flex-end",
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
-              asChild: true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-                children: "Done"
-              })
-            })
-          })]
+          children: (0, import_t.t)("Done")
         })]
-      })
-    })]
+      })]
+    })
   });
 }
 //# sourceMappingURL=CellModalEditor.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CellModalEditor_exports","CellModalEditor","module","exports","import_jsx_runtime","require","import_forms","import_theme","import_react","import_tamagui","param","field","fieldProps","disabled","readOnly","children","title","knobProps","useResolvedKnobs","open","setOpen","useState","handleOpen","useCallback","jsxs","Fragment","jsx","View","onPress","cursor","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","hoverStyle","backgroundColor","FieldDisplay"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.tsx"],"sourcesContent":[null],"mappings":"AAUA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAaF,MAAA,CAAAG,wBAAgC;AACtD,IAAAC,iBAAiB,GAAAJ,MAAQ,CAAMK,mBAAc;AAgCzC,IAAAC,YAAA,GAaIN,MAKE,CAAAO,SAAA,CAlBNC,cAAA;AAlBG,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAgB;EAC9B,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACA,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACuBnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACvB;EACA,OAAOE,EAAA;AAEP;AACE,IAAAM,YAAI,GAAYC,GAAA,IAAAR,WAAU,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC1B,IAAAE,uBAAY;AAAAhB,QACV,CAAAgB,uBAAmB;EAEvBC,eACE,EAAAA,CAAA,KAAAA;AACE;AAAAC,MAAC,CAAAC,OAAA,GAAAN,YAAA,CAAAG,uBAAA;AAAA,IAAAI,kBAAA,GAAAC,OAAA;AAAA,IAAAC,YACC,GAASD,OAAA;AAAA,IAAAE,YACD,GAAAF,OAAA,2BAAmC;AAAA,IAAAG,YAC3C,GAASH,OAAA,QAAiB;AAAA,IAAAI,cAC1B,GAAAJ,OAAc;AAAA,SACdJ,eAAWA,CAAAS,KAAA;EAAA;IACXC,KAAA;IAAMZ,KAAA;IAAAa,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,KAAA;EAAA;IACNO;EAAA,QAAAV,YAAkB,CAAAW,gBAAA;EAAA,KAAAC,IAClB,EAAAC,OAAA,KAAgB,GAAAZ,YAAA,CAAAa,QAAA;EAAA,IAAAC,UAChB,OAAad,YAAA,CAAAe,WAAA;IAAA,IACbV,QAAA,IAAYC,QAAC;IAAkEM,OAE/E;EAAkE,IACpEP,QAAA,EACAC,QAAA,CAEI;EAAqF,OACrF,mBAAAV,kBAAA,CAAAoB,IAAA,EAAApB,kBAAA,CAAAqB,QAAA;IAAAV,QAAC,GAAO,eAAP,IAAAX,kBAAA,CAAAsB,GAAA,EAAAjB,cAAA,CAAAkB,IAAA;MAAAC,OACC,EAAAN,UAAa;MAAAO,MACb,EAAAhB,QAAY,IAAAC,QAAA;MAAAgB,OACZ,EAAAjB,QAAW,MAAU;MAAAkB,aACrB,EAAY,KAAK;MAA6BC,UAC9C,UAAgB;MAA4BC,KAC5C,QAAU;MAAAC,iBACA;MAAAC,eACJ;MAAAC,YAEN;MAAAC,UAAA,GAAAxB,QAAA,IAAC,CAAAC,QAAO;QAIRwB,eACA;MAEA,IACA;MAIAvB,QAAA,qBAAAX,kBAAA,CAAAsB,GAAA,EAAApB,YAAA,CAAAiC,YAAA;QAAA5B,KAAA;QACFZ,KAAA;QAEJa;MACF;IAEJ,I","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","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":[]}

package/dist/jsx/components/DataTableCell/CellOptionsEditor.mjs

@@ -0,0 +1,62 @@
+import { FieldDisplay, FloatingPanel } from "@multiplatform.one/forms";
+import { TableCellContext } from "@multiplatform.one/table-primitives";
+import { useState } from "react";
+import { View, isWeb } from "tamagui";
+import { jsx } from "react/jsx-runtime";
+function CellOptionsEditor({
+  field,
+  value,
+  fieldProps,
+  disabled,
+  label,
+  children
+}) {
+  const [open, setOpen] = useState(false);
+  const face = /* @__PURE__ */jsx(View, {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    paddingHorizontal: "$1",
+    paddingVertical: "$1",
+    borderRadius: "$2",
+    opacity: disabled ? 0.5 : 1,
+    ...(!disabled ? {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-expanded": open,
+      cursor: "pointer",
+      hoverStyle: {
+        backgroundColor: "$backgroundHover"
+      }
+    } : void 0),
+    children: /* @__PURE__ */jsx(FieldDisplay, {
+      field,
+      value,
+      fieldProps
+    })
+  });
+  if (disabled) return face;
+  const handlePanelPointerUp = isWeb ? event => {
+    const target = event?.target;
+    if (!target?.closest?.('[role="radio"], label')) return;
+    setTimeout(() => setOpen(false), 0);
+  } : void 0;
+  return /* @__PURE__ */jsx(FloatingPanel, {
+    open,
+    onOpenChange: setOpen,
+    fitContent: true,
+    trigger: face,
+    children: /* @__PURE__ */jsx(TableCellContext.Provider, {
+      value: {
+        inTableCell: false
+      },
+      children: /* @__PURE__ */jsx(View, {
+        onPointerUp: handlePanelPointerUp,
+        children: children(() => setOpen(false))
+      })
+    })
+  });
+}
+export { CellOptionsEditor };
+//# sourceMappingURL=CellOptionsEditor.mjs.map

package/dist/jsx/components/DataTableCell/CellOptionsEditor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["FieldDisplay","FloatingPanel","TableCellContext","useState","View","isWeb","jsx","CellOptionsEditor","field","value","fieldProps","disabled","label","children","open","setOpen","face","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","opacity","role","tabIndex","cursor","hoverStyle","backgroundColor","handlePanelPointerUp","event","target","closest","setTimeout","onOpenChange","fitContent","trigger","Provider","inTableCell","onPointerUp"],"sources":["../../../../src/components/DataTableCell/CellOptionsEditor.tsx"],"sourcesContent":[null],"mappings":"AAcA,SAASA,YAAA,EAAcC,aAAA,QAA4C;AACnE,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgC;AACzC,SAASC,IAAA,EAAMC,KAAA,QAAa;AA8CtB,SAAAC,GAAA;AA9BC,SAASC,kBAAkB;EAChCC,KAAA;EACAC,KAAA;EACAC,UAAA;EACAC,QAAA;EACAC,KAAA;EACAC;AACF,GAA2B;EACzB,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIZ,QAAA,CAAS,KAAK;EAEtC,MAAMa,IAAA,GACJ,eAAAV,GAAA,CAACF,IAAA;IACCa,aAAA,EAAc;IACdC,UAAA,EAAW;IACXC,KAAA,EAAM;IACNC,iBAAA,EAAkB;IAClBC,eAAA,EAAgB;IAChBC,YAAA,EAAa;IACbC,OAAA,EAASZ,QAAA,GAAW,MAAM;IACzB,IAAI,CAACA,QAAA,GACF;MACEa,IAAA,EAAM;MACNC,QAAA,EAAU;MACV,cAAcb,KAAA;MACd,iBAAiBE,IAAA;MACjBY,MAAA,EAAQ;MACRC,UAAA,EAAY;QAAEC,eAAA,EAAiB;MAAmB;IACpD,IACA;IAEJf,QAAA,iBAAAP,GAAA,CAACN,YAAA;MAAaQ,KAAA;MAAcC,KAAA;MAAcC;IAAA,CAAwB;EAAA,CACpE;EAGF,IAAIC,QAAA,EAAU,OAAOK,IAAA;EAMrB,MAAMa,oBAAA,GAAuBxB,KAAA,GACxByB,KAAA,IAAgC;IAC/B,MAAMC,MAAA,GAASD,KAAA,EAAOC,MAAA;IACtB,IAAI,CAACA,MAAA,EAAQC,OAAA,GAAU,uBAAuB,GAAG;IACjDC,UAAA,CAAW,MAAMlB,OAAA,CAAQ,KAAK,GAAG,CAAC;EACpC,IACA;EAEJ,OACE,eAAAT,GAAA,CAACL,aAAA;IAAca,IAAA;IAAYoB,YAAA,EAAcnB,OAAA;IAASoB,UAAA,EAAU;IAACC,OAAA,EAASpB,IAAA;IAGpEH,QAAA,iBAAAP,GAAA,CAACJ,gBAAA,CAAiBmC,QAAA,EAAjB;MAA0B5B,KAAA,EAAO;QAAE6B,WAAA,EAAa;MAAM;MACrDzB,QAAA,iBAAAP,GAAA,CAACF,IAAA;QAAKmC,WAAA,EAAaV,oBAAA;QAAuBhB,QAAA,EAAAA,QAAA,CAAS,MAAME,OAAA,CAAQ,KAAK,CAAC;MAAA,CAAE;IAAA,CAC3E;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"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 CellOptionsEditor_exports = {};
+__export(CellOptionsEditor_exports, {
+  CellOptionsEditor: () => CellOptionsEditor
+});
+module.exports = __toCommonJS(CellOptionsEditor_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_table_primitives = require("@multiplatform.one/table-primitives");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+function CellOptionsEditor(param) {
+  var {
+    field,
+    value,
+    fieldProps,
+    disabled,
+    label,
+    children
+  } = param;
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var face = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    flexDirection: "row",
+    alignItems: "center",
+    width: "100%",
+    paddingHorizontal: "$1",
+    paddingVertical: "$1",
+    borderRadius: "$2",
+    opacity: disabled ? 0.5 : 1,
+    ...(!disabled ? {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": label,
+      "aria-expanded": open,
+      cursor: "pointer",
+      hoverStyle: {
+        backgroundColor: "$backgroundHover"
+      }
+    } : void 0),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FieldDisplay, {
+      field,
+      value,
+      fieldProps
+    })
+  });
+  if (disabled) return face;
+  var handlePanelPointerUp = import_tamagui.isWeb ? 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;
+    setTimeout(function () {
+      return setOpen(false);
+    }, 0);
+  } : void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.FloatingPanel, {
+    open,
+    onOpenChange: setOpen,
+    fitContent: true,
+    trigger: face,
+    children: (
+    /* The panel is not a table cell — restore full option chrome. React
+    context flows into the panel because it renders inline (no portal). */
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_table_primitives.TableCellContext.Provider, {
+      value: {
+        inTableCell: false
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        onPointerUp: handlePanelPointerUp,
+        children: children(function () {
+          return setOpen(false);
+        })
+      })
+    }))
+  });
+}
+//# sourceMappingURL=CellOptionsEditor.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CellOptionsEditor_exports","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"],"sources":["../../../../src/components/DataTableCell/CellOptionsEditor.tsx"],"sourcesContent":[null],"mappings":"AAcA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAwB;AACjC,IAAAC,gBAAS,GAAAF,MAAgC,CAAAG,wBAAA;AACzC,IAAAC,iBAAe,GAAAJ,MAAa,CAAAK,mBAAA;AA8CtB,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AA9BC,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAkB;EAChC,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACyB,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACnBnB,SAAO,CAAAiB,EAAA,EAAOI,GAAA,EAAI;MAAAP,GAAA,EAAAA,CAAA,KAAcI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAEtC;EACE,OAACE,EAAA;AAAA;AAAA,IAAAM,YACC,GAAAC,GAAc,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,yBACH;AAAAhB,QACX,CAAAgB,yBAAM;EAAAC,iBACN,EAAAA,CAAA,KAAkBA;AAAA;AACFC,MAChB,CAAAC,OAAA,GAAAN,YAAa,CAAAG,yBAAA;AAAA,IAAAI,kBACJ,GAAAC,OAAiB;AAAA,IAAAC,YACpB,GAAAD,OACF;AAAA,IAAAE,uBACQ,GAAAF,OAAA;AAAA,IAAAG,YACN,GAAUH,OAAA;AAAA,IAAAI,cACV,GAAAJ,OAAc;AAAA,SACdJ,iBAAiBA,CAAAS,KAAA;EAAA;IACjBC,KAAA;IAAAZ,KAAQ;IAAAa,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,KAAA;EAAA,KAAAM,IACR,EAAAC,OAAY,IAAE,IAAAT,YAAiB,CAAAU,QAAA;EAAmB,IACpDC,IACA,sBAAAf,kBAAA,CAAAgB,GAAA,EAAAX,cAAA,CAAAY,IAAA;IAAAC,aAEJ;IAAkEC,UAAA;IACpEC,KAAA;IAGFC,iBAAc,EAAO;IAMrBC,eAAM;IAEAC,YAAM,MAAS;IACfC,OAAK,EAAAf,QAAQ,MAAU;IACvB,KAAAA,QAAW;MAEbgB,IAAA;MAEJC,QACE;MAQJ,cAAAhB,KAAA","ignoreList":[]}