@multiplatform.one/backoffice 6.4.2 → 6.6.0

package/dist/cjs/form/FormDialogs.cjs

@@ -0,0 +1,179 @@
+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 FormDialogs_exports = {};
+__export(FormDialogs_exports, {
+  AssignDialog: () => AssignDialog,
+  EmailDialog: () => EmailDialog,
+  RenameDialog: () => RenameDialog
+});
+module.exports = __toCommonJS(FormDialogs_exports);
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function RenameDialog({
+  open,
+  onOpenChange,
+  currentName,
+  onRename
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [value, setValue] = (0, import_react.useState)(currentName);
+  (0, import_react.useEffect)(() => {
+    if (!open) setValue(currentName);
+  }, [open, currentName]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("renameTitle", "Rename document"),
+    confirmLabel: t("rename", "Rename"),
+    confirmDisabled: !value.trim() || value.trim() === currentName,
+    confirmDisabledReason: t("renameDisabled", "Enter a different name"),
+    onConfirm: () => onRename(value.trim()),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$color11",
+        fontSize: "$3",
+        children: t("renameBody", "New name for {{name}}:", {
+          name: currentName
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value,
+        onChangeText: setValue,
+        inputProps: {
+          "aria-label": t("newName", "New name"),
+          autoFocus: true
+        }
+      })]
+    })
+  });
+}
+function EmailDialog({
+  open,
+  onOpenChange,
+  defaultSubject,
+  onSend
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [recipients, setRecipients] = (0, import_react.useState)("");
+  const [subject, setSubject] = (0, import_react.useState)(defaultSubject);
+  const [content, setContent] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (!open) {
+      setRecipients("");
+      setSubject(defaultSubject);
+      setContent("");
+    }
+  }, [open, defaultSubject]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("emailTitle", "New Email"),
+    confirmLabel: t("send", "Send"),
+    confirmDisabled: !recipients.trim() || !subject.trim(),
+    confirmDisabledReason: t("emailDisabled", "Recipients and subject are required"),
+    onConfirm: () => onSend({
+      recipients: recipients.trim(),
+      subject: subject.trim(),
+      content
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: recipients,
+        onChangeText: setRecipients,
+        placeholder: t("emailTo", "To (comma-separated emails)"),
+        inputProps: {
+          "aria-label": t("emailTo", "To (comma-separated emails)"),
+          autoFocus: true
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: subject,
+        onChangeText: setSubject,
+        placeholder: t("emailSubject", "Subject"),
+        inputProps: {
+          "aria-label": t("emailSubject", "Subject")
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.TextArea, {
+        value: content,
+        onChangeText: setContent,
+        placeholder: t("emailMessage", "Message"),
+        minRows: 4,
+        textAreaProps: {
+          "aria-label": t("emailMessage", "Message")
+        }
+      })]
+    })
+  });
+}
+function AssignDialog({
+  open,
+  onOpenChange,
+  onAssign
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [user, setUser] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (open) setUser("");
+  }, [open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("assignTitle", "Add assignment"),
+    confirmLabel: t("assign", "Assign"),
+    confirmDisabled: !user,
+    confirmDisabledReason: t("assignDisabled", "Pick a user first"),
+    onConfirm: () => onAssign(user),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Link, {
+        label: t("assignTo", "Assign to"),
+        doctype: "User",
+        value: user,
+        onChange: value => setUser(value === null || value === void 0 ? "" : String(value))
+      })
+    })
+  });
+}

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

