@layers-app/shared 0.4.6 → 0.4.8

package/dist/components/AppContainer/components/ToolSidebar.js

@@ -1,24 +1,34 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useRef as B, useEffect as p, useMemo as W } from "react";
-import { useTranslation as A } from "react-i18next";
-import { useNavigate as L, useParams as N, useLocation as P, matchPath as V } from "react-router-dom";
-import { ActionIcon as k, Title as D, TextInput as F, Flex as b, Text as H, Badge as M, Drawer as R, Box as j } from "@mantine/core";
-import { useField as E } from "@mantine/form";
-import { useMediaQuery as O } from "@mantine/hooks";
-import { IconArrowLeft as Q } from "@tabler/icons-react";
-import { AppShell as y } from "../../AppShell/AppShell.js";
-import { NavbarResizer as q } from "../../NavbarResizer/NavbarResizer.js";
-import { useAppContainerDataStore as G } from "../hooks/useAppContainerDataStore.js";
+import { useRef as N, useEffect as p, useMemo as P } from "react";
+import { useTranslation as V } from "react-i18next";
+import { useNavigate as k, useParams as D, useLocation as F, matchPath as H } from "react-router-dom";
+import { ActionIcon as M, Title as R, TextInput as j, Flex as b, Text as E, Badge as O, Drawer as Q, Box as q } from "@mantine/core";
+import { useField as G } from "@mantine/form";
+import { useMediaQuery as J } from "@mantine/hooks";
+import { IconArrowLeft as K } from "@tabler/icons-react";
+import { AppShell as v } from "../../AppShell/AppShell.js";
+import { NavbarResizer as U } from "../../NavbarResizer/NavbarResizer.js";
+import { useAppContainerDataStore as X } from "../hooks/useAppContainerDataStore.js";
 import { appContainerStore as n } from "../hooks/useAppContainerStore.js";
