@multiplatform.one/backoffice 6.4.2 → 6.6.0

package/dist/cjs/form/sidebar-attachments.cjs

@@ -0,0 +1,124 @@
+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 sidebar_attachments_exports = {};
+__export(sidebar_attachments_exports, {
+  SidebarAttachments: () => SidebarAttachments
+});
+module.exports = __toCommonJS(sidebar_attachments_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_sidebar_utils = require("./sidebar-utils.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SidebarAttachments({
+  items,
+  baseURL,
+  maxAttachments,
+  disabled,
+  onUpload,
+  onRemove
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const theme = (0, import_components.useTheme)();
+  const iconColor = typeof theme.color11?.val === "string" ? theme.color11.val : void 0;
+  const sz = knobProps.sizeToken;
+  const fontSize = sz === "$3" ? "$1" : sz === "$5" ? "$4" : "$2";
+  const iconSize = sz === "$3" ? 12 : sz === "$5" ? 16 : 14;
+  const linkable = (0, import_sidebar_utils.canOpenUrl)();
+  const atLimit = typeof maxAttachments === "number" && maxAttachments > 0 && items.length >= maxAttachments;
+  const showUpload = Boolean(onUpload) && (0, import_sidebar_utils.canPickFile)();
+  const handlePick = async () => {
+    const file = await (0, import_sidebar_utils.pickFile)();
+    if (file) onUpload?.(file);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    children: [items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$1",
+      color: "$color11",
+      children: t("noAttachments", "No attachments")
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      gap: "$1.5",
+      children: items.map(item => {
+        const url = (0, import_sidebar_utils.toAbsoluteUrl)(baseURL, item.fileUrl);
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$2",
+          alignItems: "center",
+          children: [item.isPrivate ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.LockSimpleIcon, {
+            size: iconSize,
+            color: iconColor
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PaperclipIcon, {
+            size: iconSize,
+            color: iconColor
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            flex: 1,
+            minWidth: 0,
+            fontSize,
+            color: linkable ? "$blue11" : "$color12",
+            numberOfLines: 1,
+            ...(linkable ? {
+              cursor: "pointer",
+              textDecorationLine: "underline",
+              role: "link",
+              onPress: () => (0, import_sidebar_utils.openUrl)(url)
+            } : {}),
+            children: item.fileName
+          }), onRemove && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+            size: "$1",
+            chromeless: true,
+            icon: import_react.XIcon,
+            disabled,
+            "aria-label": t("removeAttachment", "Remove {{name}}", {
+              name: item.fileName
+            }),
+            onPress: () => onRemove(item)
+          })]
+        }, item.id);
+      })
+    }), showUpload && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        size: "$2",
+        icon: import_react.UploadSimpleIcon,
+        disabled: disabled || atLimit,
+        ...(atLimit ? {
+          disabledReason: t("attachmentLimit", "Attachment limit reached")
+        } : {}),
+        onPress: () => void handlePick(),
+        children: t("attachFile", "Attach File")
+      }), typeof maxAttachments === "number" && maxAttachments > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Text, {
+        fontSize: "$1",
+        color: "$color11",
+        children: [items.length, "/", maxAttachments]
+      })]
+    })]
+  });
+}

package/dist/cjs/form/sidebar-attachments.native.js

