@multiplatform.one/backoffice 6.4.3 → 6.7.0

package/dist/cjs/form/FormToolbar.cjs

@@ -0,0 +1,308 @@
+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 FormToolbar_exports = {};
+__export(FormToolbar_exports, {
+  FormToolbar: () => FormToolbar,
+  frappeColorToChipColor: () => frappeColorToChipColor,
+  resolveIndicator: () => resolveIndicator
+});
+module.exports = __toCommonJS(FormToolbar_exports);
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_forms = require("@multiplatform.one/forms");
+var import_jsx_runtime = require("react/jsx-runtime");
+const INDICATOR_COLORS = {
+  notSaved: "orange",
+  draft: "red",
+  submitted: "blue",
+  cancelled: "red",
+  new: "orange"
+};
+function frappeColorToChipColor(color) {
+  switch ((color ?? "").trim().toLowerCase().replace(/[\s_-]+/g, "")) {
+    case "red":
+      return "red";
+    case "green":
+      return "green";
+    case "blue":
+    case "lightblue":
+    case "cyan":
+      return "blue";
+    case "orange":
+      return "orange";
+    case "yellow":
+      return "yellow";
+    case "purple":
+    case "pink":
+      return "purple";
+    default:
+      return "gray";
+  }
+}
+function guessStatusColor(status) {
+  const value = status.toLowerCase();
+  const has = (...words) => words.some(word => value.includes(word));
+  if (has("cancel", "inactive", "archiv", "low")) return "gray";
+  if (has("success", "complet", "closed", "approv", "confirm", "paid", "receiv", "active", "enabled", "done", "finish", "resolv")) {
+    return "green";
+  }
+  if (has("error", "fail", "reject", "lost", "overdue", "urgent", "high", "disabled", "expire")) {
+    return "red";
+  }
+  if (has("open", "pending", "progress", "working", "review", "draft", "unpaid", "medium", "wait", "queue", "hold")) {
+    return "orange";
+  }
+  return "gray";
+}
+function resolveIndicator(args) {
+  if (args.isCreate) return "new";
+  if (args.isDirty) return "notSaved";
+  if (args.statusValue) {
+    const state = args.states?.find(row => row.title === args.statusValue);
+    if (state) return {
+      label: args.statusValue,
+      color: frappeColorToChipColor(state.color)
+    };
+  }
+  if (args.docstatus === 1) return "submitted";
+  if (args.docstatus === 2) return "cancelled";
+  if (args.statusValue) {
+    return {
+      label: args.statusValue,
+      color: guessStatusColor(args.statusValue)
+    };
+  }
+  return args.isSubmittable ? "draft" : "saved";
+}
+const MENU_ICONS = {
+  reload: import_react.ArrowCounterClockwiseIcon,
+  duplicate: import_react.CopyIcon,
+  rename: import_react.PencilSimpleIcon,
+  delete: import_react.TrashIcon,
+  print: import_react.PrinterIcon,
+  email: import_react.EnvelopeIcon,
+  links: import_react.LinkIcon,
+  new: import_react.PlusIcon,
+  list: import_react.ListBulletsIcon
+};
+function FormToolbar({
+  breadcrumbs,
+  onNavigate,
+  title,
+  indicator,
+  showIndicator = true,
+  isSaving,
+  cluster,
+  canSave,
+  canSubmit,
+  canCancel,
+  canAmend,
+  onSave,
+  onSubmit,
+  onCancel,
+  onAmend,
+  menuItems,
+  onReload
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const isNarrow = (0, import_theme.useLayoutSizeClass)() === "compact";
+  const indicatorLabels = {
+    notSaved: t("notSaved", "Not Saved"),
+    draft: t("draft", "Draft"),
+    submitted: t("submitted", "Submitted"),
+    cancelled: t("cancelled", "Cancelled"),
+    new: t("notSaved", "Not Saved")
+  };
+  const chip = typeof indicator === "string" ? indicator === "saved" ? void 0 : {
+    label: indicatorLabels[indicator],
+    color: INDICATOR_COLORS[indicator]
+  } : indicator;
+  const isDirtyish = typeof indicator === "string" && (indicator === "notSaved" || indicator === "new");
+  const actionLabels = {
+    save: isSaving ? t("saving", "Saving\u2026") : t("save", "Save"),
+    submit: t("submit", "Submit"),
+    cancel: t("cancelAction", "Cancel"),
+    amend: t("amend", "Amend")
+  };
+  const actionHandlers = {
+    save: onSave,
+    submit: onSubmit,
+    cancel: onCancel,
+    amend: onAmend
+  };
+  const visibleActions = [...(canSave && (isDirtyish || !canSubmit) ? ["save"] : []), ...(canSubmit && !isDirtyish ? ["submit"] : []), ...(canCancel ? ["cancel"] : []), ...(canAmend ? ["amend"] : [])];
+  const buttonActions = isNarrow ? visibleActions.slice(0, 1) : visibleActions;
+  const collapsedActions = isNarrow ? visibleActions.slice(1) : [];
+  const reload = onReload ?? menuItems.find(item => item.key === "reload")?.onSelect;
+  const actionEntryIcons = {
+    save: import_react.FloppyDiskIcon,
+    submit: import_react.CheckCircleIcon,
+    cancel: import_react.ProhibitIcon,
+    amend: import_react.CopyIcon
+  };
+  const entries = [
+  // Narrow viewports: secondary lifecycle actions fold into the menu.
+  ...collapsedActions.map(action => {
+    const Icon = actionEntryIcons[action];
+    return {
+      key: `__action-${action}`,
+      label: actionLabels[action],
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+        size: 16
+      }),
+      destructive: action === "cancel",
+      disabled: isSaving,
+      ...(isSaving ? {
+        disabledReason: t("saving", "Saving\u2026")
+      } : {}),
+      onSelect: actionHandlers[action]
+    };
+  }), ...(collapsedActions.length > 0 && menuItems.length > 0 ? [{
+    separator: true
+  }] : []), ...menuItems.map(item => ({
+    key: item.key,
+    label: item.label,
+    icon: item.icon ? (() => {
+      const Icon = MENU_ICONS[item.icon];
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+        size: 16
+      });
+    })() : void 0,
+    destructive: item.destructive,
+    disabled: item.disabled,
+    disabledReason: item.disabledReason,
+    onSelect: item.onSelect
+  }))];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    ...knobProps.panelPadding,
+    paddingBottom: 0,
+    testID: "form-toolbar",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Breadcrumbs, {
+      items: breadcrumbs,
+      onNavigate
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      flexWrap: "wrap",
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        gap: "$3",
+        flex: 1,
+        minWidth: 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          role: "heading",
+          "aria-level": 1,
+          fontSize: "$7",
+          fontWeight: "700",
+          color: "$color12",
+          numberOfLines: 1,
+          flexShrink: 1,
+          children: title
+        }), showIndicator && chip && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+          size: "$2",
+          variant: "subtle",
+          color: chip.color,
+          children: chip.label
+        }), cluster]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        flexShrink: 0,
+        children: [reload && !isNarrow && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          outlined: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowCounterClockwiseIcon, {
+            size: 16
+          }),
+          "aria-label": t("reloadDoc", "Reload"),
+          onPress: reload,
+          testID: "form-toolbar-reload"
+        }), entries.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+          items: entries,
+          placement: "bottom-end",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            outlined: true,
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.DotsThreeIcon, {
+              size: 18,
+              weight: "bold"
+            }),
+            "aria-label": t("menu", "Menu"),
+            testID: "form-toolbar-menu"
+          })
+        }), buttonActions.includes("cancel") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          error: true,
+          outlined: true,
+          actionRole: "secondary",
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ProhibitIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onCancel,
+          testID: "form-toolbar-cancel",
+          children: actionLabels.cancel
+        }), buttonActions.includes("amend") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          outlined: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CopyIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onAmend,
+          testID: "form-toolbar-amend",
+          children: actionLabels.amend
+        }), buttonActions.includes("submit") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          accent: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckCircleIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onSubmit,
+          testID: "form-toolbar-submit",
+          children: actionLabels.submit
+        }), buttonActions.includes("save") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          accent: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FloppyDiskIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onSave,
+          testID: "form-toolbar-save",
+          children: actionLabels.save
+        })]
+      })]
+    })]
+  });
+}

