@multiplatform.one/table 6.1.0 → 6.4.0

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

@@ -1,8 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { FieldDisplay } from "@multiplatform.one/forms";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FieldDisplay, FloatingPanel, Button } from "@multiplatform.one/forms";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { useCallback, useState } from "react";
-import { Button, Dialog, Text, View, XStack, YStack } from "tamagui";
+import { useCallback, useRef, useState } from "react";
+import { Text, View, XStack, YStack } from "tamagui";
+import { t } from "../../shared/t.native.js";
 function CellModalEditor(param) {
   var {
     field,
@@ -10,6 +11,7 @@ function CellModalEditor(param) {
     fieldProps,
     disabled,
     readOnly,
+    onCommit,
     children,
     title
   } = param;
@@ -17,14 +19,51 @@ function CellModalEditor(param) {
     knobProps
   } = useResolvedKnobs();
   var [open, setOpen] = useState(false);
-  var handleOpen = useCallback(function () {
-    if (disabled || readOnly) return;
-    setOpen(true);
+  var [draft, setDraft] = useState(null);
+  var draftRef = useRef(draft);
+  draftRef.current = draft;
+  var valueRef = useRef(value);
+  valueRef.current = value;
+  var onCommitRef = useRef(onCommit);
+  onCommitRef.current = onCommit;
+  var discardRef = useRef(false);
+  var handleOpenChange = 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__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(View, {
-      onPress: handleOpen,
-      cursor: disabled || readOnly ? "default" : "pointer",
+  var handleCancel = useCallback(function () {
+    discardRef.current = true;
+    handleOpenChange(false);
+  }, [handleOpenChange]);
+  var handleDraftChange = useCallback(function (next) {
+    draftRef.current = {
+      value: next
+    };
+    setDraft(draftRef.current);
+  }, []);
+  return /* @__PURE__ */_jsx(FloatingPanel, {
+    open,
+    onOpenChange: handleOpenChange,
+    disabled: disabled || readOnly,
+    scrollable: true,
+    trigger: /* @__PURE__ */_jsx(View, {
       opacity: disabled ? 0.5 : 1,
       flexDirection: "row",
       alignItems: "center",
@@ -32,69 +71,37 @@ function CellModalEditor(param) {
       paddingHorizontal: "$1",
       paddingVertical: "$1",
       borderRadius: "$2",
-      hoverStyle: !disabled && !readOnly ? {
-        backgroundColor: "$backgroundHover"
-      } : void 0,
       children: /* @__PURE__ */_jsx(FieldDisplay, {
         field,
         value,
         fieldProps
       })
-    }), /* @__PURE__ */_jsx(Dialog, {
-      open,
-      onOpenChange: setOpen,
-      modal: true,
-      children: /* @__PURE__ */_jsxs(Dialog.Portal, {
-        children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
-          opacity: 0.5,
-          enterStyle: {
-            opacity: 0
+    }),
+    children: /* @__PURE__ */_jsxs(YStack, {
+      gap: "$3",
+      children: [/* @__PURE__ */_jsx(Text, {
+        ...knobProps.heading,
+        fontSize: "$5",
+        fontWeight: "600",
+        children: title !== null && title !== void 0 ? title : t("Edit")
+      }), /* @__PURE__ */_jsx(YStack, {
+        minHeight: 0,
+        children: children(draft ? draft.value : value, handleDraftChange)
+      }), /* @__PURE__ */_jsxs(XStack, {
+        gap: "$2",
+        justifyContent: "flex-end",
+        children: [/* LC-30 CANCEL-ALWAYS-LIVE: the discard exit never disables. */
+        /* @__PURE__ */_jsx(Button, {
+          onPress: handleCancel,
+          children: t("Cancel")
+        }), /* @__PURE__ */_jsx(Button, {
+          onPress: function onPress() {
+            return handleOpenChange(false);
           },
-          exitStyle: {
-            opacity: 0
-          }
-        }), /* @__PURE__ */_jsxs(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__ */_jsx(Dialog.Title, {
-            children: /* @__PURE__ */_jsx(Text, {
-              fontSize: "$5",
-              fontWeight: "600",
-              children: title !== null && title !== void 0 ? title : "Edit"
-            })
-          }), /* @__PURE__ */_jsx(YStack, {
-            flex: 1,
-            minHeight: 0,
-            marginTop: "$3",
-            marginBottom: "$4",
-            children
-          }), /* @__PURE__ */_jsx(XStack, {
-            gap: "$2",
-            justifyContent: "flex-end",
-            children: /* @__PURE__ */_jsx(Dialog.Close, {
-              asChild: true,
-              children: /* @__PURE__ */_jsx(Button, {
-                children: "Done"
-              })
-            })
-          })]
+          children: t("Done")
         })]
-      })
-    })]
+      })]
+    })
   });
 }
 export { CellModalEditor };

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FieldDisplay","useResolvedKnobs","useCallback","useState","Button","Dialog","Text","View","XStack","YStack","CellModalEditor","param","field","value","fieldProps","disabled","readOnly","children","title","knobProps","open","setOpen","handleOpen","onPress","cursor","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","hoverStyle","backgroundColor","onOpenChange","modal","Portal","Overlay","enterStyle","exitStyle","Content","borderWidth","borderColor","elevation","y","scale"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAA2CC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACpD,SAASC,YAAA,kCAAwB;AACjC,SAASC,gBAAa,kCAAgC;AACtD,SAASC,WAAQ,EAAAC,QAAQ,QAAY,OAAQ;AAgCzC,SAAAC,MAAA,EAAAC,MAaI,EAKEC,IAAA,EAAAC,IAAA,EAlBNC,MAAA,EAAAC,MAAA;AAlBG,SAASC,gBAAgBC,KAAA;EAC9B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAP,KAAA;EACA;IAAAQ;EAAA,IAAAlB,gBAAA;EACA,KAAAmB,IAAA,EAAAC,OAAA,IAAAlB,QAAA;EACA,IAAAmB,UAAA,GAAApB,WAAA;IACA,IAAAa,QAAA,IAAAC,QAAA;IACAK,OAAA;EACA,IACuBN,QAAA,EACvBC,QAAQ,CACR;EAEA,OAAM,eAAanB,KAAA,CAAAE,SAAkB;IACnCkB,QAAI,GACJ,eAAYtB,IAAA,CAAAY,IAAA;MACVgB,OAAA,EAAUD,UAAS;MAEvBE,MACE,EAAAT,QAAA,IAAAC,QAAA,YACE;MAAAS,OAAA,EAAAV,QAAA;MAACW,aAAA;MAAAC,UAAA;MACCC,KAAA,QAAS;MACTC,iBAAQ,MAAY;MACpBC,eAAS,MAAW;MACpBC,YAAA,MAAc;MACdC,UAAA,EAAW,CAAAjB,QAAA,KAAAC,QAAA;QACXiB,eAAM;MACN;MACAhB,QAAA,iBAAgBtB,IAAA,CAAAK,YAAA;QAChBY,KAAA;QACAC,KAAA;QAEAC;MAAkE;IACpE,IACA,eAAAnB,IAAC,CAAAU,MAAA,EAAO;MAEJe,IAAA;MACAc,YAAA,EAAAb,OAAA;MAACc,KAAA,EAAO;MAAPlB,QAAA,iBAAApB,KAAA,CAAAQ,MAAA,CAAA+B,MAAA;QACCnB,QAAA,GACA,eAAYtB,IAAA,CAAAU,MAAA,CAAAgC,OAAA;UACZZ,OAAW;UACXa,UAAc;YACdb,OAAa;UACb;UACAc,SAAU;YACVd,OAAM;UAEN;QAAA,IAKA,eAAA5B,KAAC,CAAAQ,MAAA,CAAAmC,OAAa;UAGdC,WAAA;UAIAC,WAAA;UAAAC,SAAA,EAAAxB,SAAA,CAAAwB,SAAA;UACFL,UAAA;YAEJM,CAAA;YACFnB,OAAA;YAEJoB,KAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","FieldDisplay","FloatingPanel","Button","useResolvedKnobs","useCallback","useRef","useState","Text","View","XStack","YStack","t","CellModalEditor","param","field","value","fieldProps","disabled","readOnly","onCommit","children","title","knobProps","open","setOpen","draft","setDraft","draftRef","current","valueRef","onCommitRef","discardRef","handleOpenChange","next","seeded","active","Object","is","handleCancel","handleDraftChange","onOpenChange","scrollable","trigger","opacity","flexDirection","alignItems","width","paddingHorizontal","paddingVertical","borderRadius","gap","heading","fontSize","fontWeight","minHeight","justifyContent","onPress"],"sources":["../../../../src/components/DataTableCell/CellModalEditor.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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/esm/components/DataTableCell/CellOptionsEditor.native.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldDisplay, FloatingPanel } from "@multiplatform.one/forms";
+import { TableCellContext } from "@multiplatform.one/table-primitives";
+import { useState } from "react";
+import { View, isWeb } from "tamagui";
+function CellOptionsEditor(param) {
+  var {
+    field,
+    value,
+    fieldProps,
+    disabled,
+    label,
+    children
+  } = param;
+  var [open, setOpen] = useState(false);
+  var 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;
+  var handlePanelPointerUp = 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__ */_jsx(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__ */
+    _jsx(TableCellContext.Provider, {
+      value: {
+        inTableCell: false
+      },
+      children: /* @__PURE__ */_jsx(View, {
+        onPointerUp: handlePanelPointerUp,
+        children: children(function () {
+          return setOpen(false);
+        })
+      })
+    }))
+  });
+}
+export { CellOptionsEditor };
+//# sourceMappingURL=CellOptionsEditor.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","FieldDisplay","FloatingPanel","TableCellContext","useState","View","isWeb","CellOptionsEditor","param","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","target","closest","call","setTimeout"],"sources":["../../../../src/components/DataTableCell/CellOptionsEditor.tsx"],"sourcesContent":[null],"mappings":"AAcA,SAASA,GAAA,IAAAC,IAAA,QAAc,mBAA4C;AACnE,SAASC,YAAA,EAAAC,aAAwB;AACjC,SAASC,gBAAgC;AACzC,SAASC,QAAM,eAAa;AA8CtB,SAAAC,IAAA,EAAAC,KAAA;AA9BC,SAASC,kBAAkBC,KAAA;EAChC;IAAAC,KAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAN,KAAA;EACA,KAAAO,IAAA,EAAAC,OAAA,IAAAZ,QAAA;EACA,IAAAa,IAAA,kBAAAjB,IAAA,CAAAK,IAAA;IACAa,aAAA;IACAC,UAAA;IACAC,KAAA;IACyBC,iBAAA;IACzBC,eAAa,MAAO;IAEpBC,YACE;IAACC,OAAA,EAAAZ,QAAA;IAAA,KAAAA,QAAA;MACCa,IAAA;MACAC,QAAA;MACA,YAAM,EAAAb,KAAA;MACN,iBAAAE,IAAkB;MAClBY,MAAA,WAAgB;MAChBC,UAAA;QACAC,eAAS;MACR;IACG,IACE,MAAM;IAAAf,QACN,iBAAUd,IAAA,CAAAC,YAAA;MAAAQ,KACV;MAAcC,KACd;MAAiBC;IACT;EAC0C;EAEpD,IAEJC,QAAA,SAAAK,IAAA;EAAkE,IAAAa,oBAAA,GAAAxB,KAAA,aAAAyB,KAAA;IACpE,IAAAC,eAAA;IAGF,IAAIC,MAAA,GAAUF,KAAA,KAAO,QAAAA,KAAA,uBAAAA,KAAA,CAAAE,MAAA;IAMrB,IAAM,EAAAA,MAAA,aAAAA,MAAuB,KACxB,cAAgC,KAAAD,eAAA,GAAAC,MAAA,CAAAC,OAAA,cAAAF,eAAA,uBAAAA,eAAA,CAAAG,IAAA,CAAAF,MAAA;IAC/BG,UAAM,aAAgB;MACtB,OAAKpB,OAAQ,OAAU;IACvB;EACF,IACA;EAEJ,OACE,eAAAhB,IAAC,CAAAE,aAAA;IAQLa,IAAA","ignoreList":[]}