@layers-app/shared 0.4.5 → 0.4.7

package/dist/components/AnimatedFigurePage/AnimatedFigurePage.module.css.js

@@ -1,11 +1,11 @@
-const e = "_page_4n9uu_5", u = "_figureContainer_4n9uu_31", g = "_figure_4n9uu_31", _ = "_figureA_4n9uu_57", a = "_figureB_4n9uu_65", n = "_grainOverlay_4n9uu_229", r = "_badgeWrap_4n9uu_253", i = "_badge0_4n9uu_309", t = "_badge1_4n9uu_319", d = "_badge2_4n9uu_337", o = "_badge3_4n9uu_355", b = {
+const e = "_page_q8c84_3", g = "_figureContainer_q8c84_16", _ = "_figure_q8c84_16", a = "_figureA_q8c84_29", r = "_figureB_q8c84_33", c = "_grainOverlay_q8c84_115", n = "_badgeWrap_q8c84_127", i = "_badge0_q8c84_155", t = "_badge1_q8c84_160", d = "_badge2_q8c84_169", o = "_badge3_q8c84_178", b = {
   page: e,
-  figureContainer: u,
-  figure: g,
-  figureA: _,
-  figureB: a,
-  grainOverlay: n,
-  badgeWrap: r,
+  figureContainer: g,
+  figure: _,
+  figureA: a,
+  figureB: r,
+  grainOverlay: c,
+  badgeWrap: n,
   badge0: i,
   badge1: t,
   badge2: d,
@@ -16,12 +16,12 @@ export {
   t as badge1,
   d as badge2,
   o as badge3,
-  r as badgeWrap,
+  n as badgeWrap,
   b as default,
-  g as figure,
-  _ as figureA,
-  a as figureB,
-  u as figureContainer,
-  n as grainOverlay,
+  _ as figure,
+  a as figureA,
+  r as figureB,
+  g as figureContainer,
+  c as grainOverlay,
   e as page
 };

package/dist/components/AppContainer/AppContainer.module.css.js

@@ -1,17 +1,27 @@
-const t = "_toolTitleInput_7pu9q_37", n = "_appSidebarButton_7pu9q_67", o = "_slideContainer_7pu9q_109", e = "_slideContent_7pu9q_121", i = "_main_7pu9q_151", l = "_floatingMeetSlot_7pu9q_169", a = {
+const t = "_toolTitleInput_ukfsq_19", o = "_appSidebarButton_ukfsq_34", e = "_sidebarSyncStatus_ukfsq_55", n = "_desktopUpdateButton_ukfsq_61", s = "_desktopUpdateButtonIndicator_ukfsq_82", a = "_desktopUpdateButtonIcon_ukfsq_88", d = "_desktopUpdateButtonLabel_ukfsq_112", p = "_slideContainer_ukfsq_120", u = "_slideContent_ukfsq_126", _ = "_main_ukfsq_141", i = "_floatingMeetSlot_ukfsq_150", k = {
   toolTitleInput: t,
-  appSidebarButton: n,
-  slideContainer: o,
-  slideContent: e,
-  main: i,
-  floatingMeetSlot: l
+  appSidebarButton: o,
+  sidebarSyncStatus: e,
+  desktopUpdateButton: n,
+  desktopUpdateButtonIndicator: s,
+  desktopUpdateButtonIcon: a,
+  desktopUpdateButtonLabel: d,
+  slideContainer: p,
+  slideContent: u,
+  main: _,
+  floatingMeetSlot: i
 };
 export {
-  n as appSidebarButton,
-  a as default,
-  l as floatingMeetSlot,
-  i as main,
-  o as slideContainer,
-  e as slideContent,
+  o as appSidebarButton,
+  k as default,
+  n as desktopUpdateButton,
+  a as desktopUpdateButtonIcon,
+  s as desktopUpdateButtonIndicator,
+  d as desktopUpdateButtonLabel,
+  i as floatingMeetSlot,
+  _ as main,
+  e as sidebarSyncStatus,
+  p as slideContainer,
+  u as slideContent,
   t as toolTitleInput
 };

package/dist/components/AppContainer/components/AppsSidebar/DesktopUpdateButton.d.ts

@@ -0,0 +1,6 @@
+type DesktopUpdateButtonProps = {
+    showLabels: boolean;
+};
+export declare const DesktopUpdateButton: ({ showLabels, }: DesktopUpdateButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DesktopUpdateButton.d.ts.map

package/dist/components/AppContainer/components/AppsSidebar/DesktopUpdateButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopUpdateButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/DesktopUpdateButton.tsx"],"names":[],"mappings":"AA+BA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,iBAEjC,wBAAwB,mDAkL1B,CAAC"}

package/dist/components/AppContainer/components/AppsSidebar/DesktopUpdateButton.js

@@ -0,0 +1,161 @@
+import { jsx as l, jsxs as w } from "react/jsx-runtime";
+import { useState as V, useEffect as N, useMemo as T, useCallback as I } from "react";
+import { useTranslation as D } from "react-i18next";
+import { RefreshIcon as E, DownloadCircle01Icon as p, ReloadIcon as R, Alert02Icon as C } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as A } from "@hugeicons/react";
+import { Tooltip as B, Stack as S, Indicator as _, ActionIcon as x, Text as z } from "@mantine/core";
+import { getDesktopBridge as L } from "../menus/HelpMenu/HelpMenu.js";
+import s from "../../AppContainer.module.css.js";
+const P = "layers:desktop-update:download", j = "layers:desktop-update:install", H = "layers:desktop-update:check", O = /* @__PURE__ */ new Set([
+  "available",
+  "downloading",
+  "downloaded",
+  "installing",
+  "error"
+]), Q = ({
+  showLabels: c
+}) => {
+  const { t: e } = D("appContainer"), [t, r] = V(null);
+  N(() => {
+    const a = L()?.updates;
+    if (!a) {
+      r(null);
+      return;
+    }
+    let d = !1;
+    const u = (h) => {
+      d || r(h);
+    };
+    a.status().then(u).catch(() => {
+    });
+    const y = a.onChanged(u);
+    return () => {
+      d = !0, y();
+    };
+  }, []);
+  const b = t?.enabled && O.has(t.status), { icon: f, label: v, tooltip: i, eventName: n, busy: k, tone: o } = T(() => {
+    const a = t?.availableVersion ? `v${t.availableVersion}` : e("desktopUpdate.sidebarUnknownVersion", {
+      defaultValue: "the latest version"
+    });
+    return t?.status === "downloaded" ? {
+      icon: E,
+      label: e("desktopUpdate.sidebarRestart", {
+        defaultValue: "Restart"
+      }),
+      tooltip: e("desktopUpdate.sidebarRestartTooltip", {
+        version: a,
+        defaultValue: "Restart to install {{version}}"
+      }),
+      eventName: j,
+      busy: !1,
+      tone: "ready"
+    } : t?.status === "downloading" ? {
+      icon: p,
+      label: e("desktopUpdate.sidebarDownloading", {
+        defaultValue: "Downloading"
+      }),
+      tooltip: e("desktopUpdate.sidebarDownloadingTooltip", {
+        version: a,
+        defaultValue: "Downloading update {{version}}"
+      }),
+      eventName: null,
+      busy: !0,
+      tone: "busy"
+    } : t?.status === "installing" ? {
+      icon: R,
+      label: e("desktopUpdate.sidebarInstalling", {
+        defaultValue: "Installing"
+      }),
+      tooltip: e("desktopUpdate.sidebarInstallingTooltip", {
+        version: a,
+        defaultValue: "Installing update {{version}}"
+      }),
+      eventName: null,
+      busy: !0,
+      tone: "busy"
+    } : t?.status === "error" ? {
+      icon: C,
+      label: e("desktopUpdate.sidebarRetry", {
+        defaultValue: "Retry"
+      }),
+      tooltip: t.error || e("desktopUpdate.sidebarRetryTooltip", {
+        defaultValue: "Retry update check"
+      }),
+      eventName: H,
+      busy: !1,
+      tone: "error"
+    } : {
+      icon: p,
+      label: e("desktopUpdate.sidebarUpdate", {
+        defaultValue: "Update"
+      }),
+      tooltip: e("desktopUpdate.sidebarUpdateTooltip", {
+        version: a,
+        defaultValue: "Update to {{version}}"
+      }),
+      eventName: P,
+      busy: !1,
+      tone: "available"
+    };
+  }, [t?.availableVersion, t?.error, t?.status, e]), m = I(() => {
+    n && window.dispatchEvent(new Event(n));
+  }, [n]);
+  if (!b) return null;
+  const g = o === "available" || o === "ready", U = o === "ready" ? "green" : "blue";
+  return /* @__PURE__ */ l(B, { label: i, position: "right", withArrow: !0, openDelay: 250, children: /* @__PURE__ */ w(
+    S,
+    {
+      className: s.desktopUpdateButton,
+      "data-tone": o,
+      "data-disabled": !n || void 0,
+      gap: 0,
+      align: "center",
+      onClick: m,
+      children: [
+        /* @__PURE__ */ l(
+          _,
+          {
+            className: s.desktopUpdateButtonIndicator,
+            disabled: !g,
+            color: U,
+            inline: !0,
+            offset: 4,
+            position: "top-end",
+            processing: !0,
+            size: 10,
+            withBorder: !0,
+            children: /* @__PURE__ */ l(
+              x,
+              {
+                className: s.desktopUpdateButtonIcon,
+                "aria-label": i,
+                size: "lg",
+                variant: "light",
+                color: o === "ready" ? "green" : o === "error" ? "red" : "blue",
+                loading: k,
+                "data-button": !0,
+                children: /* @__PURE__ */ l(A, { icon: f, size: 18 })
+              }
+            )
+          }
+        ),
+        c && /* @__PURE__ */ l(
+          z,
+          {
+            className: s.desktopUpdateButtonLabel,
+            fz: 10,
+            fw: 500,
+            lh: 1.4,
+            c: "var(--app-container-title-color)",
+            px: 4,
+            ta: "center",
+            children: v
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  Q as DesktopUpdateButton
+};

package/dist/components/AppContainer/components/AppsSidebar/TopSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/TopSection.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,GAAI,2BAGxB;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAoEA,CAAC"}
+{"version":3,"file":"TopSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/TopSection.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,GAAI,2BAGxB;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAsEA,CAAC"}

package/dist/components/AppContainer/components/AppsSidebar/TopSection.js

@@ -1,9 +1,9 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { useTranslation as u } from "react-i18next";
-import { Search01Icon as b, Notification02Icon as v } from "@hugeicons/core-free-icons";
+import { Search01Icon as b, Notification02Icon as g } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as p } from "@hugeicons/react";
-import { Stack as w, ActionIcon as g, Tooltip as n, Menu as a } from "@mantine/core";
-import { isFeature as k } from "../../../../helpers/feature.js";
+import { Stack as w, ActionIcon as k, Tooltip as a, Menu as n } from "@mantine/core";
+import { isFeature as v } from "../../../../helpers/feature.js";
 import { openSearchModal as y } from "../../../../store/searchModal.js";
 import { Notification as A } from "../../../Notification/Notification.js";
 import { WorkspaceAvatar as l } from "../../../WorkspaceAvatar/WorkspaceAvatar.js";
@@ -14,62 +14,64 @@ const H = ({
   showSearch: d = !0,
   showLogo: h = !1
 }) => {
-  const { t: i } = u("appContainer"), { workspaceMenu: r, isAnonym: t, publicMode: c, navbarDisplayFormat: f } = z(), e = f === "iconsAndLabels";
+  const { t: o } = u("appContainer"), { workspaceMenu: r, isAnonym: t, publicMode: c, navbarDisplayFormat: f } = z(), e = f === "iconsAndLabels";
   return /* @__PURE__ */ s(w, { gap: 8, align: "center", pb: 8, children: [
-    h ? /* @__PURE__ */ o(l, { size: 36 }) : /* @__PURE__ */ o(
+    h ? /* @__PURE__ */ i(l, { size: 36 }) : /* @__PURE__ */ i(
       S,
       {
         ...r,
         isAnonym: t,
         publicMode: c,
-        children: /* @__PURE__ */ o(
-          g,
+        children: /* @__PURE__ */ i(
+          k,
           {
+            "data-cy": "workspace-menu-trigger",
+            "data-testid": "workspace-menu-trigger",
             size: "lg",
             variant: "transparent",
             style: { overflow: "visible" },
-            children: /* @__PURE__ */ o(
-              n,
+            children: /* @__PURE__ */ i(
+              a,
               {
                 label: r.active?.workspaceName,
                 disabled: !r.active?.workspaceName,
                 openDelay: 400,
                 position: "right",
                 withArrow: !0,
-                children: /* @__PURE__ */ o(l, { workspace: r.active, size: 36 })
+                children: /* @__PURE__ */ i(l, { workspace: r.active, size: 36 })
               }
             )
           }
         )
       }
     ),
-    d && !t && !c && /* @__PURE__ */ o(n, { label: i("search"), position: "right", disabled: e, children: /* @__PURE__ */ o(
+    d && !t && !c && /* @__PURE__ */ i(a, { label: o("search"), position: "right", disabled: e, children: /* @__PURE__ */ i(
       m,
       {
-        title: e ? i("search") : null,
-        icon: /* @__PURE__ */ o(p, { icon: b, size: 20 }),
+        title: e ? o("search") : null,
+        icon: /* @__PURE__ */ i(p, { icon: b, size: 20 }),
         onClick: () => {
           y();
         }
       }
     ) }),
-    k() && !t && /* @__PURE__ */ s(a, { position: "right-start", children: [
-      /* @__PURE__ */ o(a.Target, { children: /* @__PURE__ */ o(
-        n,
+    v() && !t && /* @__PURE__ */ s(n, { position: "right-start", children: [
+      /* @__PURE__ */ i(n.Target, { children: /* @__PURE__ */ i(
+        a,
         {
-          label: i("activity"),
+          label: o("activity"),
           position: "right",
           disabled: e,
-          children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ i(
             m,
             {
-              title: e ? i("activity") : null,
-              icon: /* @__PURE__ */ o(p, { icon: v, size: 20 })
+              title: e ? o("activity") : null,
+              icon: /* @__PURE__ */ i(p, { icon: g, size: 20 })
             }
           )
         }
       ) }),
-      /* @__PURE__ */ o(a.Dropdown, { px: 4, py: 0, w: 440, children: /* @__PURE__ */ o(A, {}) })
+      /* @__PURE__ */ i(n.Dropdown, { px: 4, py: 0, w: 440, children: /* @__PURE__ */ i(A, {}) })
     ] })
   ] });
 };

package/dist/components/AppContainer/components/AppsSidebar/UserSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAyGA,CAAC"}
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,WAAW,GAAI,4CAIzB;IACD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,4CAmPA,CAAC"}