@multiplatform.one/forms 7.4.1 → 7.6.0

package/dist/esm/ContextualSaveBar/index.mjs

@@ -0,0 +1,274 @@
+import { useResolvedKnobs, warnCancelDisabled } from "@multiplatform.one/theme";
+import { useStore } from "@tanstack/react-store";
+import { useCallback, useEffect, useState } from "react";
+import { AnimatePresence, Text, XStack, isWeb } from "tamagui";
+import { Button } from "../Button/index.mjs";
+import { collectFormFieldErrors } from "../ErrorSummary.mjs";
+import { useFormContext } from "../Form/index.mjs";
+import { Spinner } from "../Spinner/index.mjs";
+import { formCommonColors } from "../shared/colorRamps.mjs";
+import { t } from "../shared/t.mjs";
+import { getElevationWrapperProps } from "../shared/utils.mjs";
+import { zIndex } from "../shared/zIndex.mjs";
+import { UnsavedChangesDialog } from "./UnsavedChangesDialog.mjs";
+import { useUnsavedChangesGuard } from "./useUnsavedChangesGuard.mjs";
+import { clientKnownIdentity } from "./clientKnownIdentity.mjs";
+import { commitImmediateField } from "./commitImmediateField.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function dirtyCount(fieldMeta) {
+  return Object.values(fieldMeta).filter(meta => meta?.isDirty).length;
+}
+function fieldErrorCount(fieldMeta) {
+  return collectFormFieldErrors(fieldMeta).length;
+}
+function useSaveBarSnapshot() {
+  const form = useFormContext();
+  return useStore(form.store, state => ({
+    isDirty: Boolean(state.isDirty),
+    isSubmitting: Boolean(state.isSubmitting),
+    fieldMeta: state.fieldMeta ?? {},
+    submissionAttempts: state.submissionAttempts ?? 0,
+    values: state.values ?? {}
+  }));
+}
+function statusCopy(args) {
+  if (args.override) return {
+    text: args.override,
+    failed: false
+  };
+  if (args.isSubmitting) return {
+    text: t("Saving\u2026"),
+    failed: false
+  };
+  if (args.saveError) {
+    return {
+      text: t("Couldn't save \u2014 {{error}}. Edits are kept on this page.", {
+        error: args.saveError
+      }),
+      failed: true
+    };
+  }
+  if (args.submissionAttempts >= 1 && args.errorCount > 0) {
+    return {
+      text: t("Can't save yet \xB7 {{count}} fields need attention", {
+        count: args.errorCount
+      }),
+      failed: true
+    };
+  }
+  const qualifier = args.dirty > 0 ? args.dirty === 1 ? t("\xB7 1 field") : t("\xB7 {{count}} fields", {
+    count: args.dirty
+  }) : void 0;
+  return {
+    text: t("Unsaved changes"),
+    failed: false,
+    qualifier
+  };
+}
+function barRadius(knobProps) {
+  const top = knobProps.containerRadius.borderRadius;
+  return {
+    borderTopLeftRadius: top,
+    borderTopRightRadius: top,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0
+  };
+}
+function ContextualSaveBar({
+  forceVisible = false,
+  discardDisabled = false,
+  useBlocker,
+  onSaved,
+  message
+}) {
+  const form = useFormContext();
+  const {
+    knobProps,
+    elevation
+  } = useResolvedKnobs();
+  const snap = useSaveBarSnapshot();
+  const [saveError, setSaveError] = useState(null);
+  const [discardOpen, setDiscardOpen] = useState(false);
+  const stagedDirty = dirtyCount(snap.fieldMeta);
+  const visible = forceVisible || snap.isDirty || snap.isSubmitting || Boolean(saveError);
+  const blocker = useUnsavedChangesGuard(snap.isDirty, useBlocker);
+  const guardOpen = discardOpen || blocker.state === "blocked";
+  useEffect(() => {
+    warnCancelDisabled({
+      disabled: discardDisabled,
+      component: "ContextualSaveBar"
+    });
+  }, [discardDisabled]);
+  const restoreFocusToForm = useCallback(() => {
+    if (!isWeb || typeof document === "undefined") return;
+    const bar = document.querySelector("[data-mp-contextual-savebar]");
+    const active = document.activeElement;
+    if (!bar || !active || !bar.contains(active)) return;
+    const formEl = document.querySelector("[data-mpo-form-layout]");
+    formEl?.focus?.();
+  }, []);
+  const handleSave = useCallback(async () => {
+    if (snap.isSubmitting) return;
+    setSaveError(null);
+    try {
+      await form.handleSubmit();
+      const errors = fieldErrorCount(form.store.state.fieldMeta ?? {});
+      if (errors > 0) return;
+      const values = form.store.state.values;
+      const update = form.update;
+      if (typeof update === "function") {
+        update({
+          defaultValues: values
+        });
+      }
+      form.reset(values);
+      onSaved?.(values);
+      restoreFocusToForm();
+    } catch (error) {
+      const text = error instanceof Error ? error.message : String(error);
+      setSaveError(text || "network unreachable");
+    }
+  }, [form, onSaved, restoreFocusToForm, snap.isSubmitting]);
+  const handleDiscardCommit = useCallback(() => {
+    setSaveError(null);
+    form.reset();
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.proceed();
+    restoreFocusToForm();
+  }, [blocker, form, restoreFocusToForm]);
+  const handleKeepEditing = useCallback(() => {
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.reset();
+  }, [blocker]);
+  useEffect(() => {
+    if (!visible || typeof document === "undefined") return;
+    const onKey = event => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
+        event.preventDefault();
+        void handleSave();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [handleSave, visible]);
+  const copy = statusCopy({
+    isSubmitting: snap.isSubmitting,
+    saveError,
+    errorCount: fieldErrorCount(snap.fieldMeta),
+    submissionAttempts: snap.submissionAttempts,
+    dirty: stagedDirty,
+    override: message
+  });
+  const padX = knobProps.panelPadding.padding;
+  const borderWidth = knobProps.borderRadius.borderWidth;
+  const elevationProps = getElevationWrapperProps(knobProps, elevation);
+  const {
+    className: smoothClass,
+    ...smoothRest
+  } = knobProps.containerRadius;
+  const transition = knobProps.transition;
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(AnimatePresence, {
+      children: visible ? /* @__PURE__ */jsxs(XStack, {
+        "data-mp-contextual-savebar": "",
+        "data-mp-savebar-dock": "bottom",
+        role: "region",
+        "aria-label": t("Unsaved changes"),
+        position: "sticky",
+        bottom: 0,
+        width: "100%",
+        zIndex: zIndex.sheet,
+        alignItems: "center",
+        paddingTop: "$2.5",
+        paddingHorizontal: padX,
+        paddingBottom: "$2.5",
+        backgroundColor: "$color1",
+        borderStyle: "solid",
+        borderTopWidth: borderWidth,
+        borderTopColor: "$borderColor",
+        borderLeftWidth: 0,
+        borderRightWidth: 0,
+        borderBottomWidth: 0,
+        ...smoothRest,
+        ...barRadius(knobProps),
+        className: smoothClass,
+        ...knobProps.gap,
+        transition,
+        enterStyle: transition ? {
+          y: 12,
+          opacity: 0
+        } : void 0,
+        exitStyle: transition ? {
+          y: 12,
+          opacity: 0
+        } : void 0,
+        ...elevationProps,
+        style: {
+          ...(isWeb ? {
+            paddingBottom: "calc(10px + env(safe-area-inset-bottom, 0px))"
+          } : void 0),
+          ...elevationProps.style
+        },
+        children: [/* @__PURE__ */jsxs(XStack, {
+          flex: 1,
+          minWidth: 0,
+          alignItems: "baseline",
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(Text, {
+            role: "status",
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: copy.failed ? formCommonColors.error : "$color",
+            numberOfLines: 1,
+            ellipsizeMode: "tail",
+            children: copy.text
+          }), copy.qualifier ? /* @__PURE__ */jsx(Text, {
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: knobProps.textAccentColor,
+            flexShrink: 0,
+            children: copy.qualifier
+          }) : null]
+        }), /* @__PURE__ */jsxs(XStack, {
+          "data-mp-savebar-actions": "",
+          alignItems: "center",
+          ...knobProps.gap,
+          marginLeft: "auto",
+          flexShrink: 0,
+          children: [/* @__PURE__ */jsx(Button, {
+            outlined: true,
+            size: "$4",
+            "data-mp-savebar-discard": "",
+            "data-mp-cancel-disabled-ignored": discardDisabled ? "true" : void 0,
+            onPress: () => setDiscardOpen(true),
+            children: t("Discard")
+          }), /* @__PURE__ */jsx(Button, {
+            theme: "active",
+            outlined: knobProps.outlined,
+            actionRole: "primary",
+            size: "$4",
+            icon: snap.isSubmitting ? /* @__PURE__ */jsx(Spinner, {
+              size: "small"
+            }) : void 0,
+            disabled: snap.isSubmitting || void 0,
+            disabledReason: snap.isSubmitting ? t("Saving") : void 0,
+            "data-mp-savebar-save": "",
+            onPress: () => {
+              void handleSave();
+            },
+            children: t("Save")
+          })]
+        })]
+      }, "contextual-savebar") : null
+    }), /* @__PURE__ */jsx(UnsavedChangesDialog, {
+      open: guardOpen,
+      fieldCount: Math.max(stagedDirty, 1),
+      onKeepEditing: handleKeepEditing,
+      onDiscard: handleDiscardCommit
+    })]
+  });
+}
+export { ContextualSaveBar, clientKnownIdentity, commitImmediateField };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/ContextualSaveBar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","warnCancelDisabled","useStore","useCallback","useEffect","useState","AnimatePresence","Text","XStack","isWeb","Button","collectFormFieldErrors","useFormContext","Spinner","formCommonColors","t","getElevationWrapperProps","zIndex","UnsavedChangesDialog","useUnsavedChangesGuard","clientKnownIdentity","commitImmediateField","Fragment","jsx","jsxs","dirtyCount","fieldMeta","Object","values","filter","meta","isDirty","length","fieldErrorCount","useSaveBarSnapshot","form","store","state","Boolean","isSubmitting","submissionAttempts","statusCopy","args","override","text","failed","saveError","error","errorCount","count","qualifier","dirty","barRadius","knobProps","top","containerRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","ContextualSaveBar","forceVisible","discardDisabled","useBlocker","onSaved","message","elevation","snap","setSaveError","discardOpen","setDiscardOpen","stagedDirty","visible","blocker","guardOpen","disabled","component","restoreFocusToForm","document","bar","querySelector","active","activeElement","contains","formEl","focus","handleSave","handleSubmit","errors","update","defaultValues","reset","Error","String","handleDiscardCommit","proceed","handleKeepEditing","onKey","event","metaKey","ctrlKey","key","toLowerCase","preventDefault","addEventListener","removeEventListener","copy","padX","panelPadding","padding","borderWidth","elevationProps","className","smoothClass","smoothRest","transition","children","role","position","bottom","width","sheet","alignItems","paddingTop","paddingHorizontal","paddingBottom","backgroundColor","borderStyle","borderTopWidth","borderTopColor","borderLeftWidth","borderRightWidth","borderBottomWidth","gap","enterStyle","y","opacity","exitStyle","style","flex","minWidth","body","fontSize","lineHeight","color","numberOfLines","ellipsizeMode","textAccentColor","flexShrink","marginLeft","outlined","size","onPress","theme","actionRole","icon","disabledReason","open","fieldCount","Math","max","onKeepEditing","onDiscard"],"sources":["../../../src/ContextualSaveBar/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ContextualSaveBar/index.native.js

