@multiplatform.one/forms 7.4.1 → 7.5.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"],"sources":["../../../src/ContextualSaveBar/index.tsx"],"sourcesContent":[null],"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

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","idleBlocker","state","proceed","reset","useUnsavedChangesGuard","isDirty","useBlocker","blocker","window","addEventListener","handler","event","preventDefault","returnValue","removeEventListener"],"sources":["../../../src/ContextualSaveBar/useUnsavedChangesGuard.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAU1B,MAAMC,WAAA,GAAiC;EACrCC,KAAA,EAAO;EACPC,OAAA,EAASA,CAAA,KAAM,CAAC;EAChBC,KAAA,EAAOA,CAAA,KAAM,CAAC;AAChB;AAGO,SAASC,uBACdC,OAAA,EACAC,UAAA,EACmB;EACnB,MAAMC,OAAA,GAAUD,UAAA,GAAaD,OAAO,KAAKL,WAAA;EAEzCD,SAAA,CAAU,MAAM;IACd,IAAI,CAACM,OAAA,EAAS;IACd,IAAI,OAAOG,MAAA,KAAW,eAAe,OAAOA,MAAA,CAAOC,gBAAA,KAAqB,YAAY;MAClF;IACF;IACA,MAAMC,OAAA,GAAWC,KAAA,IAA6B;MAC5CA,KAAA,CAAMC,cAAA,CAAe;MACrBD,KAAA,CAAME,WAAA,GAAc;IACtB;IACAL,MAAA,CAAOC,gBAAA,CAAiB,gBAAgBC,OAAO;IAC/C,OAAO,MAAMF,MAAA,CAAOM,mBAAA,CAAoB,gBAAgBJ,OAAO;EACjE,GAAG,CAACL,OAAO,CAAC;EAEZ,OAAOE,OAAA;AACT","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+import { useEffect } from "react";
+var idleBlocker = {
+  state: "unblocked",
+  proceed: function proceed() {},
+  reset: function reset() {}
+};
+function useUnsavedChangesGuard(isDirty, useBlocker) {
+  var _ref;
+  var blocker = (_ref = useBlocker === null || useBlocker === void 0 ? void 0 : useBlocker(isDirty)) !== null && _ref !== void 0 ? _ref : idleBlocker;
+  useEffect(function () {
+    if (!isDirty) return;
+    if (typeof window === "undefined" || typeof window.addEventListener !== "function") {
+      return;
+    }
+    var handler = function handler2(event) {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", handler);
+    return function () {
+      return window.removeEventListener("beforeunload", handler);
+    };
+  }, [isDirty]);
+  return blocker;
+}
+export { useUnsavedChangesGuard };
+//# sourceMappingURL=useUnsavedChangesGuard.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","idleBlocker","state","proceed","reset","useUnsavedChangesGuard","isDirty","useBlocker","_ref","blocker","window","addEventListener","handler","handler2","event","preventDefault","returnValue","removeEventListener"],"sources":["../../../src/ContextualSaveBar/useUnsavedChangesGuard.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAU1B,IAAAC,WAAM;EACJC,KAAA,EAAO;EACPC,OAAA,EAAS,SAAMA,QAAA,GAAC;EAChBC,KAAA,EAAO,SAAMA,MAAA,GAAC;AAChB;AAGO,SAASC,uBACdC,OAAA,EACAC,UAAA,EACmB;EACnB,IAAAC,IAAM;EAEN,IAAAC,OAAU,IAAAD,IAAM,GAAAD,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAAD,OAAA,eAAAE,IAAA,cAAAA,IAAA,GAAAP,WAAA;EACdD,SAAK,aAAS;IACd,IAAI,CAAAM,OAAO;IACT,WAAAI,MAAA,2BAAAA,MAAA,CAAAC,gBAAA;MACF;IACA;IACE,IAAAC,OAAM,YAAeC,SAAAC,KAAA;MACrBA,KAAA,CAAMC,cAAc;MACtBD,KAAA,CAAAE,WAAA;IACA;IACAN,MAAA,CAAOC,gBAAa,iBAAoBC,OAAA;IAC1C,OAAI,YAAQ;MAEZ,OAAOF,MAAA,CAAAO,mBAAA,iBAAAL,OAAA;IACT","ignoreList":[]}