@@ -0,0 +1,147 @@
+"use strict";
+
+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 sidebar_attachments_exports = {};
+__export(sidebar_attachments_exports, {
+  SidebarAttachments: () => SidebarAttachments
+});
+module.exports = __toCommonJS(sidebar_attachments_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("@phosphor-icons/react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+var import_sidebar_utils = require("./sidebar-utils.native.js");
+function SidebarAttachments(param) {
+  var {
+    items,
+    baseURL,
+    maxAttachments,
+    disabled,
+    onUpload,
+    onRemove
+  } = param;
+  var _theme_color11;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var theme = (0, import_components.useTheme)();
+  var iconColor = typeof ((_theme_color11 = theme.color11) === null || _theme_color11 === void 0 ? void 0 : _theme_color11.val) === "string" ? theme.color11.val : void 0;
+  var sz = knobProps.sizeToken;
+  var fontSize = sz === "$3" ? "$1" : sz === "$5" ? "$4" : "$2";
+  var iconSize = sz === "$3" ? 12 : sz === "$5" ? 16 : 14;
+  var linkable = (0, import_sidebar_utils.canOpenUrl)();
+  var atLimit = typeof maxAttachments === "number" && maxAttachments > 0 && items.length >= maxAttachments;
+  var showUpload = Boolean(onUpload) && (0, import_sidebar_utils.canPickFile)();
+  var handlePick = async function handlePick2() {
+    var file = await (0, import_sidebar_utils.pickFile)();
+    if (file) onUpload === null || onUpload === void 0 ? void 0 : onUpload(file);
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    children: [items.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      fontSize: "$1",
+      color: "$color11",
+      children: t("noAttachments", "No attachments")
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      gap: "$1.5",
+      children: items.map(function (item) {
+        var url = (0, import_sidebar_utils.toAbsoluteUrl)(baseURL, item.fileUrl);
+        return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+          gap: "$2",
+          alignItems: "center",
+          children: [item.isPrivate ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.LockSimpleIcon, {
+            size: iconSize,
+            color: iconColor
+          }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.PaperclipIcon, {
+            size: iconSize,
+            color: iconColor
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+            flex: 1,
+            minWidth: 0,
+            fontSize,
+            color: linkable ? "$blue11" : "$color12",
+            numberOfLines: 1,
+            ...(linkable ? {
+              cursor: "pointer",
+              textDecorationLine: "underline",
+              role: "link",
+              onPress: function onPress() {
+                return (0, import_sidebar_utils.openUrl)(url);
+              }
+            } : {}),
+            children: item.fileName
+          }), onRemove && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+            size: "$1",
+            chromeless: true,
+            icon: import_react2.XIcon,
+            disabled,
+            "aria-label": t("removeAttachment", "Remove {{name}}", {
+              name: item.fileName
+            }),
+            onPress: function onPress() {
+              return onRemove(item);
+            }
+          })]
+        }, item.id);
+      })
+    }), showUpload && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        size: "$2",
+        icon: import_react2.UploadSimpleIcon,
+        disabled: disabled || atLimit,
+        ...(atLimit ? {
+          disabledReason: t("attachmentLimit", "Attachment limit reached")
+        } : {}),
+        onPress: function onPress() {
+          return void handlePick();
+        },
+        children: t("attachFile", "Attach File")
+      }), typeof maxAttachments === "number" && maxAttachments > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Text, {
+        fontSize: "$1",
+        color: "$color11",
+        children: [items.length, "/", maxAttachments]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=sidebar-attachments.native.js.map

package/dist/cjs/form/sidebar-attachments.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","sidebar_attachments_exports","__export","SidebarAttachments","module","exports","import_jsx_runtime","require","import_react","import_components","import_theme","import_react2","import_react_i18next","import_i18n","import_sidebar_utils","param","items","baseURL","maxAttachments","disabled","onUpload","onRemove","_theme_color11","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","theme","useTheme","iconColor","color11","val","sz","sizeToken","fontSize","iconSize","linkable","canOpenUrl","atLimit","length","showUpload","Boolean","canPickFile","handlePick","handlePick2","file","pickFile","jsxs","YStack","gap","children","jsx","Text","color","map","item","url","toAbsoluteUrl","fileUrl","XStack","alignItems","isPrivate","LockSimpleIcon","size","PaperclipIcon","flex","minWidth","numberOfLines","cursor","textDecorationLine","role","onPress","openUrl","fileName","Button","chromeless","icon","XIcon","name","id"],"sources":["../../../src/form/sidebar-attachments.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/form/sidebar-dialogs.cjs

@@ -0,0 +1,136 @@
+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 sidebar_dialogs_exports = {};
+__export(sidebar_dialogs_exports, {
+  SidebarAssignDialog: () => SidebarAssignDialog,
+  SidebarShareDialog: () => SidebarShareDialog
+});
+module.exports = __toCommonJS(sidebar_dialogs_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 SidebarAssignDialog({
+  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)("");
+  const [description, setDescription] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (!open) {
+      setUser("");
+      setDescription("");
+    }
+  }, [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, description.trim() || void 0),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(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 ?? "")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: description,
+        onChangeText: setDescription,
+        placeholder: t("assignComment", "Comment (optional)"),
+        inputProps: {
+          "aria-label": t("assignComment", "Comment (optional)")
+        }
+      })]
+    })
+  });
+}
+function SidebarShareDialog({
+  open,
+  onOpenChange,
+  onShare
+}) {
+  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)("");
+  const [canWrite, setCanWrite] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (!open) {
+      setUser("");
+      setCanWrite(false);
+    }
+  }, [open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("shareTitle", "Share document"),
+    confirmLabel: t("share", "Share"),
+    confirmDisabled: !user,
+    confirmDisabledReason: t("shareDisabled", "Pick a user first"),
+    onConfirm: () => onShare(user, canWrite),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Link, {
+        label: t("shareWith", "Share with"),
+        doctype: "User",
+        value: user,
+        onChange: value => setUser(value ?? "")
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: "$color11",
+          children: t("canEdit", "Can edit")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+          size: "$2",
+          checked: canWrite,
+          onChange: value => setCanWrite(Boolean(value)),
+          switchProps: {
+            "aria-label": t("canEdit", "Can edit")
+          }
+        })]
+      })]
+    })
+  });
+}

