@multiplatform.one/backoffice 6.3.0

package/dist/esm/chrome/command-palette-model.native.js

@@ -0,0 +1,273 @@
+import { ClockIcon, FileTextIcon, GlobeIcon, KanbanIcon, ListIcon, PlusIcon, TableIcon } from "@phosphor-icons/react";
+import { useEffect, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useBackofficeCapabilities, useBackofficePaths, useIsDoctypeAllowed } from "../config/BackofficeProvider.native.js";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+import { rankNameMatches, readRecentItems, toContentSnippet, useAwesomebarCatalog, useGlobalSearch } from "./awesomebar-data.native.js";
+var maxRecentsEmptyQuery = 8;
+var maxRecentsWithQuery = 4;
+var maxNavWorkspaces = 4;
+var maxNavDoctypes = 4;
+var actionViews = ["list", "report", "kanban"];
+var actionViewIcons = {
+  list: ListIcon,
+  report: TableIcon,
+  kanban: KanbanIcon
+};
+var actionViewLabelKeys = {
+  list: {
+    key: "awesomebar.listCommand",
+    defaultValue: "{{doctype}} List"
+  },
+  report: {
+    key: "awesomebar.reportCommand",
+    defaultValue: "{{doctype}} Report"
+  },
+  kanban: {
+    key: "awesomebar.kanbanCommand",
+    defaultValue: "{{doctype}} Kanban"
+  }
+};
+function useCommandPaletteModel(param) {
+  var {
+    query,
+    debouncedQuery,
+    open
+  } = param;
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var paths = useBackofficePaths();
+  var capabilities = useBackofficeCapabilities();
+  var isDoctypeAllowed = useIsDoctypeAllowed();
+  var {
+    catalog
+  } = useAwesomebarCatalog();
+  var {
+    hits,
+    searching
+  } = useGlobalSearch(debouncedQuery);
+  var [recents, setRecents] = useState([]);
+  useEffect(function () {
+    if (!open) return;
+    var cancelled = false;
+    void readRecentItems().then(function (stored) {
+      if (!cancelled) setRecents(stored);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [open]);
+  var trimmed = query.trim();
+  var sections = useMemo(function () {
+    var next = [];
+    var lowerQuery = trimmed.toLowerCase();
+    var matchingRecents = trimmed ? recents.filter(function (recent) {
+      return recent.label.toLowerCase().includes(lowerQuery);
+    }).slice(0, maxRecentsWithQuery) : recents.slice(0, maxRecentsEmptyQuery);
+    if (matchingRecents.length > 0) {
+      next.push({
+        id: "recents",
+        label: t("awesomebar.recents", "Recents"),
+        items: matchingRecents.map(function (recent) {
+          return {
+            id: `recent:${recent.path}`,
+            label: recent.label,
+            path: recent.path,
+            icon: ClockIcon
+          };
+        })
+      });
+    }
+    if (trimmed) {
+      var _ref, _ref1;
+      var scopedDoctypes = ((_ref = catalog === null || catalog === void 0 ? void 0 : catalog.doctypes) !== null && _ref !== void 0 ? _ref : []).filter(isDoctypeAllowed);
+      var rankedDoctypes = rankNameMatches(trimmed, scopedDoctypes, maxNavDoctypes + 1);
+      var topDoctype = rankedDoctypes[0];
+      var actionItems = [];
+      if (topDoctype) {
+        if (capabilities.newDoc.enabled) {
+          actionItems.push({
+            id: `new:${topDoctype}`,
+            label: t("awesomebar.newCommand", {
+              defaultValue: "New {{doctype}}",
+              doctype: topDoctype
+            }),
+            path: paths.newDoc(topDoctype),
+            icon: PlusIcon
+          });
+        }
+        if (capabilities.views.enabled) {
+          var _iteratorNormalCompletion = true,
+            _didIteratorError = false,
+            _iteratorError = void 0;
+          try {
+            for (var _iterator = actionViews[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var view = _step.value;
+              if (!capabilities.views.allow.includes(view)) continue;
+              var {
+                key,
+                defaultValue
+              } = actionViewLabelKeys[view];
+              actionItems.push({
+                id: `${view}:${topDoctype}`,
+                label: t(key, {
+                  defaultValue,
+                  doctype: topDoctype
+                }),
+                path: paths.view(topDoctype, view),
+                icon: actionViewIcons[view]
+              });
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+        }
+      }
+      if (actionItems.length > 0) {
+        next.push({
+          id: "actions",
+          label: t("awesomebar.actions", "Actions"),
+          items: actionItems
+        });
+      }
+      var navigationItems = [];
+      var workspaces = (_ref1 = catalog === null || catalog === void 0 ? void 0 : catalog.workspaces) !== null && _ref1 !== void 0 ? _ref1 : [];
+      var byTitle = new Map(workspaces.map(function (workspace2) {
+        return [workspace2.title, workspace2];
+      }));
+      var _iteratorNormalCompletion1 = true,
+        _didIteratorError1 = false,
+        _iteratorError1 = void 0;
+      try {
+        for (var _iterator1 = rankNameMatches(trimmed, workspaces.map(function (workspace2) {
+            return workspace2.title;
+          }), maxNavWorkspaces)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+          var title = _step1.value;
+          var workspace = byTitle.get(title);
+          if (!workspace) continue;
+          navigationItems.push({
+            id: `workspace:${workspace.name}`,
+            label: workspace.title,
+            badge: t("awesomebar.workspaceBadge", "Workspace"),
+            path: paths.workspace(workspace.name),
+            icon: GlobeIcon
+          });
+        }
+      } catch (err) {
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+            _iterator1.return();
+          }
+        } finally {
+          if (_didIteratorError1) {
+            throw _iteratorError1;
+          }
+        }
+      }
+      var _iteratorNormalCompletion2 = true,
+        _didIteratorError2 = false,
+        _iteratorError2 = void 0;
+      try {
+        for (var _iterator2 = rankedDoctypes.slice(topDoctype ? 1 : 0, maxNavDoctypes + 1)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var doctype = _step2.value;
+          navigationItems.push({
+            id: `doctype:${doctype}`,
+            label: doctype,
+            badge: t("awesomebar.doctypeBadge", "DocType"),
+            path: paths.list(doctype),
+            icon: ListIcon
+          });
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+      if (navigationItems.length > 0) {
+        next.push({
+          id: "navigation",
+          label: t("awesomebar.navigation", "Navigation"),
+          items: navigationItems
+        });
+      }
+      var documentItems = [];
+      var _iteratorNormalCompletion3 = true,
+        _didIteratorError3 = false,
+        _iteratorError3 = void 0;
+      try {
+        for (var _iterator3 = hits[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+          var hit = _step3.value;
+          if (!isDoctypeAllowed(hit.doctype)) continue;
+          documentItems.push({
+            id: `doc:${hit.doctype}:${hit.name}`,
+            label: hit.name,
+            badge: hit.doctype,
+            description: toContentSnippet(hit.content),
+            path: paths.form(hit.doctype, hit.name),
+            icon: FileTextIcon
+          });
+        }
+      } catch (err) {
+        _didIteratorError3 = true;
+        _iteratorError3 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion3 && _iterator3.return != null) {
+            _iterator3.return();
+          }
+        } finally {
+          if (_didIteratorError3) {
+            throw _iteratorError3;
+          }
+        }
+      }
+      if (documentItems.length > 0) {
+        next.push({
+          id: "documents",
+          label: t("awesomebar.documents", "Documents"),
+          items: documentItems
+        });
+      }
+    }
+    return next;
+  }, [trimmed, recents, catalog, hits, capabilities, paths, isDoctypeAllowed, t]);
+  var items = useMemo(function () {
+    return sections.flatMap(function (section) {
+      return section.items;
+    });
+  }, [sections]);
+  return {
+    sections,
+    items,
+    searching,
+    query: trimmed,
+    hasQuery: Boolean(trimmed),
+    noResults: Boolean(trimmed) && !searching && items.length === 0
+  };
+}
+export { useCommandPaletteModel };
+//# sourceMappingURL=command-palette-model.native.js.map

package/dist/esm/chrome/command-palette-model.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ClockIcon","FileTextIcon","GlobeIcon","KanbanIcon","ListIcon","PlusIcon","TableIcon","useEffect","useMemo","useState","useTranslation","useBackofficeCapabilities","useBackofficePaths","useIsDoctypeAllowed","BACKOFFICE_I18N_NAMESPACE","rankNameMatches","readRecentItems","toContentSnippet","useAwesomebarCatalog","useGlobalSearch","maxRecentsEmptyQuery","maxRecentsWithQuery","maxNavWorkspaces","maxNavDoctypes","actionViews","actionViewIcons","list","report","kanban","actionViewLabelKeys","key","defaultValue","useCommandPaletteModel","param","query","debouncedQuery","open","t","paths","capabilities","isDoctypeAllowed","catalog","hits","searching","recents","setRecents","cancelled","then","stored","trimmed","trim","sections","next","lowerQuery","toLowerCase","matchingRecents","filter","recent","label","includes","slice","length","push","id","items","map","path","icon","_ref","_ref1","scopedDoctypes","doctypes","rankedDoctypes","topDoctype","actionItems","newDoc","enabled","doctype","views","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","view","value","allow","err","return","navigationItems","workspaces","byTitle","Map","workspace2","title","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","workspace","get","name","badge","_iteratorNormalCompletion2","_didIteratorError2","_iteratorError2","_iterator2","_step2"],"sources":["../../../src/chrome/command-palette-model.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/chrome/help-about-dialog.mjs

@@ -0,0 +1,111 @@
+import { Button, Dialog, DialogContent, Paragraph, SizableText, Spinner, XStack, YStack } from "@multiplatform.one/components";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { useFrappeApp } from "../shared/useFrappeApp.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function HelpAboutDialog({
+  open,
+  onOpenChange
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const app = useFrappeApp();
+  const [versions, setVersions] = useState(void 0);
+  const [loading, setLoading] = useState(false);
+  const [failed, setFailed] = useState(false);
+  useEffect(() => {
+    if (!open || !app || versions) return;
+    let cancelled = false;
+    setLoading(true);
+    setFailed(false);
+    app.call().get("frappe.utils.change_log.get_versions").then(response => {
+      if (cancelled) return;
+      setVersions(response.payload?.message ?? {});
+    }).catch(() => {
+      if (cancelled) return;
+      setFailed(true);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open, app, versions]);
+  const entries = versions ? Object.entries(versions) : [];
+  const unavailable = !app || failed || versions !== void 0 && entries.length === 0;
+  return /* @__PURE__ */jsx(Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */jsxs(DialogContent, {
+        width: 420,
+        maxWidth: "90%",
+        "data-testid": "backoffice-help-about-dialog",
+        children: [/* @__PURE__ */jsx(Dialog.Title, {
+          size: "$6",
+          children: t("help.aboutTitle", "About")
+        }), /* @__PURE__ */jsx(Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */jsx(Paragraph, {
+            size: "$3",
+            color: "$color11",
+            children: t("help.aboutTagline", "Backoffice is the multiplatform.one recreation of the Frappe Desk \u2014 one codebase across web, mobile, and desktop.")
+          })
+        }), /* @__PURE__ */jsxs(YStack, {
+          gap: "$2",
+          marginTop: "$2",
+          children: [/* @__PURE__ */jsx(SizableText, {
+            size: "$2",
+            fontWeight: "700",
+            color: "$color10",
+            textTransform: "uppercase",
+            children: t("help.installedApps", "Installed Apps")
+          }), loading && /* @__PURE__ */jsx(XStack, {
+            padding: "$3",
+            justifyContent: "center",
+            children: /* @__PURE__ */jsx(Spinner, {
+              size: "small"
+            })
+          }), !loading && unavailable && /* @__PURE__ */jsx(Paragraph, {
+            size: "$3",
+            color: "$color10",
+            children: t("help.versionsUnavailable", "Version information is unavailable.")
+          }), !loading && entries.map(([key, info]) => /* @__PURE__ */jsxs(XStack, {
+            gap: "$3",
+            alignItems: "baseline",
+            justifyContent: "space-between",
+            children: [/* @__PURE__ */jsx(SizableText, {
+              size: "$3",
+              fontWeight: "600",
+              flex: 1,
+              numberOfLines: 1,
+              children: info.title || key
+            }), /* @__PURE__ */jsx(SizableText, {
+              size: "$3",
+              color: "$color11",
+              flexShrink: 0,
+              children: info.version ? `v${info.version}${info.branch ? ` (${info.branch})` : ""}` : info.branch ?? "\u2014"
+            })]
+          }, key))]
+        }), /* @__PURE__ */jsx(XStack, {
+          justifyContent: "flex-end",
+          marginTop: "$4",
+          children: /* @__PURE__ */jsx(Dialog.Close, {
+            asChild: true,
+            children: /* @__PURE__ */jsx(Button, {
+              size: "$3",
+              children: t("help.close", "Close")
+            })
+          })
+        })]
+      }, "content")]
+    })
+  });
+}
+export { HelpAboutDialog };
+//# sourceMappingURL=help-about-dialog.mjs.map

package/dist/esm/chrome/help-about-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Dialog","DialogContent","Paragraph","SizableText","Spinner","XStack","YStack","useEffect","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","useFrappeApp","jsx","jsxs","HelpAboutDialog","open","onOpenChange","t","app","versions","setVersions","loading","setLoading","failed","setFailed","cancelled","call","get","then","response","payload","message","catch","finally","entries","Object","unavailable","length","modal","children","Portal","Overlay","backgroundColor","width","maxWidth","Title","size","Description","asChild","color","gap","marginTop","fontWeight","textTransform","padding","justifyContent","map","key","info","alignItems","flex","numberOfLines","title","flexShrink","version","branch","Close"],"sources":["../../../src/chrome/help-about-dialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/chrome/help-about-dialog.native.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogContent, Paragraph, SizableText, Spinner, XStack, YStack } from "@multiplatform.one/components";
+import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+import { useFrappeApp } from "../shared/useFrappeApp.native.js";
+function HelpAboutDialog(param) {
+  var {
+    open,
+    onOpenChange
+  } = param;
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var app = useFrappeApp();
+  var [versions, setVersions] = useState(void 0);
+  var [loading, setLoading] = useState(false);
+  var [failed, setFailed] = useState(false);
+  useEffect(function () {
+    if (!open || !app || versions) return;
+    var cancelled = false;
+    setLoading(true);
+    setFailed(false);
+    app.call().get("frappe.utils.change_log.get_versions").then(function (response) {
+      var _ref;
+      var _response_payload;
+      if (cancelled) return;
+      setVersions((_ref = (_response_payload = response.payload) === null || _response_payload === void 0 ? void 0 : _response_payload.message) !== null && _ref !== void 0 ? _ref : {});
+    }).catch(function () {
+      if (cancelled) return;
+      setFailed(true);
+    }).finally(function () {
+      if (!cancelled) setLoading(false);
+    });
+    return function () {
+      cancelled = true;
+    };
+  }, [open, app, versions]);
+  var entries = versions ? Object.entries(versions) : [];
+  var unavailable = !app || failed || versions !== void 0 && entries.length === 0;
+  return /* @__PURE__ */_jsx(Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */_jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */_jsxs(DialogContent, {
+        width: 420,
+        maxWidth: "90%",
+        "data-testid": "backoffice-help-about-dialog",
+        children: [/* @__PURE__ */_jsx(Dialog.Title, {
+          size: "$6",
+          children: t("help.aboutTitle", "About")
+        }), /* @__PURE__ */_jsx(Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            size: "$3",
+            color: "$color11",
+            children: t("help.aboutTagline", "Backoffice is the multiplatform.one recreation of the Frappe Desk \u2014 one codebase across web, mobile, and desktop.")
+          })
+        }), /* @__PURE__ */_jsxs(YStack, {
+          gap: "$2",
+          marginTop: "$2",
+          children: [/* @__PURE__ */_jsx(SizableText, {
+            size: "$2",
+            fontWeight: "700",
+            color: "$color10",
+            textTransform: "uppercase",
+            children: t("help.installedApps", "Installed Apps")
+          }), loading && /* @__PURE__ */_jsx(XStack, {
+            padding: "$3",
+            justifyContent: "center",
+            children: /* @__PURE__ */_jsx(Spinner, {
+              size: "small"
+            })
+          }), !loading && unavailable && /* @__PURE__ */_jsx(Paragraph, {
+            size: "$3",
+            color: "$color10",
+            children: t("help.versionsUnavailable", "Version information is unavailable.")
+          }), !loading && entries.map(function (param2) {
+            var [key, info] = param2;
+            var _info_branch;
+            return /* @__PURE__ */_jsxs(XStack, {
+              gap: "$3",
+              alignItems: "baseline",
+              justifyContent: "space-between",
+              children: [/* @__PURE__ */_jsx(SizableText, {
+                size: "$3",
+                fontWeight: "600",
+                flex: 1,
+                numberOfLines: 1,
+                children: info.title || key
+              }), /* @__PURE__ */_jsx(SizableText, {
+                size: "$3",
+                color: "$color11",
+                flexShrink: 0,
+                children: info.version ? `v${info.version}${info.branch ? ` (${info.branch})` : ""}` : (_info_branch = info.branch) !== null && _info_branch !== void 0 ? _info_branch : "\u2014"
+              })]
+            }, key);
+          })]
+        }), /* @__PURE__ */_jsx(XStack, {
+          justifyContent: "flex-end",
+          marginTop: "$4",
+          children: /* @__PURE__ */_jsx(Dialog.Close, {
+            asChild: true,
+            children: /* @__PURE__ */_jsx(Button, {
+              size: "$3",
+              children: t("help.close", "Close")
+            })
+          })
+        })]
+      }, "content")]
+    })
+  });
+}
+export { HelpAboutDialog };
+//# sourceMappingURL=help-about-dialog.native.js.map