@@ -0,0 +1,295 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useResolvedKnobs, warnCancelDisabled } from "@multiplatform.one/theme";
+import { useStore } from "@tanstack/react-store";
+import { useCallback, useEffect, useState } from "react";
+import { AnimatePresence, Text, XStack, isWeb } from "tamagui";
+import { Button } from "../Button/index.native.js";
+import { collectFormFieldErrors } from "../ErrorSummary.native.js";
+import { useFormContext } from "../Form/index.native.js";
+import { Spinner } from "../Spinner/index.native.js";
+import { formCommonColors } from "../shared/colorRamps.native.js";
+import { t } from "../shared/t.native.js";
+import { getElevationWrapperProps } from "../shared/utils.native.js";
+import { zIndex } from "../shared/zIndex.native.js";
+import { UnsavedChangesDialog } from "./UnsavedChangesDialog.native.js";
+import { useUnsavedChangesGuard } from "./useUnsavedChangesGuard.native.js";
+import { clientKnownIdentity } from "./clientKnownIdentity.native.js";
+import { commitImmediateField } from "./commitImmediateField.native.js";
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function dirtyCount(fieldMeta) {
+  return Object.values(fieldMeta).filter(function (meta) {
+    return meta === null || meta === void 0 ? void 0 : meta.isDirty;
+  }).length;
+}
+function fieldErrorCount(fieldMeta) {
+  return collectFormFieldErrors(fieldMeta).length;
+}
+function useSaveBarSnapshot() {
+  var form = useFormContext();
+  return useStore(form.store, function (state) {
+    var _state_fieldMeta, _state_submissionAttempts, _state_values;
+    return {
+      isDirty: Boolean(state.isDirty),
+      isSubmitting: Boolean(state.isSubmitting),
+      fieldMeta: (_state_fieldMeta = state.fieldMeta) !== null && _state_fieldMeta !== void 0 ? _state_fieldMeta : {},
+      submissionAttempts: (_state_submissionAttempts = state.submissionAttempts) !== null && _state_submissionAttempts !== void 0 ? _state_submissionAttempts : 0,
+      values: (_state_values = state.values) !== null && _state_values !== void 0 ? _state_values : {}
+    };
+  });
+}
+function statusCopy(args) {
+  if (args.override) return {
+    text: args.override,
+    failed: false
+  };
+  if (args.isSubmitting) return {
+    text: t("Saving\u2026"),
+    failed: false
+  };
+  if (args.saveError) {
+    return {
+      text: t("Couldn't save \u2014 {{error}}. Edits are kept on this page.", {
+        error: args.saveError
+      }),
+      failed: true
+    };
+  }
+  if (args.submissionAttempts >= 1 && args.errorCount > 0) {
+    return {
+      text: t("Can't save yet \xB7 {{count}} fields need attention", {
+        count: args.errorCount
+      }),
+      failed: true
+    };
+  }
+  var qualifier = args.dirty > 0 ? args.dirty === 1 ? t("\xB7 1 field") : t("\xB7 {{count}} fields", {
+    count: args.dirty
+  }) : void 0;
+  return {
+    text: t("Unsaved changes"),
+    failed: false,
+    qualifier
+  };
+}
+function barRadius(knobProps) {
+  var top = knobProps.containerRadius.borderRadius;
+  return {
+    borderTopLeftRadius: top,
+    borderTopRightRadius: top,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0
+  };
+}
+function ContextualSaveBar(param) {
+  var {
+    forceVisible = false,
+    discardDisabled = false,
+    useBlocker,
+    onSaved,
+    message
+  } = param;
+  var form = useFormContext();
+  var {
+    knobProps,
+    elevation
+  } = useResolvedKnobs();
+  var snap = useSaveBarSnapshot();
+  var [saveError, setSaveError] = useState(null);
+  var [discardOpen, setDiscardOpen] = useState(false);
+  var stagedDirty = dirtyCount(snap.fieldMeta);
+  var visible = forceVisible || snap.isDirty || snap.isSubmitting || Boolean(saveError);
+  var blocker = useUnsavedChangesGuard(snap.isDirty, useBlocker);
+  var guardOpen = discardOpen || blocker.state === "blocked";
+  useEffect(function () {
+    warnCancelDisabled({
+      disabled: discardDisabled,
+      component: "ContextualSaveBar"
+    });
+  }, [discardDisabled]);
+  var restoreFocusToForm = useCallback(function () {
+    var _formEl_focus;
+    if (!isWeb || typeof document === "undefined") return;
+    var bar = document.querySelector("[data-mp-contextual-savebar]");
+    var active = document.activeElement;
+    if (!bar || !active || !bar.contains(active)) return;
+    var formEl = document.querySelector("[data-mpo-form-layout]");
+    formEl === null || formEl === void 0 ? void 0 : (_formEl_focus = formEl.focus) === null || _formEl_focus === void 0 ? void 0 : _formEl_focus.call(formEl);
+  }, []);
+  var handleSave = useCallback(async function () {
+    if (snap.isSubmitting) return;
+    setSaveError(null);
+    try {
+      var _form_store_state_fieldMeta;
+      await form.handleSubmit();
+      var errors = fieldErrorCount((_form_store_state_fieldMeta = form.store.state.fieldMeta) !== null && _form_store_state_fieldMeta !== void 0 ? _form_store_state_fieldMeta : {});
+      if (errors > 0) return;
+      var values = form.store.state.values;
+      var update = form.update;
+      if (typeof update === "function") {
+        update({
+          defaultValues: values
+        });
+      }
+      form.reset(values);
+      onSaved === null || onSaved === void 0 ? void 0 : onSaved(values);
+      restoreFocusToForm();
+    } catch (error) {
+      var text = _instanceof(error, Error) ? error.message : String(error);
+      setSaveError(text || "network unreachable");
+    }
+  }, [form, onSaved, restoreFocusToForm, snap.isSubmitting]);
+  var handleDiscardCommit = useCallback(function () {
+    setSaveError(null);
+    form.reset();
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.proceed();
+    restoreFocusToForm();
+  }, [blocker, form, restoreFocusToForm]);
+  var handleKeepEditing = useCallback(function () {
+    setDiscardOpen(false);
+    if (blocker.state === "blocked") blocker.reset();
+  }, [blocker]);
+  useEffect(function () {
+    if (!visible || typeof document === "undefined") return;
+    var onKey = function onKey2(event) {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "s") {
+        event.preventDefault();
+        void handleSave();
+      }
+    };
+    document.addEventListener("keydown", onKey);
+    return function () {
+      return document.removeEventListener("keydown", onKey);
+    };
+  }, [handleSave, visible]);
+  var copy = statusCopy({
+    isSubmitting: snap.isSubmitting,
+    saveError,
+    errorCount: fieldErrorCount(snap.fieldMeta),
+    submissionAttempts: snap.submissionAttempts,
+    dirty: stagedDirty,
+    override: message
+  });
+  var padX = knobProps.panelPadding.padding;
+  var borderWidth = knobProps.borderRadius.borderWidth;
+  var elevationProps = getElevationWrapperProps(knobProps, elevation);
+  var {
+    className: smoothClass,
+    ...smoothRest
+  } = knobProps.containerRadius;
+  var transition = knobProps.transition;
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(AnimatePresence, {
+      children: visible ? /* @__PURE__ */_jsxs(XStack, {
+        "data-mp-contextual-savebar": "",
+        "data-mp-savebar-dock": "bottom",
+        role: "region",
+        "aria-label": t("Unsaved changes"),
+        position: "sticky",
+        bottom: 0,
+        width: "100%",
+        zIndex: zIndex.sheet,
+        alignItems: "center",
+        paddingTop: "$2.5",
+        paddingHorizontal: padX,
+        paddingBottom: "$2.5",
+        backgroundColor: "$color1",
+        borderStyle: "solid",
+        borderTopWidth: borderWidth,
+        borderTopColor: "$borderColor",
+        borderLeftWidth: 0,
+        borderRightWidth: 0,
+        borderBottomWidth: 0,
+        ...smoothRest,
+        ...barRadius(knobProps),
+        className: smoothClass,
+        ...knobProps.gap,
+        transition,
+        enterStyle: transition ? {
+          y: 12,
+          opacity: 0
+        } : void 0,
+        exitStyle: transition ? {
+          y: 12,
+          opacity: 0
+        } : void 0,
+        ...elevationProps,
+        style: {
+          ...(isWeb ? {
+            paddingBottom: "calc(10px + env(safe-area-inset-bottom, 0px))"
+          } : void 0),
+          ...elevationProps.style
+        },
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          flex: 1,
+          minWidth: 0,
+          alignItems: "baseline",
+          gap: "$2",
+          children: [/* @__PURE__ */_jsx(Text, {
+            role: "status",
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: copy.failed ? formCommonColors.error : "$color",
+            numberOfLines: 1,
+            ellipsizeMode: "tail",
+            children: copy.text
+          }), copy.qualifier ? /* @__PURE__ */_jsx(Text, {
+            ...knobProps.body,
+            fontSize: "$4",
+            lineHeight: "$4",
+            color: knobProps.textAccentColor,
+            flexShrink: 0,
+            children: copy.qualifier
+          }) : null]
+        }), /* @__PURE__ */_jsxs(XStack, {
+          "data-mp-savebar-actions": "",
+          alignItems: "center",
+          ...knobProps.gap,
+          marginLeft: "auto",
+          flexShrink: 0,
+          children: [/* @__PURE__ */_jsx(Button, {
+            outlined: true,
+            size: "$4",
+            "data-mp-savebar-discard": "",
+            "data-mp-cancel-disabled-ignored": discardDisabled ? "true" : void 0,
+            onPress: function onPress() {
+              return setDiscardOpen(true);
+            },
+            children: t("Discard")
+          }), /* @__PURE__ */_jsx(Button, {
+            theme: "active",
+            outlined: knobProps.outlined,
+            actionRole: "primary",
+            size: "$4",
+            icon: snap.isSubmitting ? /* @__PURE__ */_jsx(Spinner, {
+              size: "small"
+            }) : void 0,
+            disabled: snap.isSubmitting || void 0,
+            disabledReason: snap.isSubmitting ? t("Saving") : void 0,
+            "data-mp-savebar-save": "",
+            onPress: function onPress() {
+              void handleSave();
+            },
+            children: t("Save")
+          })]
+        })]
+      }, "contextual-savebar") : null
+    }), /* @__PURE__ */_jsx(UnsavedChangesDialog, {
+      open: guardOpen,
+      fieldCount: Math.max(stagedDirty, 1),
+      onKeepEditing: handleKeepEditing,
+      onDiscard: handleDiscardCommit
+    })]
+  });
+}
+export { ContextualSaveBar, clientKnownIdentity, commitImmediateField };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/ContextualSaveBar/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useResolvedKnobs","warnCancelDisabled","useStore","useCallback","useEffect","useState","AnimatePresence","Text","XStack","isWeb","Button","collectFormFieldErrors","useFormContext","Spinner","formCommonColors","t","getElevationWrapperProps","zIndex","UnsavedChangesDialog","useUnsavedChangesGuard","clientKnownIdentity","commitImmediateField","_instanceof","left","right","Symbol","hasInstance","dirtyCount","fieldMeta","Object","values","filter","meta","isDirty","length","fieldErrorCount","useSaveBarSnapshot","form","store","state","_state_fieldMeta","_state_submissionAttempts","_state_values","Boolean","isSubmitting","submissionAttempts","statusCopy","args","override","text","failed","saveError","error","errorCount","count","qualifier","dirty","barRadius","knobProps","top","containerRadius","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","ContextualSaveBar","param","forceVisible","discardDisabled","useBlocker","onSaved","message","elevation","snap","setSaveError","discardOpen","setDiscardOpen","stagedDirty","visible","blocker","guardOpen","disabled","component","restoreFocusToForm","_formEl_focus","document","bar","querySelector","active","activeElement","contains","formEl","focus","call","handleSave","_form_store_state_fieldMeta","handleSubmit","errors","update","defaultValues","reset","Error","String","handleDiscardCommit","proceed","handleKeepEditing","onKey","onKey2","event","metaKey","ctrlKey","key","toLowerCase","preventDefault","addEventListener","removeEventListener","copy","padX","panelPadding","padding","borderWidth","elevationProps","className","smoothClass","smoothRest","transition","children","role","position","bottom","width","sheet","alignItems","paddingTop","paddingHorizontal","paddingBottom","backgroundColor","borderStyle","borderTopWidth","borderTopColor","borderLeftWidth","borderRightWidth","borderBottomWidth","gap","enterStyle","y","opacity","exitStyle","style","flex","minWidth","body","fontSize","lineHeight","color","numberOfLines","ellipsizeMode","textAccentColor","flexShrink","marginLeft","outlined","size","onPress","theme","actionRole","icon","disabledReason","open","fieldCount","Math","max","onKeepEditing","onDiscard"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useResolvedKnobs, warnCancelDisabled } from \"@multiplatform.one/theme\";\nimport { useStore } from \"@tanstack/react-store\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { AnimatePresence, Text, XStack, isWeb } from \"tamagui\";\nimport { Button } from \"../Button\";\nimport { collectFormFieldErrors } from \"../ErrorSummary\";\nimport { useFormContext } from \"../Form\";\nimport { Spinner } from \"../Spinner\";\nimport { formCommonColors } from \"../shared/colorRamps\";\nimport { t } from \"../shared/t\";\nimport { getElevationWrapperProps } from \"../shared/utils\";\nimport { zIndex } from \"../shared/zIndex\";\nimport { UnsavedChangesDialog } from \"./UnsavedChangesDialog\";\nimport { useUnsavedChangesGuard } from \"./useUnsavedChangesGuard\";\nimport { clientKnownIdentity } from \"./clientKnownIdentity\";\nimport { commitImmediateField } from \"./commitImmediateField\";\nfunction _instanceof(left, right) {\n  \"@swc/helpers - instanceof\";\n  if (right != null && typeof Symbol !== \"undefined\" && right[Symbol.hasInstance]) {\n    return !!right[Symbol.hasInstance](left);\n  } else {\n    return left instanceof right;\n  }\n}\nfunction dirtyCount(fieldMeta) {\n  return Object.values(fieldMeta).filter(function(meta) {\n    return meta === null || meta === void 0 ? void 0 : meta.isDirty;\n  }).length;\n}\nfunction fieldErrorCount(fieldMeta) {\n  return collectFormFieldErrors(fieldMeta).length;\n}\nfunction useSaveBarSnapshot() {\n  var form = useFormContext();\n  return useStore(form.store, function(state) {\n    var _state_fieldMeta, _state_submissionAttempts, _state_values;\n    return {\n      isDirty: Boolean(state.isDirty),\n      isSubmitting: Boolean(state.isSubmitting),\n      fieldMeta: (_state_fieldMeta = state.fieldMeta) !== null && _state_fieldMeta !== void 0 ? _state_fieldMeta : {},\n      submissionAttempts: (_state_submissionAttempts = state.submissionAttempts) !== null && _state_submissionAttempts !== void 0 ? _state_submissionAttempts : 0,\n      values: (_state_values = state.values) !== null && _state_values !== void 0 ? _state_values : {}\n    };\n  });\n}\nfunction statusCopy(args) {\n  if (args.override) return {\n    text: args.override,\n    failed: false\n  };\n  if (args.isSubmitting) return {\n    text: t(\"Saving\\u2026\"),\n    failed: false\n  };\n  if (args.saveError) {\n    return {\n      text: t(\"Couldn't save \\u2014 {{error}}. Edits are kept on this page.\", {\n        error: args.saveError\n      }),\n      failed: true\n    };\n  }\n  if (args.submissionAttempts >= 1 && args.errorCount > 0) {\n    return {\n      text: t(\"Can't save yet \\xB7 {{count}} fields need attention\", {\n        count: args.errorCount\n      }),\n      failed: true\n    };\n  }\n  var qualifier = args.dirty > 0 ? args.dirty === 1 ? t(\"\\xB7 1 field\") : t(\"\\xB7 {{count}} fields\", {\n    count: args.dirty\n  }) : void 0;\n  return {\n    text: t(\"Unsaved changes\"),\n    failed: false,\n    qualifier\n  };\n}\nfunction barRadius(knobProps) {\n  var top = knobProps.containerRadius.borderRadius;\n  return {\n    borderTopLeftRadius: top,\n    borderTopRightRadius: top,\n    borderBottomLeftRadius: 0,\n    borderBottomRightRadius: 0\n  };\n}\nfunction ContextualSaveBar(param) {\n  var { forceVisible = false, discardDisabled = false, useBlocker, onSaved, message } = param;\n  var form = useFormContext();\n  var { knobProps, elevation } = useResolvedKnobs();\n  var snap = useSaveBarSnapshot();\n  var [saveError, setSaveError] = useState(null);\n  var [discardOpen, setDiscardOpen] = useState(false);\n  var stagedDirty = dirtyCount(snap.fieldMeta);\n  var visible = forceVisible || snap.isDirty || snap.isSubmitting || Boolean(saveError);\n  var blocker = useUnsavedChangesGuard(snap.isDirty, useBlocker);\n  var guardOpen = discardOpen || blocker.state === \"blocked\";\n  useEffect(function() {\n    warnCancelDisabled({\n      disabled: discardDisabled,\n      component: \"ContextualSaveBar\"\n    });\n  }, [\n    discardDisabled\n  ]);\n  var restoreFocusToForm = useCallback(function() {\n    var _formEl_focus;\n    if (!isWeb || typeof document === \"undefined\") return;\n    var bar = document.querySelector(\"[data-mp-contextual-savebar]\");\n    var active = document.activeElement;\n    if (!bar || !active || !bar.contains(active)) return;\n    var formEl = document.querySelector(\"[data-mpo-form-layout]\");\n    formEl === null || formEl === void 0 ? void 0 : (_formEl_focus = formEl.focus) === null || _formEl_focus === void 0 ? void 0 : _formEl_focus.call(formEl);\n  }, []);\n  var handleSave = useCallback(async function() {\n    if (snap.isSubmitting) return;\n    setSaveError(null);\n    try {\n      var _form_store_state_fieldMeta;\n      await form.handleSubmit();\n      var errors = fieldErrorCount((_form_store_state_fieldMeta = form.store.state.fieldMeta) !== null && _form_store_state_fieldMeta !== void 0 ? _form_store_state_fieldMeta : {});\n      if (errors > 0) return;\n      var values = form.store.state.values;\n      var update = form.update;\n      if (typeof update === \"function\") {\n        update({\n          defaultValues: values\n        });\n      }\n      form.reset(values);\n      onSaved === null || onSaved === void 0 ? void 0 : onSaved(values);\n      restoreFocusToForm();\n    } catch (error) {\n      var text = _instanceof(error, Error) ? error.message : String(error);\n      setSaveError(text || \"network unreachable\");\n    }\n  }, [\n    form,\n    onSaved,\n    restoreFocusToForm,\n    snap.isSubmitting\n  ]);\n  var handleDiscardCommit = useCallback(function() {\n    setSaveError(null);\n    form.reset();\n    setDiscardOpen(false);\n    if (blocker.state === \"blocked\") blocker.proceed();\n    restoreFocusToForm();\n  }, [\n    blocker,\n    form,\n    restoreFocusToForm\n  ]);\n  var handleKeepEditing = useCallback(function() {\n    setDiscardOpen(false);\n    if (blocker.state === \"blocked\") blocker.reset();\n  }, [\n    blocker\n  ]);\n  useEffect(function() {\n    if (!visible || typeof document === \"undefined\") return;\n    var onKey = function onKey2(event) {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === \"s\") {\n        event.preventDefault();\n        void handleSave();\n      }\n    };\n    document.addEventListener(\"keydown\", onKey);\n    return function() {\n      return document.removeEventListener(\"keydown\", onKey);\n    };\n  }, [\n    handleSave,\n    visible\n  ]);\n  var copy = statusCopy({\n    isSubmitting: snap.isSubmitting,\n    saveError,\n    errorCount: fieldErrorCount(snap.fieldMeta),\n    submissionAttempts: snap.submissionAttempts,\n    dirty: stagedDirty,\n    override: message\n  });\n  var padX = knobProps.panelPadding.padding;\n  var borderWidth = knobProps.borderRadius.borderWidth;\n  var elevationProps = getElevationWrapperProps(knobProps, elevation);\n  var { className: smoothClass, ...smoothRest } = knobProps.containerRadius;\n  var transition = knobProps.transition;\n  return /* @__PURE__ */ _jsxs(_Fragment, {\n    children: [\n      /* @__PURE__ */ _jsx(AnimatePresence, {\n        children: visible ? /* @__PURE__ */ _jsxs(XStack, {\n          \"data-mp-contextual-savebar\": \"\",\n          \"data-mp-savebar-dock\": \"bottom\",\n          role: \"region\",\n          \"aria-label\": t(\"Unsaved changes\"),\n          position: \"sticky\",\n          bottom: 0,\n          width: \"100%\",\n          zIndex: zIndex.sheet,\n          alignItems: \"center\",\n          paddingTop: \"$2.5\",\n          paddingHorizontal: padX,\n          paddingBottom: \"$2.5\",\n          backgroundColor: \"$color1\",\n          borderStyle: \"solid\",\n          borderTopWidth: borderWidth,\n          borderTopColor: \"$borderColor\",\n          borderLeftWidth: 0,\n          borderRightWidth: 0,\n          borderBottomWidth: 0,\n          ...smoothRest,\n          ...barRadius(knobProps),\n          className: smoothClass,\n          ...knobProps.gap,\n          transition,\n          enterStyle: transition ? {\n            y: 12,\n            opacity: 0\n          } : void 0,\n          exitStyle: transition ? {\n            y: 12,\n            opacity: 0\n          } : void 0,\n          ...elevationProps,\n          style: {\n            ...isWeb ? {\n              paddingBottom: \"calc(10px + env(safe-area-inset-bottom, 0px))\"\n            } : void 0,\n            ...elevationProps.style\n          },\n          children: [\n            /* @__PURE__ */ _jsxs(XStack, {\n              flex: 1,\n              minWidth: 0,\n              alignItems: \"baseline\",\n              gap: \"$2\",\n              children: [\n                /* @__PURE__ */ _jsx(Text, {\n                  role: \"status\",\n                  ...knobProps.body,\n                  fontSize: \"$4\",\n                  lineHeight: \"$4\",\n                  color: copy.failed ? formCommonColors.error : \"$color\",\n                  numberOfLines: 1,\n                  ellipsizeMode: \"tail\",\n                  children: copy.text\n                }),\n                copy.qualifier ? /* @__PURE__ */ _jsx(Text, {\n                  ...knobProps.body,\n                  fontSize: \"$4\",\n                  lineHeight: \"$4\",\n                  color: knobProps.textAccentColor,\n                  flexShrink: 0,\n                  children: copy.qualifier\n                }) : null\n              ]\n            }),\n            /* @__PURE__ */ _jsxs(XStack, {\n              \"data-mp-savebar-actions\": \"\",\n              alignItems: \"center\",\n              ...knobProps.gap,\n              marginLeft: \"auto\",\n              flexShrink: 0,\n              children: [\n                /* @__PURE__ */ _jsx(Button, {\n                  outlined: true,\n                  size: \"$4\",\n                  \"data-mp-savebar-discard\": \"\",\n                  \"data-mp-cancel-disabled-ignored\": discardDisabled ? \"true\" : void 0,\n                  onPress: function onPress() {\n                    return setDiscardOpen(true);\n                  },\n                  children: t(\"Discard\")\n                }),\n                /* @__PURE__ */ _jsx(Button, {\n                  theme: \"active\",\n                  outlined: knobProps.outlined,\n                  actionRole: \"primary\",\n                  size: \"$4\",\n                  icon: snap.isSubmitting ? /* @__PURE__ */ _jsx(Spinner, {\n                    size: \"small\"\n                  }) : void 0,\n                  disabled: snap.isSubmitting || void 0,\n                  disabledReason: snap.isSubmitting ? t(\"Saving\") : void 0,\n                  \"data-mp-savebar-save\": \"\",\n                  onPress: function onPress() {\n                    void handleSave();\n                  },\n                  children: t(\"Save\")\n                })\n              ]\n            })\n          ]\n        }, \"contextual-savebar\") : null\n      }),\n      /* @__PURE__ */ _jsx(UnsavedChangesDialog, {\n        open: guardOpen,\n        fieldCount: Math.max(stagedDirty, 1),\n        onKeepEditing: handleKeepEditing,\n        onDiscard: handleDiscardCommit\n      })\n    ]\n  });\n}\nexport {\n  ContextualSaveBar,\n  clientKnownIdentity,\n  commitImmediateField\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/ContextualSaveBar/useUnsavedChangesGuard.mjs

@@ -0,0 +1,24 @@
+import { useEffect } from "react";
+const idleBlocker = {
+  state: "unblocked",
+  proceed: () => {},
+  reset: () => {}
+};
+function useUnsavedChangesGuard(isDirty, useBlocker) {
+  const blocker = useBlocker?.(isDirty) ?? idleBlocker;
+  useEffect(() => {
+    if (!isDirty) return;
+    if (typeof window === "undefined" || typeof window.addEventListener !== "function") {
+      return;
+    }
+    const handler = event => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handler);
+    return () => window.removeEventListener("beforeunload", handler);
+  }, [isDirty]);
+  return blocker;
+}
+export { useUnsavedChangesGuard };
+//# sourceMappingURL=useUnsavedChangesGuard.mjs.map