package/dist/cjs/form/sidebar-dialogs.native.js

@@ -0,0 +1,151 @@
+"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 sidebar_dialogs_exports = {};
+__export(sidebar_dialogs_exports, {
+  SidebarAssignDialog: () => SidebarAssignDialog,
+  SidebarShareDialog: () => SidebarShareDialog
+});
+module.exports = __toCommonJS(sidebar_dialogs_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 SidebarAssignDialog(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)("");
+  var [description, setDescription] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(function () {
+    if (!open) {
+      setUser("");
+      setDescription("");
+    }
+  }, [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, description.trim() || void 0);
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(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 ? value : "");
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: description,
+        onChangeText: setDescription,
+        placeholder: t("assignComment", "Comment (optional)"),
+        inputProps: {
+          "aria-label": t("assignComment", "Comment (optional)")
+        }
+      })]
+    })
+  });
+}
+function SidebarShareDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    onShare
+  } = 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)("");
+  var [canWrite, setCanWrite] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(function () {
+    if (!open) {
+      setUser("");
+      setCanWrite(false);
+    }
+  }, [open]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("shareTitle", "Share document"),
+    confirmLabel: t("share", "Share"),
+    confirmDisabled: !user,
+    confirmDisabledReason: t("shareDisabled", "Pick a user first"),
+    onConfirm: function onConfirm() {
+      return onShare(user, canWrite);
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Link, {
+        label: t("shareWith", "Share with"),
+        doctype: "User",
+        value: user,
+        onChange: function onChange(value) {
+          return setUser(value !== null && value !== void 0 ? value : "");
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        alignItems: "center",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          fontSize: "$3",
+          color: "$color11",
+          children: t("canEdit", "Can edit")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Switch, {
+          size: "$2",
+          checked: canWrite,
+          onChange: function onChange(value) {
+            return setCanWrite(Boolean(value));
+          },
+          switchProps: {
+            "aria-label": t("canEdit", "Can edit")
+          }
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=sidebar-dialogs.native.js.map

package/dist/cjs/form/sidebar-dialogs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","sidebar_dialogs_exports","__export","SidebarAssignDialog","SidebarShareDialog","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","onAssign","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","user","setUser","useState","description","setDescription","useEffect","jsx","ConfirmDialog","title","confirmLabel","confirmDisabled","confirmDisabledReason","onConfirm","trim","children","jsxs","YStack","gap","minWidth","Link","label","doctype","onChange","Input","onChangeText","placeholder","inputProps","onShare","canWrite","setCanWrite","XStack","alignItems","justifyContent","Text","fontSize","color"],"sources":["../../../src/form/sidebar-dialogs.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAOAC,MAAA,CAAAC,OAAA,GAAAV,YAAoD,CAAAK,uBAAA;AACpD,IAAAM,kBAA8B,GAAAC,OAAA;AAC9B,IAAAC,iBAAA,GAAqBD,OAAA;AACrB,IAAAE,YAAA,GAAiCF,OAAA;AACjC,IAAAG,gBAAoC,GAAAH,OAAA;AACpC,IAAAI,YAAA,GAAAJ,OAAA,CAA+B;AAC/B,IAAAK,YAAA,GAA0CL,OAAA;AAiCpC,IAAAM,oBAAA,GAAAN,OAAA;AAzBC,IAAAO,WAAS,GAAAP,OAAA,0BAAsB;AACpC,SAAML,mBAAQA,CAAAa,KAAA;EACd;IAAMC,IAAE;IAAAC,YAAU;IAAIC;EAAA,IAAAH,KAAA;EACtB;IAAMI;EAAC,KAAM,GAAAN,oBAAW,CAAAO,cAAS,EAAEN,WAAA,CAAAO,yBAAA;EACnC;IAAMC;EAAC,IAAa,IAAAX,YAAc,CAAAY,gBAAI;EAItC,KAAAC,IAAA,EAAAC,OAAA,QAAAb,YAAgB,CAAAc,QAAA;EACd,KAAAC,WAAW,EAAAC,cAAA,QAAAhB,YAAA,CAAAc,QAAA;EACT,IAAAd,YAAU,CAAAiB,SAAA;IACV,KAAAb,IAAA;MACFS,OAAA;MACEG,cAAK;IAET;EACE,GAAC,CAAAZ,IAAA;EACC,OACA,mBAAAV,kBAAA,CAAAwB,GAAA,EAAAtB,iBAAA,CAAAuB,aAAA;IAAAf,IACA;IAAwCC,YACxC;IAAkCe,KAClC,EAAAb,CAAA,cAAkB;IAAAc,YAClB,EAAAd,CAAA,WAAuB,QAAE;IAAqCe,eACnD,GAAAV,IAAM;IAA8CW,qBAE/D,EAAAhB,CAAA,sCAAC;IACCiB,SAAA,WAAAA,UAAA;MAAA,OAAClB,QAAA,CAAAM,IAAA,EAAAG,WAAA,CAAAU,IAAA;IAAA;IAAAC,QACC,iBAAS,IAAYhC,kBAAW,CAAAiC,IAAA,EAAA/B,iBAAA,CAAAgC,MAAA;MAAA,GAAAlB,SAChC,CAAAmB,GAAQ;MAAAC,QACR,KAAO;MAAAJ,QACP,GAAwC,mBAAAhC,kBAAA,CAAAwB,GAAA,EAAApB,gBAAA,CAAAiC,IAAA;QAC1CC,KAAA,EAAAzB,CAAA;QACA0B,OAAA;QAAC9C,KAAA,EAAAyB,IAAA;QAAAsB,QAAA,WAAAA,SAAA/C,KAAA;UACC,OAAO0B,OAAA,CAAA1B,KAAA,aAAAA,KAAA,cAAAA,KAAA;QAAA;MACO,IACsC,eACxC,IAAAO,kBAAA,CAAAwB,GAAA,EAAArB,YAAA,CAAAsC,KAAA;QAAAhD,KACV,EAAA4B,WAAc;QAAuCqB,YACvD,EAAApB,cAAA;QAAAqB,WAAA,EAAA9B,CAAA;QACF+B,UAAA;UACF,cAAA/B,CAAA;QAAA;MACF;IAUG;EACL;AACA;AACA,SAAOhB,kBAAaA,CAAAY,KAAI;EACxB;IAAMC,IAAC;IAAAC,YAAU;IAAAkC;EAAW,IAAIpC,KAAA;EAGhC;IAAAI;EAAA,QAAAN,oBAAgB,CAAAO,cAAA,EAAAN,WAAA,CAAAO,yBAAA;EACd;IAAIC;EAAO,QAAAX,YAAA,CAAAY,gBAAA;EACT,KAAAC,IAAA,EAAAC,OAAU,QAAAb,YAAA,CAAAc,QAAA;EACV,KAAA0B,QAAA,EAAAC,WAAiB,QAAAzC,YAAA,CAAAc,QAAA;EAAA,EACnB,EAAAd,YAAA,CAAAiB,SAAA;IACF,IAAI,CAAAb,IAAK;MAETS,OACE;MAAC4B,WAAA;IAAA;EAAA,IACCrC,IACA;EACuC,OACvC,eAAgB,IAAAV,kBAAgB,CAAAwB,GAAA,EAAAtB,iBAAA,CAAAuB,aAAA;IAAAf,IAChC;IAAkBC,YAClB;IAA6De,KAC7D,EAAAb,CAAA,aAAiB,kBAAc;IAAQc,YAEvC,EAAAd,CAAA;IACEe,eAAA,GAAAV,IAAA;IAAAW,qBAAC,EAAAhB,CAAA;IAAAiB,SAAA,WAAAA,UAAA;MAAA,OACCe,OAAO,CAAE3B,IAAA,EAAA4B,QAAa;IAAY;IAC1Bd,QACR,iBAAO,IAAAhC,kBAAA,CAAAiC,IAAA,EAAA/B,iBAAA,CAAAgC,MAAA;MAAA,GAAAlB,SACP,CAAAmB,GAAU;MAA8BC,QAAA;MAAAJ,QAC1C,GACA,mBAAAhC,kBAAA,CAAAwB,GAAA,EAAApB,gBAAC,CAAAiC,IAAA;QACCC,KAAA,EAAAzB,CAAA;QAGA0B,OAAA;QAAA9C,KAAC,EAAAyB,IAAA;QAAAsB,QAAA,WAAAA,SAAA/C,KAAA;UAAA,OACC0B,OAAK,CAAA1B,KAAA,aAAAA,KAAA,cAAAA,KAAA;QAAA;MACI,IACsC,eAC/C,IAAaO,kBAAkB,CAAAiC,IAAA,EAAA/B,iBAAuB,CAAA8C,MAAA;QAAAC,UAAA;QACxDC,cAAA;QAAAlB,QACF,GACF,mBAAAhC,kBAAA,CAAAwB,GAAA,EAAAtB,iBAAA,CAAAiD,IAAA;UAAAC,QAAA;UACFC,KAAA;UAEJrB,QAAA,EAAAnB,CAAA","ignoreList":[]}