@@ -0,0 +1,193 @@
+"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 FormDialogs_exports = {};
+__export(FormDialogs_exports, {
+  AssignDialog: () => AssignDialog,
+  EmailDialog: () => EmailDialog,
+  RenameDialog: () => RenameDialog
+});
+module.exports = __toCommonJS(FormDialogs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+function RenameDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    currentName,
+    onRename
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [value, setValue] = (0, import_react.useState)(currentName);
+  (0, import_react.useEffect)(function () {
+    if (!open) setValue(currentName);
+  }, [open, currentName]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("renameTitle", "Rename document"),
+    confirmLabel: t("rename", "Rename"),
+    confirmDisabled: !value.trim() || value.trim() === currentName,
+    confirmDisabledReason: t("renameDisabled", "Enter a different name"),
+    onConfirm: function onConfirm() {
+      return onRename(value.trim());
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$color11",
+        fontSize: "$3",
+        children: t("renameBody", "New name for {{name}}:", {
+          name: currentName
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value,
+        onChangeText: setValue,
+        inputProps: {
+          "aria-label": t("newName", "New name"),
+          autoFocus: true
+        }
+      })]
+    })
+  });
+}
+function EmailDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    defaultSubject,
+    onSend
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [recipients, setRecipients] = (0, import_react.useState)("");
+  var [subject, setSubject] = (0, import_react.useState)(defaultSubject);
+  var [content, setContent] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(function () {
+    if (!open) {
+      setRecipients("");
+      setSubject(defaultSubject);
+      setContent("");
+    }
+  }, [open, defaultSubject]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("emailTitle", "New Email"),
+    confirmLabel: t("send", "Send"),
+    confirmDisabled: !recipients.trim() || !subject.trim(),
+    confirmDisabledReason: t("emailDisabled", "Recipients and subject are required"),
+    onConfirm: function onConfirm() {
+      return onSend({
+        recipients: recipients.trim(),
+        subject: subject.trim(),
+        content
+      });
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: recipients,
+        onChangeText: setRecipients,
+        placeholder: t("emailTo", "To (comma-separated emails)"),
+        inputProps: {
+          "aria-label": t("emailTo", "To (comma-separated emails)"),
+          autoFocus: true
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: subject,
+        onChangeText: setSubject,
+        placeholder: t("emailSubject", "Subject"),
+        inputProps: {
+          "aria-label": t("emailSubject", "Subject")
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.TextArea, {
+        value: content,
+        onChangeText: setContent,
+        placeholder: t("emailMessage", "Message"),
+        minRows: 4,
+        textAreaProps: {
+          "aria-label": t("emailMessage", "Message")
+        }
+      })]
+    })
+  });
+}
+function AssignDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    onAssign
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [user, setUser] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(function () {
+    if (open) setUser("");
+  }, [open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("assignTitle", "Add assignment"),
+    confirmLabel: t("assign", "Assign"),
+    confirmDisabled: !user,
+    confirmDisabledReason: t("assignDisabled", "Pick a user first"),
+    onConfirm: function onConfirm() {
+      return onAssign(user);
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Link, {
+        label: t("assignTo", "Assign to"),
+        doctype: "User",
+        value: user,
+        onChange: function onChange(value) {
+          return setUser(value === null || value === void 0 ? "" : String(value));
+        }
+      })
+    })
+  });
+}
+//# sourceMappingURL=FormDialogs.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormDialogs_exports","__export","AssignDialog","EmailDialog","RenameDialog","module","exports","import_jsx_runtime","require","import_components","import_forms","import_frappe_ui","import_theme","import_react","import_react_i18next","import_i18n","param","open","onOpenChange","currentName","onRename","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","setValue","useState","useEffect","jsx","ConfirmDialog","title","confirmLabel","confirmDisabled","trim","confirmDisabledReason","onConfirm","children","jsxs","YStack","gap","Text","color","fontSize","name","Input","onChangeText","inputProps","autoFocus","defaultSubject","onSend","recipients","setRecipients","subject","setSubject","content","setContent","minWidth","placeholder","TextArea","minRows","textAreaProps","onAssign","user","setUser"],"sources":["../../../src/form/FormDialogs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/form/FormErrorBoundary.cjs

@@ -0,0 +1,122 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FormErrorBoundary_exports = {};
+__export(FormErrorBoundary_exports, {
+  FormErrorBoundary: () => FormErrorBoundary,
+  wrapFieldWithErrorBoundary: () => wrapFieldWithErrorBoundary
+});
+module.exports = __toCommonJS(FormErrorBoundary_exports);
+var import_react = __toESM(require("react"));
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const logger = console;
+function FormErrorFallback({
+  label,
+  errorTitle,
+  error,
+  onRetry,
+  testID
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    minWidth: 0,
+    testID,
+    children: [label ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$3",
+      fontWeight: "600",
+      color: "$color11",
+      numberOfLines: 1,
+      children: label
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.AsyncBoundary, {
+      compact: true,
+      error,
+      onRetry,
+      errorTitle: errorTitle ?? t("fieldRenderError", "This field failed to render")
+    })]
+  });
+}
+class FormErrorBoundary extends import_react2.Component {
+  static getDerivedStateFromError(error) {
+    return {
+      error
+    };
+  }
+  state = {
+    error: void 0,
+    resetNonce: 0
+  };
+  componentDidCatch(error, errorInfo) {
+    logger.warn("[backoffice] form render error contained", {
+      error,
+      errorInfo
+    });
+  }
+  handleRetry = () => {
+    this.setState(prev => ({
+      error: void 0,
+      resetNonce: prev.resetNonce + 1
+    }));
+  };
+  render() {
+    if (this.state.error) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorFallback, {
+        label: this.props.label,
+        errorTitle: this.props.errorTitle,
+        error: this.state.error,
+        onRetry: this.handleRetry,
+        testID: this.props.testID
+      });
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.default.Fragment, {
+      children: this.props.children
+    }, this.state.resetNonce);
+  }
+}
+function wrapFieldWithErrorBoundary(rendered, field) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorBoundary, {
+    label: field.label,
+    testID: `form-field-error-${field.name}`,
+    children: rendered
+  }, field.name);
+}