@multiplatform.one/backoffice 6.4.3 → 6.6.0

package/dist/jsx/form/sidebar-attachments.mjs

@@ -0,0 +1,99 @@
+import { Button, Text, XStack, YStack, useTheme } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { LockSimpleIcon, PaperclipIcon, UploadSimpleIcon, XIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { canOpenUrl, canPickFile, openUrl, pickFile, toAbsoluteUrl } from "./sidebar-utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SidebarAttachments({
+  items,
+  baseURL,
+  maxAttachments,
+  disabled,
+  onUpload,
+  onRemove
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const theme = 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 = canOpenUrl();
+  const atLimit = typeof maxAttachments === "number" && maxAttachments > 0 && items.length >= maxAttachments;
+  const showUpload = Boolean(onUpload) && canPickFile();
+  const handlePick = async () => {
+    const file = await pickFile();
+    if (file) onUpload?.(file);
+  };
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    children: [items.length === 0 ? /* @__PURE__ */jsx(Text, {
+      fontSize: "$1",
+      color: "$color11",
+      children: t("noAttachments", "No attachments")
+    }) : /* @__PURE__ */jsx(YStack, {
+      gap: "$1.5",
+      children: items.map(item => {
+        const url = toAbsoluteUrl(baseURL, item.fileUrl);
+        return /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          alignItems: "center",
+          children: [item.isPrivate ? /* @__PURE__ */jsx(LockSimpleIcon, {
+            size: iconSize,
+            color: iconColor
+          }) : /* @__PURE__ */jsx(PaperclipIcon, {
+            size: iconSize,
+            color: iconColor
+          }), /* @__PURE__ */jsx(Text, {
+            flex: 1,
+            minWidth: 0,
+            fontSize,
+            color: linkable ? "$blue11" : "$color12",
+            numberOfLines: 1,
+            ...(linkable ? {
+              cursor: "pointer",
+              textDecorationLine: "underline",
+              role: "link",
+              onPress: () => openUrl(url)
+            } : {}),
+            children: item.fileName
+          }), onRemove && /* @__PURE__ */jsx(Button, {
+            size: "$1",
+            chromeless: true,
+            icon: XIcon,
+            disabled,
+            "aria-label": t("removeAttachment", "Remove {{name}}", {
+              name: item.fileName
+            }),
+            onPress: () => onRemove(item)
+          })]
+        }, item.id);
+      })
+    }), showUpload && /* @__PURE__ */jsxs(XStack, {
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */jsx(Button, {
+        size: "$2",
+        icon: 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__ */jsxs(Text, {
+        fontSize: "$1",
+        color: "$color11",
+        children: [items.length, "/", maxAttachments]
+      })]
+    })]
+  });
+}
+export { SidebarAttachments };
+//# sourceMappingURL=sidebar-attachments.mjs.map

package/dist/jsx/form/sidebar-attachments.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Text","XStack","YStack","useTheme","useResolvedKnobs","LockSimpleIcon","PaperclipIcon","UploadSimpleIcon","XIcon","useTranslation","BACKOFFICE_I18N_NAMESPACE","canOpenUrl","canPickFile","openUrl","pickFile","toAbsoluteUrl","jsx","jsxs","SidebarAttachments","items","baseURL","maxAttachments","disabled","onUpload","onRemove","t","knobProps","theme","iconColor","color11","val","sz","sizeToken","fontSize","iconSize","linkable","atLimit","length","showUpload","Boolean","handlePick","file","gap","children","color","map","item","url","fileUrl","alignItems","isPrivate","size","flex","minWidth","numberOfLines","cursor","textDecorationLine","role","onPress","fileName","chromeless","icon","name","id","disabledReason"],"sources":["../../../src/form/sidebar-attachments.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/form/sidebar-attachments.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","sidebar_attachments_exports","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"],"sources":["../../../src/form/sidebar-attachments.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/form/sidebar-dialogs.mjs

@@ -0,0 +1,110 @@
+import { ConfirmDialog, Text, XStack, YStack } from "@multiplatform.one/components";
+import { Input, Switch } from "@multiplatform.one/forms";
+import { Link } from "@multiplatform.one/frappe-ui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SidebarAssignDialog({
+  open,
+  onOpenChange,
+  onAssign
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [user, setUser] = useState("");
+  const [description, setDescription] = useState("");
+  useEffect(() => {
+    if (!open) {
+      setUser("");
+      setDescription("");
+    }
+  }, [open]);
+  return /* @__PURE__ */jsx(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__ */jsxs(YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */jsx(Link, {
+        label: t("assignTo", "Assign to"),
+        doctype: "User",
+        value: user,
+        onChange: value => setUser(value ?? "")
+      }), /* @__PURE__ */jsx(Input, {
+        value: description,
+        onChangeText: setDescription,
+        placeholder: t("assignComment", "Comment (optional)"),
+        inputProps: {
+          "aria-label": t("assignComment", "Comment (optional)")
+        }
+      })]
+    })
+  });
+}
+function SidebarShareDialog({
+  open,
+  onOpenChange,
+  onShare
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [user, setUser] = useState("");
+  const [canWrite, setCanWrite] = useState(false);
+  useEffect(() => {
+    if (!open) {
+      setUser("");
+      setCanWrite(false);
+    }
+  }, [open]);
+  return /* @__PURE__ */jsx(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__ */jsxs(YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      children: [/* @__PURE__ */jsx(Link, {
+        label: t("shareWith", "Share with"),
+        doctype: "User",
+        value: user,
+        onChange: value => setUser(value ?? "")
+      }), /* @__PURE__ */jsxs(XStack, {
+        alignItems: "center",
+        justifyContent: "space-between",
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: "$3",
+          color: "$color11",
+          children: t("canEdit", "Can edit")
+        }), /* @__PURE__ */jsx(Switch, {
+          size: "$2",
+          checked: canWrite,
+          onChange: value => setCanWrite(Boolean(value)),
+          switchProps: {
+            "aria-label": t("canEdit", "Can edit")
+          }
+        })]
+      })]
+    })
+  });
+}
+export { SidebarAssignDialog, SidebarShareDialog };
+//# sourceMappingURL=sidebar-dialogs.mjs.map