-import { SidebarToggleButton as v } from "./SidebarToggleButton.js";
-import { SlideAnimation as J } from "./SlideAnimation.js";
-import w from "../AppContainer.module.css.js";
-const se = (T) => {
-  const { t: h } = A("appContainer"), { children: d, navbarTitle: i, onTitleChange: r, isBeta: S, bottomSlot: c } = T, C = L(), { showToolbar: l, toolbarWidth: I } = n.useStore(), { formId: z } = N(), m = B(r);
+import { SidebarToggleButton as w } from "./SidebarToggleButton.js";
+import { SlideAnimation as Y } from "./SlideAnimation.js";
+import y from "../AppContainer.module.css.js";
+const ce = (T) => {
+  const { t: h } = V("appContainer"), {
+    children: d,
+    navbarTitle: i,
+    onTitleChange: r,
+    isBeta: C,
+    bottomSlot: c,
+    widthOverride: S,
+    onWidthChange: W,
+    minWidth: I,
+    maxWidth: z
+  } = T, B = k(), { showToolbar: l, toolbarWidth: A } = n.useStore(), { formId: L } = D(), m = N(r);
   p(() => {
     m.current = r;
   }, [r]);
-  const f = E({
+  const f = G({
     initialValue: i || "",
     onValueChange: (o) => {
       m.current?.(o);
@@ -27,7 +37,7 @@ const se = (T) => {
   p(() => {
     f.setValue(i || "");
   }, [i]);
-  const a = P(), u = G((o) => o.tools), s = W(() => u.find((o) => !!V({ path: o.path, end: !1 }, a.pathname)), [a.pathname, u]), g = O("(max-width: 768px)", !1, {
+  const a = F(), u = X((o) => o.tools), s = P(() => u.find((o) => !!H({ path: o.path, end: !1 }, a.pathname)), [a.pathname, u]), g = J("(max-width: 768px)", !1, {
     getInitialValueInEffect: !1
   });
   p(() => {
@@ -44,18 +54,18 @@ const se = (T) => {
         minWidth: 0
       },
       children: [
-        s?.withBackButton && z && s.name && /* @__PURE__ */ e(
-          k,
+        s?.withBackButton && L && s.name && /* @__PURE__ */ e(
+          M,
           {
-            onClick: () => C(s?.path),
+            onClick: () => B(s?.path),
             variant: "light",
             size: "md",
             color: "gray",
-            children: /* @__PURE__ */ e(Q, { size: 18 })
+            children: /* @__PURE__ */ e(K, { size: 18 })
           }
         ),
-        /* @__PURE__ */ e(D, { order: 4, fz: 16, component: "div", style: { flex: 1, minWidth: 0 }, children: r ? /* @__PURE__ */ e(
-          F,
+        /* @__PURE__ */ e(R, { order: 4, fz: 16, component: "div", style: { flex: 1, minWidth: 0 }, children: r ? /* @__PURE__ */ e(
+          j,
           {
             ...f.getInputProps(),
             placeholder: h("noName"),
@@ -63,7 +73,7 @@ const se = (T) => {
             minLength: 1,
             unstyled: !0,
             classNames: {
-              input: w.toolTitleInput
+              input: y.toolTitleInput
             },
             styles: {
               root: {
@@ -83,10 +93,10 @@ const se = (T) => {
           }
         ) : /* @__PURE__ */ t(b, { gap: "xs", children: [
           /* @__PURE__ */ e(
-            H,
+            E,
             {
               component: "span",
-              className: w.toolTitleText,
+              className: y.toolTitleText,
               truncate: "end",
               style: {
                 fontSize: "inherit",
@@ -97,8 +107,8 @@ const se = (T) => {
               children: i
             }
           ),
-          S && /* @__PURE__ */ e(
-            M,
+          C && /* @__PURE__ */ e(
+            O,
             {
               px: 8,
               py: 4,
@@ -114,7 +124,7 @@ const se = (T) => {
     }
   );
   return g ? /* @__PURE__ */ t(
-    R,
+    Q,
     {
       opened: l,
       onClose: n.api.closeToolbar,
@@ -141,32 +151,34 @@ const se = (T) => {
             style: { borderBottom: "1px solid var(--app-shell-border-color, var(--mantine-color-default-border))" },
             children: [
               x,
-              /* @__PURE__ */ e(v, {})
+              /* @__PURE__ */ e(w, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(j, { flex: 1, mih: 0, style: { overflow: "auto" }, children: d }),
+        /* @__PURE__ */ e(q, { flex: 1, mih: 0, style: { overflow: "auto" }, children: d }),
         c
       ]
     }
   ) : /* @__PURE__ */ e(
-    J,
+    Y,
     {
       show: l,
       width: "var(--toolbar-width)",
       position: "left",
-      children: /* @__PURE__ */ t(y.LeftSidebar, { pos: "relative", children: [
+      children: /* @__PURE__ */ t(v.LeftSidebar, { pos: "relative", children: [
         l && /* @__PURE__ */ e(
-          q,
+          U,
           {
             position: "left",
-            width: I,
-            onChange: n.api.setToolbarWidth
+            width: S ?? A,
+            onChange: W ?? n.api.setToolbarWidth,
+            minWidth: I,
+            maxWidth: z
           }
         ),
-        /* @__PURE__ */ t(y.Header, { pl: 16, pr: 14, children: [
+        /* @__PURE__ */ t(v.Header, { pl: 16, pr: 14, children: [
           x,
-          /* @__PURE__ */ e(v, {})
+          /* @__PURE__ */ e(w, {})
         ] }),
         d,
         c
@@ -175,5 +187,5 @@ const se = (T) => {
   );
 };
 export {
-  se as ToolSidebar
+  ce as ToolSidebar
 };

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.d.ts

@@ -1,2 +1,63 @@
-export declare const HelpMenu: () => import("react/jsx-runtime").JSX.Element;
+export type DesktopBridge = {
+    getVersion?: () => Promise<string>;
+    collectDiagnostics?: () => Promise<{
+        ok: boolean;
+        archivePath?: string;
+        folderPath?: string;
+        error?: string;
+    }>;
+    onDiagnosticsProgress?: (cb: (progress: DesktopDiagnosticsProgress) => void) => () => void;
+    updates?: {
+        status: () => Promise<DesktopUpdateState>;
+        check: () => Promise<DesktopUpdateState>;
+        download: () => Promise<DesktopUpdateState>;
+        install: () => Promise<DesktopUpdateState>;
+        onChanged: (cb: (state: DesktopUpdateState) => void) => () => void;
+    };
+};
+export type DesktopDiagnosticsProgress = {
+    phase: 'preparing' | 'copying' | 'analyzing' | 'archiving' | 'done' | 'error';
+    percent: number;
+    completedUnits?: number;
+    totalUnits?: number;
+};
+export type DesktopUpdateState = {
+    status: 'disabled' | 'idle' | 'checking' | 'available' | 'not_available' | 'downloading' | 'downloaded' | 'installing' | 'error';
+    enabled: boolean;
+    currentVersion: string;
+    availableVersion?: string;
+    feedUrl?: string;
+    error?: string;
+    progress?: {
+        percent?: number;
+        transferredBytes?: number;
+        totalBytes?: number;
+        bytesPerSecond?: number;
+    };
+    canCheck: boolean;
+    canDownload: boolean;
+    canInstall: boolean;
+};
+export declare const getDesktopBridge: () => DesktopBridge | undefined;
+export declare const DesktopSupportReportModal: ({ opened, onClose, }: {
+    opened: boolean;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopDiagnosticsConsentModal: ({ opened, onClose, collecting, onCollectingChange, }: {
+    opened: boolean;
+    onClose: () => void;
+    collecting: boolean;
+    onCollectingChange: (collecting: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopUpdateFlowModal: ({ opened, onClose, }: {
+    opened: boolean;
+    onClose: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const HelpMenu: ({ onReportProblemClick, onCheckUpdatesClick, onCollectDiagnosticsClick, diagnosticsCollecting, reportProblemTourTargetId, }: {
+    onReportProblemClick?: () => void;
+    onCheckUpdatesClick?: () => void;
+    onCollectDiagnosticsClick?: () => void;
+    diagnosticsCollecting?: boolean;
+    reportProblemTourTargetId?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HelpMenu.d.ts.map

package/dist/components/AppContainer/components/menus/HelpMenu/HelpMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"AAmCA,eAAO,MAAM,QAAQ,+CA2RpB,CAAC"}
+{"version":3,"file":"HelpMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/AppContainer/components/menus/HelpMenu/HelpMenu.tsx"],"names":[],"mappings":"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"}