package/dist/esm/chrome/help-about-dialog.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","Dialog","DialogContent","Paragraph","SizableText","Spinner","XStack","YStack","useEffect","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","useFrappeApp","HelpAboutDialog","param","open","onOpenChange","t","app","versions","setVersions","loading","setLoading","failed","setFailed","cancelled","call","get","then","response","_ref","_response_payload","payload","message","catch","finally","entries","Object","unavailable","length","modal","children","Portal","Overlay","backgroundColor","width","maxWidth","Title","size","Description","asChild","color","gap","marginTop"],"sources":["../../../src/chrome/help-about-dialog.tsx"],"sourcesContent":[null],"mappings":"AAQA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,aAAA,EAAAC,SAAA,EAAAC,WAAA,EAAAC,OAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,SAAA,EAAAC,QAAA;AAAA,SACAC,cAAA;AAAA,SACAC,yBAAA;AAAA,SACAC,YAAA;AAAA,SACAC,gBAAAC,KAAA;EACA;IAAAC,IAAA;IAAAC;EAAA,IAAAF,KAAA;EACA;IAAAG;EAAA,IAAAP,cAAA,CAAAC,yBAAA;EAAA,IAAAO,GACK,GAAAN,YAAA;EACP,KAAAO,QAAS,EAAAC,WAAW,IAAAX,QAAgB;EACpC,KAAAY,OAAS,EAAAC,UAAA,IAAAb,QAAsB;EAC/B,KAAAc,MAAS,EAAAC,SAAA,IAAAf,QAAA,MAAiC;EAC1CD,SAAS;IAuDD,KAAAO,IAAA,IAgCQ,CAAAG,GAAA,IAAAC,QAhCR;IArCD,IAAAM,SAAS,QAAgB;IAC9BH,UAAU,KAAI;IACdE,SAAM,CAAM;IACZN,GAAA,CAAMQ,IAAC,GAAAC,GAAA,CAAU,sCAA+E,EAAAC,IAAA,WAAAC,QAAA;MAChG,IAAOC,IAAA;MACP,IAAOC,iBAAiB;MAExB,IAAAN,SAAgB;MACdL,WAAa,CAAC,CAAAU,IAAA,GAAO,CAAAC,iBAAU,GAAAF,QAAA,CAAAG,OAAA,cAAAD,iBAAA,uBAAAA,iBAAA,CAAAE,OAAA,cAAAH,IAAA,cAAAA,IAAA;IAC/B,GAAAI,KAAI,aAAY;MAChB,IAAAT,SAAe;MACfD,SAAU,KAAK;IACf,GAAAW,OACQ,CACL,YAAwB;MAEvB,IAAI,CAAAV,SAAW,EAAAH,UAAA;IACf;IACF,OACC,YAAY;MACXG,SAAI,OAAW;IACf;EAAc,GACf,CAECV,IAAA,EACFG,GAAC,EACHC,QAAO,CACL;EAAY,IACdiB,OAAA,GAAAjB,QAAA,GAAAkB,MAAA,CAAAD,OAAA,CAAAjB,QAAA;EACF,IAAImB,WAAW,IAAApB,GAAA,IAASK,MAAA,IAAAJ,QAAA,eAAAiB,OAAA,CAAAG,MAAA;EAExB,OAAM,eAAU1C,IAAW,CAAAI,MAAO;IAClCuC,KAAM;IAENzB,IAAA;IAGMC,YAAA;IACAyB,QAAA,iBAAA1C,KAAA,CAAAE,MAAA,CAAAyC,MAAA;MAACD,QAAA,kBAAA5C,IAAA,CAAAI,MAAA,CAAA0C,OAAA;QAECC,eAAO;MACP,YAAS,GACT,eAAY7C,KAAA,CAAAG,aAAA;QAEZ2C,KAAA;QAAAC,QAAA;QACA,6CAAoB;QAEfL,QACC,GACA,eAAA5C,IAAA,CAAAI,MAAA,CAAA8C,KAAA;UAEJC,IACF;UACAP,QAAA,EAAAxB,CAAA,kBAAQ,SAAS;QACf,IAGC,eACCpB,IAAA,CAAAI,MAAA,CAAAgD,WAAC,EAAO;UAIRC,OAAA,MAAW;UAKXT,QAAA,EACA,eAAc5C,IAAK,CAAAM,SACjB;YACE6C,IAAA;YAGAG,KAAA;YAIAV,QAEH,EAAAxB,CAAA;UACL;QACA,IAIA,eAAAlB,KAAA,CAAAQ,MAAA;UAAA6C,GAAA;UA9CIC,SAAA;UA+CNZ,QAAA,GAEJ,eAAA5C,IAAA,CAAAO,WAAA;YAEJ4C,IAAA","ignoreList":[]}