package/dist/cjs/form/FormToolbar.native.js

@@ -0,0 +1,331 @@
+"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 FormToolbar_exports = {};
+__export(FormToolbar_exports, {
+  FormToolbar: () => FormToolbar,
+  frappeColorToChipColor: () => frappeColorToChipColor,
+  resolveIndicator: () => resolveIndicator
+});
+module.exports = __toCommonJS(FormToolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+var import_forms = require("@multiplatform.one/forms");
+var INDICATOR_COLORS = {
+  notSaved: "orange",
+  draft: "red",
+  submitted: "blue",
+  cancelled: "red",
+  new: "orange"
+};
+function frappeColorToChipColor(color) {
+  switch ((color !== null && color !== void 0 ? color : "").trim().toLowerCase().replace(/[\s_-]+/g, "")) {
+    case "red":
+      return "red";
+    case "green":
+      return "green";
+    case "blue":
+    case "lightblue":
+    case "cyan":
+      return "blue";
+    case "orange":
+      return "orange";
+    case "yellow":
+      return "yellow";
+    case "purple":
+    case "pink":
+      return "purple";
+    default:
+      return "gray";
+  }
+}
+function guessStatusColor(status) {
+  var value = status.toLowerCase();
+  var has = function has2() {
+    for (var _len = arguments.length, words = new Array(_len), _key = 0; _key < _len; _key++) {
+      words[_key] = arguments[_key];
+    }
+    return words.some(function (word) {
+      return value.includes(word);
+    });
+  };
+  if (has("cancel", "inactive", "archiv", "low")) return "gray";
+  if (has("success", "complet", "closed", "approv", "confirm", "paid", "receiv", "active", "enabled", "done", "finish", "resolv")) {
+    return "green";
+  }
+  if (has("error", "fail", "reject", "lost", "overdue", "urgent", "high", "disabled", "expire")) {
+    return "red";
+  }
+  if (has("open", "pending", "progress", "working", "review", "draft", "unpaid", "medium", "wait", "queue", "hold")) {
+    return "orange";
+  }
+  return "gray";
+}
+function resolveIndicator(args) {
+  if (args.isCreate) return "new";
+  if (args.isDirty) return "notSaved";
+  if (args.statusValue) {
+    var _args_states;
+    var state = (_args_states = args.states) === null || _args_states === void 0 ? void 0 : _args_states.find(function (row) {
+      return row.title === args.statusValue;
+    });
+    if (state) return {
+      label: args.statusValue,
+      color: frappeColorToChipColor(state.color)
+    };
+  }
+  if (args.docstatus === 1) return "submitted";
+  if (args.docstatus === 2) return "cancelled";
+  if (args.statusValue) {
+    return {
+      label: args.statusValue,
+      color: guessStatusColor(args.statusValue)
+    };
+  }
+  return args.isSubmittable ? "draft" : "saved";
+}
+var MENU_ICONS = {
+  reload: import_react.ArrowCounterClockwiseIcon,
+  duplicate: import_react.CopyIcon,
+  rename: import_react.PencilSimpleIcon,
+  delete: import_react.TrashIcon,
+  print: import_react.PrinterIcon,
+  email: import_react.EnvelopeIcon,
+  links: import_react.LinkIcon,
+  new: import_react.PlusIcon,
+  list: import_react.ListBulletsIcon
+};
+function FormToolbar(param) {
+  var {
+    breadcrumbs,
+    onNavigate,
+    title,
+    indicator,
+    showIndicator = true,
+    isSaving,
+    cluster,
+    canSave,
+    canSubmit,
+    canCancel,
+    canAmend,
+    onSave,
+    onSubmit,
+    onCancel,
+    onAmend,
+    menuItems,
+    onReload
+  } = param;
+  var _menuItems_find;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var isNarrow = (0, import_theme.useLayoutSizeClass)() === "compact";
+  var indicatorLabels = {
+    notSaved: t("notSaved", "Not Saved"),
+    draft: t("draft", "Draft"),
+    submitted: t("submitted", "Submitted"),
+    cancelled: t("cancelled", "Cancelled"),
+    new: t("notSaved", "Not Saved")
+  };
+  var chip = typeof indicator === "string" ? indicator === "saved" ? void 0 : {
+    label: indicatorLabels[indicator],
+    color: INDICATOR_COLORS[indicator]
+  } : indicator;
+  var isDirtyish = typeof indicator === "string" && (indicator === "notSaved" || indicator === "new");
+  var actionLabels = {
+    save: isSaving ? t("saving", "Saving\u2026") : t("save", "Save"),
+    submit: t("submit", "Submit"),
+    cancel: t("cancelAction", "Cancel"),
+    amend: t("amend", "Amend")
+  };
+  var actionHandlers = {
+    save: onSave,
+    submit: onSubmit,
+    cancel: onCancel,
+    amend: onAmend
+  };
+  var visibleActions = [...(canSave && (isDirtyish || !canSubmit) ? ["save"] : []), ...(canSubmit && !isDirtyish ? ["submit"] : []), ...(canCancel ? ["cancel"] : []), ...(canAmend ? ["amend"] : [])];
+  var buttonActions = isNarrow ? visibleActions.slice(0, 1) : visibleActions;
+  var collapsedActions = isNarrow ? visibleActions.slice(1) : [];
+  var reload = onReload !== null && onReload !== void 0 ? onReload : (_menuItems_find = menuItems.find(function (item) {
+    return item.key === "reload";
+  })) === null || _menuItems_find === void 0 ? void 0 : _menuItems_find.onSelect;
+  var actionEntryIcons = {
+    save: import_react.FloppyDiskIcon,
+    submit: import_react.CheckCircleIcon,
+    cancel: import_react.ProhibitIcon,
+    amend: import_react.CopyIcon
+  };
+  var entries = [
+  // Narrow viewports: secondary lifecycle actions fold into the menu.
+  ...collapsedActions.map(function (action) {
+    var Icon = actionEntryIcons[action];
+    return {
+      key: `__action-${action}`,
+      label: actionLabels[action],
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+        size: 16
+      }),
+      destructive: action === "cancel",
+      disabled: isSaving,
+      ...(isSaving ? {
+        disabledReason: t("saving", "Saving\u2026")
+      } : {}),
+      onSelect: actionHandlers[action]
+    };
+  }), ...(collapsedActions.length > 0 && menuItems.length > 0 ? [{
+    separator: true
+  }] : []), ...menuItems.map(function (item) {
+    return {
+      key: item.key,
+      label: item.label,
+      icon: item.icon ? function () {
+        var Icon = MENU_ICONS[item.icon];
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+          size: 16
+        });
+      }() : void 0,
+      destructive: item.destructive,
+      disabled: item.disabled,
+      disabledReason: item.disabledReason,
+      onSelect: item.onSelect
+    };
+  })];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    ...knobProps.panelPadding,
+    paddingBottom: 0,
+    testID: "form-toolbar",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Breadcrumbs, {
+      items: breadcrumbs,
+      onNavigate
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      flexWrap: "wrap",
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        gap: "$3",
+        flex: 1,
+        minWidth: 0,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          role: "heading",
+          "aria-level": 1,
+          fontSize: "$7",
+          fontWeight: "700",
+          color: "$color12",
+          numberOfLines: 1,
+          flexShrink: 1,
+          children: title
+        }), showIndicator && chip && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+          size: "$2",
+          variant: "subtle",
+          color: chip.color,
+          children: chip.label
+        }), cluster]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        flexShrink: 0,
+        children: [reload && !isNarrow && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          outlined: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ArrowCounterClockwiseIcon, {
+            size: 16
+          }),
+          "aria-label": t("reloadDoc", "Reload"),
+          onPress: reload,
+          testID: "form-toolbar-reload"
+        }), entries.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+          items: entries,
+          placement: "bottom-end",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+            size: knobProps.sizeToken,
+            outlined: true,
+            icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.DotsThreeIcon, {
+              size: 18,
+              weight: "bold"
+            }),
+            "aria-label": t("menu", "Menu"),
+            testID: "form-toolbar-menu"
+          })
+        }), buttonActions.includes("cancel") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          error: true,
+          outlined: true,
+          actionRole: "secondary",
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ProhibitIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onCancel,
+          testID: "form-toolbar-cancel",
+          children: actionLabels.cancel
+        }), buttonActions.includes("amend") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          outlined: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CopyIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onAmend,
+          testID: "form-toolbar-amend",
+          children: actionLabels.amend
+        }),
+        /* LC-05 / R-3: the lifecycle primary (Submit or Save — mutually
+        exclusive per the visibleActions gate) is the single
+        accent-solid action on the screen. */
+        buttonActions.includes("submit") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          accent: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckCircleIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onSubmit,
+          testID: "form-toolbar-submit",
+          children: actionLabels.submit
+        }), buttonActions.includes("save") && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
+          size: knobProps.sizeToken,
+          accent: true,
+          icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FloppyDiskIcon, {
+            size: 16
+          }),
+          loading: isSaving,
+          onPress: onSave,
+          testID: "form-toolbar-save",
+          children: actionLabels.save
+        })]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=FormToolbar.native.js.map