package/dist/jsx/form/sidebar-dialogs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConfirmDialog","Text","XStack","YStack","Input","Switch","Link","useResolvedKnobs","useEffect","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","jsx","jsxs","SidebarAssignDialog","open","onOpenChange","onAssign","t","knobProps","user","setUser","description","setDescription","title","confirmLabel","confirmDisabled","confirmDisabledReason","onConfirm","trim","children","gap","minWidth","label","doctype","value","onChange","onChangeText","placeholder","inputProps","SidebarShareDialog","onShare","canWrite","setCanWrite","alignItems","justifyContent","fontSize","color","size","checked","Boolean","switchProps"],"sources":["../../../src/form/sidebar-dialogs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/form/sidebar-dialogs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","sidebar_dialogs_exports","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"],"sources":["../../../src/form/sidebar-dialogs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/form/sidebar-people.mjs

@@ -0,0 +1,99 @@
+import { Avatar, Button, Text, XStack, YStack } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { XIcon } from "@phosphor-icons/react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SidebarPeopleList({
+  items,
+  emptyText,
+  onRemove,
+  disabled
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const sz = knobProps.sizeToken;
+  const avatarSize = sz === "$3" ? "$1" : sz === "$5" ? "$3" : "$2";
+  const labelFontSize = sz === "$3" ? "$1" : sz === "$5" ? "$4" : "$2";
+  const subFontSize = sz === "$5" ? "$2" : "$1";
+  if (items.length === 0) {
+    return /* @__PURE__ */jsx(Text, {
+      fontSize: subFontSize,
+      color: "$color11",
+      children: emptyText
+    });
+  }
+  return /* @__PURE__ */jsx(YStack, {
+    ...knobProps.gap,
+    children: items.map(item => /* @__PURE__ */jsxs(XStack, {
+      gap: "$2",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Avatar, {
+        size: avatarSize,
+        src: item.image,
+        name: item.label
+      }), /* @__PURE__ */jsxs(YStack, {
+        flex: 1,
+        minWidth: 0,
+        children: [/* @__PURE__ */jsx(Text, {
+          fontSize: labelFontSize,
+          color: "$color12",
+          numberOfLines: 1,
+          children: item.label
+        }), item.sublabel ? /* @__PURE__ */jsx(Text, {
+          fontSize: subFontSize,
+          color: "$color11",
+          numberOfLines: 1,
+          children: item.sublabel
+        }) : null]
+      }), onRemove && item.removable !== false && /* @__PURE__ */jsx(Button, {
+        size: "$1",
+        chromeless: true,
+        icon: XIcon,
+        disabled,
+        "aria-label": t("removePerson", "Remove {{name}}", {
+          name: item.label
+        }),
+        onPress: () => onRemove(item)
+      })]
+    }, item.id))
+  });
+}
+function SidebarAvatarStrip({
+  items,
+  max
+}) {
+  if (items.length === 0) return null;
+  const visible = typeof max === "number" && max > 0 ? items.slice(0, max) : items;
+  const overflow = items.length - visible.length;
+  return /* @__PURE__ */jsxs(XStack, {
+    alignItems: "center",
+    children: [visible.map((item, index) => /* @__PURE__ */jsx(XStack, {
+      marginInlineStart: index === 0 ? 0 : -6,
+      children: /* @__PURE__ */jsx(Avatar, {
+        size: "$1",
+        src: item.image,
+        name: item.label,
+        alt: item.label
+      })
+    }, item.id)), overflow > 0 && /* @__PURE__ */jsx(XStack, {
+      marginInlineStart: -6,
+      children: /* @__PURE__ */jsx(Avatar, {
+        size: "$1",
+        alt: `+${overflow}`,
+        fallback: /* @__PURE__ */jsxs(Text, {
+          fontSize: 9,
+          fontWeight: "600",
+          color: "$color11",
+          children: ["+", overflow]
+        })
+      })
+    })]
+  });
+}
+export { SidebarAvatarStrip, SidebarPeopleList };
+//# sourceMappingURL=sidebar-people.mjs.map

package/dist/jsx/form/sidebar-people.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar","Button","Text","XStack","YStack","useResolvedKnobs","XIcon","useTranslation","BACKOFFICE_I18N_NAMESPACE","jsx","jsxs","SidebarPeopleList","items","emptyText","onRemove","disabled","t","knobProps","sz","sizeToken","avatarSize","labelFontSize","subFontSize","length","fontSize","color","children","gap","map","item","alignItems","size","src","image","name","label","flex","minWidth","numberOfLines","sublabel","removable","chromeless","icon","onPress","id","SidebarAvatarStrip","max","visible","slice","overflow","index","marginInlineStart","alt","fallback","fontWeight"],"sources":["../../../src/form/sidebar-people.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}