package/dist/esm/chrome/help-shortcuts-dialog.mjs

@@ -0,0 +1,130 @@
+import { Button, Dialog, DialogContent, Paragraph, SizableText, XStack, YStack } from "@multiplatform.one/components";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getModLabel() {
+  if (typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/i.test(String(navigator.platform ?? ""))) {
+    return "\u2318";
+  }
+  return "Ctrl";
+}
+function KeyChip({
+  label
+}) {
+  return /* @__PURE__ */jsx(XStack, {
+    borderWidth: 1,
+    borderColor: "$borderColor",
+    backgroundColor: "$color2",
+    borderRadius: "$2",
+    paddingHorizontal: "$2",
+    paddingVertical: "$1",
+    minWidth: 28,
+    justifyContent: "center",
+    children: /* @__PURE__ */jsx(SizableText, {
+      size: "$1",
+      fontWeight: "600",
+      children: label
+    })
+  });
+}
+function ShortcutRow({
+  combos,
+  description
+}) {
+  return /* @__PURE__ */jsxs(XStack, {
+    gap: "$3",
+    alignItems: "center",
+    children: [/* @__PURE__ */jsx(XStack, {
+      width: 150,
+      gap: "$1",
+      alignItems: "center",
+      flexWrap: "wrap",
+      flexShrink: 0,
+      children: combos.map((combo, comboIndex) => /* @__PURE__ */jsxs(XStack, {
+        gap: "$1",
+        alignItems: "center",
+        children: [comboIndex > 0 && /* @__PURE__ */jsx(SizableText, {
+          size: "$2",
+          color: "$color10",
+          children: "/"
+        }), combo.map((key, keyIndex) => /* @__PURE__ */jsxs(XStack, {
+          gap: "$1",
+          alignItems: "center",
+          children: [keyIndex > 0 && /* @__PURE__ */jsx(SizableText, {
+            size: "$2",
+            color: "$color10",
+            children: "+"
+          }), /* @__PURE__ */jsx(KeyChip, {
+            label: key
+          })]
+        }, key))]
+      }, combo.join("+")))
+    }), /* @__PURE__ */jsx(SizableText, {
+      size: "$3",
+      flex: 1,
+      children: description
+    })]
+  });
+}
+function HelpShortcutsDialog({
+  open,
+  onOpenChange
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const mod = getModLabel();
+  const rows = [{
+    combos: [[mod, "K"], [mod, "G"]],
+    description: t("help.shortcutFocusSearch", "Open the command palette")
+  }, {
+    combos: [[mod, "S"]],
+    description: t("help.shortcutSaveForm", "Save the open document")
+  }, {
+    combos: [["Esc"]],
+    description: t("help.shortcutCloseOverlays", "Close dialogs and menus")
+  }];
+  return /* @__PURE__ */jsx(Dialog, {
+    modal: true,
+    open,
+    onOpenChange,
+    children: /* @__PURE__ */jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+        backgroundColor: "$shadow6"
+      }, "overlay"), /* @__PURE__ */jsxs(DialogContent, {
+        width: 440,
+        maxWidth: "90%",
+        "data-testid": "backoffice-help-shortcuts-dialog",
+        children: [/* @__PURE__ */jsx(Dialog.Title, {
+          size: "$6",
+          children: t("help.shortcutsTitle", "Keyboard Shortcuts")
+        }), /* @__PURE__ */jsx(Dialog.Description, {
+          asChild: true,
+          children: /* @__PURE__ */jsx(Paragraph, {
+            size: "$3",
+            color: "$color11",
+            children: t("help.shortcutsIntro", "Shortcuts available across the backoffice (web).")
+          })
+        }), /* @__PURE__ */jsx(YStack, {
+          gap: "$3",
+          marginTop: "$2",
+          children: rows.map(row => /* @__PURE__ */jsx(ShortcutRow, {
+            ...row
+          }, row.description))
+        }), /* @__PURE__ */jsx(XStack, {
+          justifyContent: "flex-end",
+          marginTop: "$4",
+          children: /* @__PURE__ */jsx(Dialog.Close, {
+            asChild: true,
+            children: /* @__PURE__ */jsx(Button, {
+              size: "$3",
+              children: t("help.close", "Close")
+            })
+          })
+        })]
+      }, "content")]
+    })
+  });
+}
+export { HelpShortcutsDialog };
+//# sourceMappingURL=help-shortcuts-dialog.mjs.map

package/dist/esm/chrome/help-shortcuts-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Dialog","DialogContent","Paragraph","SizableText","XStack","YStack","useTranslation","BACKOFFICE_I18N_NAMESPACE","jsx","jsxs","getModLabel","navigator","test","String","platform","KeyChip","label","borderWidth","borderColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","minWidth","justifyContent","children","size","fontWeight","ShortcutRow","combos","description","gap","alignItems","width","flexWrap","flexShrink","map","combo","comboIndex","color","key","keyIndex","join","flex","HelpShortcutsDialog","open","onOpenChange","t","mod","rows","modal","Portal","Overlay","maxWidth","Title","Description","asChild","marginTop","row","Close"],"sources":["../../../src/chrome/help-shortcuts-dialog.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}