package/dist/cjs/form/FormToolbar.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormToolbar_exports","__export","FormToolbar","frappeColorToChipColor","resolveIndicator","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","import_react_i18next","import_i18n","import_forms","INDICATOR_COLORS","notSaved","draft","submitted","cancelled","new","color","trim","toLowerCase","replace","guessStatusColor","status","has","has2","_len","arguments","length","words","Array","_key","some","word","includes","args","isCreate","isDirty","statusValue","_args_states","state","states","find","row","title","label","docstatus","isSubmittable","MENU_ICONS","reload","ArrowCounterClockwiseIcon","duplicate","CopyIcon","rename","PencilSimpleIcon","delete","TrashIcon","print","PrinterIcon","email","EnvelopeIcon","links","LinkIcon","PlusIcon","list","ListBulletsIcon","param","breadcrumbs","onNavigate","indicator","showIndicator","isSaving","cluster","canSave","canSubmit","canCancel","canAmend","onSave","onSubmit","onCancel","onAmend","menuItems","onReload","_menuItems_find","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","isNarrow","useLayoutSizeClass","indicatorLabels","chip","isDirtyish","actionLabels","save","submit","cancel","amend","actionHandlers","visibleActions","buttonActions","slice","collapsedActions","item","key","onSelect","actionEntryIcons","FloppyDiskIcon","CheckCircleIcon","ProhibitIcon","entries","map","action","Icon","icon","jsx","size","destructive","disabled","disabledReason","separator","jsxs","YStack","gap","panelPadding","paddingBottom","testID","children","Breadcrumbs","items","XStack","alignItems","flexWrap","flex","minWidth","Text","role","fontSize","fontWeight","numberOfLines","flexShrink","Chip","variant","Button","sizeToken","outlined","onPress","DropdownMenu","placement","DotsThreeIcon","weight","error","actionRole","loading"],"sources":["../../../src/form/FormToolbar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}