@layers-app/shared 0.2.6 → 0.2.8-test

package/dist/components/AliasTextInput/AliasTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AliasTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/AliasTextInput/AliasTextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAGT,UAAU,EAGV,cAAc,EAEf,MAAM,eAAe,CAAC;AAEvB,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAChE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE;QACZ,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CACnB,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAC1C,CAAC;IACF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mJAW5B,mBAAmB,4CAkFrB,CAAC"}
+{"version":3,"file":"AliasTextInput.d.ts","sourceRoot":"","sources":["../../../src/components/AliasTextInput/AliasTextInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAGT,UAAU,EAGV,cAAc,EAEf,MAAM,eAAe,CAAC;AAEvB,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;QAChE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACzB,CAAC;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE;QACZ,gBAAgB,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CACnB,cAAc,EACd,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAC1C,CAAC;IACF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mJAW5B,mBAAmB,4CAmFrB,CAAC"}

package/dist/components/AliasTextInput/AliasTextInput.js

@@ -1,28 +1,28 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { HelpCircleIcon as v } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as g } from "@hugeicons/react";
+import { HelpCircleIcon as g } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as v } from "@hugeicons/react";
 import { Stack as x, Flex as l, Text as c, TextInput as y, Loader as w, Box as z, Tooltip as L } from "@mantine/core";
-const H = ({
-  form: p,
-  label: e,
+const C = ({
+  form: a,
+  label: n,
   disabled: o,
-  localization: { aliasPlaceholder: a },
+  localization: { aliasPlaceholder: d },
   stackProps: m,
-  flexProps: d,
-  textInputProps: s,
+  flexProps: s,
+  textInputProps: p,
   isCheckingAlias: u,
-  previewMode: n = !1,
+  previewMode: e = !1,
   tooltipLabel: h
 }) => {
-  const { error: t, ...f } = p;
+  const { error: t, ...f } = a;
   return /* @__PURE__ */ i(x, { gap: 5, ...m, children: [
-    e ? typeof e == "string" ? /* @__PURE__ */ r(c, { fw: 500, fz: "xs", lh: "sm", children: e }) : e : null,
+    n ? typeof n == "string" ? /* @__PURE__ */ r(c, { fw: 500, fz: "xs", lh: "sm", children: n }) : n : null,
     /* @__PURE__ */ i(
       l,
       {
         px: 12,
         gap: "sm",
-        ...d,
+        ...s,
         style: {
           border: `1px solid ${t ? "var(--mantine-color-error)" : "var(--mantine-color-default-border)"}`,
           borderRadius: "var(--mantine-radius-default)",
@@ -30,8 +30,8 @@ const H = ({
           background: o ? "var(--mantine-color-disabled)" : void 0,
           opacity: o ? 0.6 : 1,
           overflow: "hidden",
-          cursor: o ? "not-allowed" : n ? "pointer" : void 0,
-          ...d?.style
+          cursor: o ? "not-allowed" : e ? "pointer" : void 0,
+          ...s?.style
         },
         children: [
           /* @__PURE__ */ i(l, { gap: 0, flex: 1, align: "center", children: [
@@ -49,25 +49,26 @@ const H = ({
               y,
               {
                 w: "100%",
-                placeholder: a,
+                placeholder: d,
                 variant: "unstyled",
                 leftSectionWidth: "auto",
                 maxLength: 50,
                 disabled: o,
+                readOnly: !a.onChange,
                 rightSection: u ? /* @__PURE__ */ r(w, { size: 14 }) : void 0,
                 ...f,
-                ...s,
+                ...p,
                 styles: {
                   input: {
-                    pointerEvents: n ? "none" : void 0,
+                    pointerEvents: e ? "none" : void 0,
                     cursor: o ? "not-allowed" : void 0
                   },
-                  ...s?.styles
+                  ...p?.styles
                 }
               }
             )
           ] }),
-          n && /* @__PURE__ */ r(z, { w: 20, h: 20, children: /* @__PURE__ */ r(L, { label: h || a, children: /* @__PURE__ */ r(g, { size: 20, color: "gray", icon: v }) }) })
+          e && /* @__PURE__ */ r(z, { w: 20, h: 20, children: /* @__PURE__ */ r(L, { label: h || d, children: /* @__PURE__ */ r(v, { size: 20, color: "gray", icon: g }) }) })
         ]
       }
     ),
@@ -75,5 +76,5 @@ const H = ({
   ] });
 };
 export {
-  H as AliasTextInput
+  C as AliasTextInput
 };

package/dist/components/AppContainer/AppContainer.js

@@ -11,8 +11,8 @@ import E from "./components/NavbarContent.js";
 import { RightSidebar as O } from "./components/RightSidebar.js";
 import { ToolSidebar as $ } from "./components/ToolSidebar.js";
 import { ToolbarNewButton as F } from "./components/ToolbarNewButton.js";
-import { appContainerStore as K } from "./hooks/useAppContainerStore.js";
-import { useAppContainerDataStore as Q } from "./hooks/useAppContainerDataStore.js";
+import { useAppContainerDataStore as K } from "./hooks/useAppContainerDataStore.js";
+import { appContainerStore as Q } from "./hooks/useAppContainerStore.js";
 const R = ({
   header: l,
   content: h,
@@ -27,7 +27,7 @@ const R = ({
   headerBorderless: b = !1,
   withBg: x = !1
 }) => {
-  const { toolbarWidth: w, rightbarWidth: C, layout: p } = K.useStore(), g = Q((v) => v.user), a = H(g.mode, "DESKTOP"), { setColorScheme: s } = j(), t = M("theme");
+  const { toolbarWidth: w, rightbarWidth: C, layout: p } = Q.useStore(), g = K((v) => v.user), a = H(g.mode, "DESKTOP"), { setColorScheme: s } = j(), t = M("theme");
   T(() => {
     !a && (t === "dark" || t === "light") && s(t);
   }, [t, s, a]);

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

@@ -1,4 +1,4 @@
-const t = "_toolTitleInput_14hbr_19", n = "_appSidebarButton_14hbr_34", o = "_slideContainer_14hbr_55", e = "_slideContent_14hbr_61", i = "_main_14hbr_76", s = {
+const t = "_toolTitleInput_12w1k_37", n = "_appSidebarButton_12w1k_67", o = "_slideContainer_12w1k_109", e = "_slideContent_12w1k_121", i = "_main_12w1k_151", s = {
   toolTitleInput: t,
   appSidebarButton: n,
   slideContainer: o,

package/dist/components/AppContainer/components/AppSidebarButton.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
 type AppSidebarButtonProps = {
-    title: string;
+    title?: string | null;
     icon: React.ReactNode;
     active?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;

package/dist/components/AppContainer/components/AppSidebarButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppSidebarButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/AppSidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,kHAmC3B,CAAC"}
+{"version":3,"file":"AppSidebarButton.d.ts","sourceRoot":"","sources":["../../../../src/components/AppContainer/components/AppSidebarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAMtD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,gBAAgB,kHAqC3B,CAAC"}

package/dist/components/AppContainer/components/AppSidebarButton.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { Stack as p, ActionIcon as l, Text as s } from "@mantine/core";
+import { Stack as p, ActionIcon as s, Text as l } from "@mantine/core";
 import d from "../AppContainer.module.css.js";
 const h = c(({ title: r, icon: a, active: e, onClick: o }, i) => /* @__PURE__ */ n(
   p,
@@ -12,7 +12,7 @@ const h = c(({ title: r, icon: a, active: e, onClick: o }, i) => /* @__PURE__ */
     onClick: o,
     children: [
       /* @__PURE__ */ t(
-        l,
+        s,
         {
           size: "lg",
           variant: "subtle",
@@ -22,8 +22,8 @@ const h = c(({ title: r, icon: a, active: e, onClick: o }, i) => /* @__PURE__ */
           children: a
         }
       ),
-      /* @__PURE__ */ t(
-        s,
+      r && /* @__PURE__ */ t(
+        l,
         {
           fz: 10,
           fw: 500,

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

@@ -1 +1 @@
-{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSection.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,+CA8CvB,CAAC"}
+{"version":3,"file":"AppsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/AppsSection.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW,+CAsDvB,CAAC"}

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

@@ -1,52 +1,60 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
-import { matchPath as m } from "react-router-dom";
-import { More01Icon as d } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as h } from "@hugeicons/react";
-import { ScrollArea as f, Stack as u, Menu as e } from "@mantine/core";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as h } from "react-i18next";
+import { matchPath as f } from "react-router-dom";
+import { More01Icon as u } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as b } from "@hugeicons/react";
+import { ScrollArea as g, Stack as w, Tooltip as a, Menu as e } from "@mantine/core";
 import { useAppContainerDataStore as S } from "../../hooks/useAppContainerDataStore.js";
-import { appContainerStore as g } from "../../hooks/useAppContainerStore.js";
-import { AppSidebarButton as n } from "../AppSidebarButton.js";
-import { MoreMenu as w } from "../menus/MoreMenu.js";
-const y = () => {
-  const { t: p } = s("appContainer"), { hiddenTools: a } = g.useStore(), { tools: i, publicMode: c } = S();
-  return /* @__PURE__ */ r(
-    f,
+import { appContainerStore as A } from "../../hooks/useAppContainerStore.js";
+import { AppSidebarButton as p } from "../AppSidebarButton.js";
+import { MoreMenu as C } from "../menus/MoreMenu.js";
+const z = () => {
+  const { t: n } = h("appContainer"), { hiddenTools: s } = A.useStore(), { tools: t, publicMode: c, navbarDisplayFormat: m } = S(), r = m === "iconsAndLabels";
+  return /* @__PURE__ */ o(
+    g,
     {
       w: "var(--apps-sidebar-width)",
       style: { borderTop: "1px solid var(--app-shell-border)" },
       py: 8,
-      children: /* @__PURE__ */ t(u, { gap: 8, align: "center", children: [
-        i?.filter((o) => !a.includes(o.id))?.map((o) => {
-          const l = !!m(
-            { path: o.path, end: !1 },
+      children: /* @__PURE__ */ l(w, { gap: 8, align: "center", children: [
+        t?.filter((i) => !s.includes(i.id))?.map((i) => {
+          const d = !!f(
+            { path: i.path, end: !1 },
             window.location.pathname
           );
-          return /* @__PURE__ */ r(
-            n,
+          return /* @__PURE__ */ o(
+            a,
             {
-              title: o.name,
-              icon: o.icon(),
-              active: l,
-              onClick: o.onClick
+              label: i.name,
+              position: "right",
+              disabled: r,
+              children: /* @__PURE__ */ o(
+                p,
+                {
+                  title: r ? i.name : null,
+                  icon: i.icon(),
+                  active: d,
+                  onClick: i.onClick
+                }
+              )
             },
-            o.id
+            i.id
           );
         }),
-        !c && i.length > 1 && /* @__PURE__ */ t(e, { position: "right", closeOnItemClick: !1, children: [
-          /* @__PURE__ */ r(e.Target, { children: /* @__PURE__ */ r(
-            n,
+        !c && t.length > 1 && /* @__PURE__ */ l(e, { position: "right", closeOnItemClick: !1, children: [
+          /* @__PURE__ */ o(e.Target, { children: /* @__PURE__ */ o(a, { label: n("more"), position: "right", disabled: r, children: /* @__PURE__ */ o(
+            p,
             {
-              title: p("more"),
-              icon: /* @__PURE__ */ r(h, { icon: d, size: 20 })
+              title: r ? n("more") : null,
+              icon: /* @__PURE__ */ o(b, { icon: u, size: 20 })
             }
-          ) }),
-          /* @__PURE__ */ r(e.Dropdown, { miw: 240, children: /* @__PURE__ */ r(w, {}) })
+          ) }) }),
+          /* @__PURE__ */ o(e.Dropdown, { miw: 240, children: /* @__PURE__ */ o(C, {}) })
         ] })
       ] })
     }
   );
 };
 export {
-  y as AppsSection
+  z as AppsSection
 };

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,+CAsDtB,CAAC"}
+{"version":3,"file":"TopSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/TopSection.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,UAAU,+CAgEtB,CAAC"}

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

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

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":"AAsBA,eAAO,MAAM,WAAW,GAAI,+BAGzB;IACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,4CA0FA,CAAC"}
+{"version":3,"file":"UserSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppContainer/components/AppsSidebar/UserSection.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,WAAW,GAAI,+BAGzB;IACD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,4CAqGA,CAAC"}

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

@@ -1,22 +1,23 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-import { useTranslation as w } from "react-i18next";
-import { Link as I } from "react-router-dom";
-import { Delete03Icon as S, UserAdd02Icon as b, HelpCircleIcon as x } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as s } from "@hugeicons/react";
-import { Stack as p, Menu as e, Tooltip as z, ActionIcon as A } from "@mantine/core";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { useTranslation as I } from "react-i18next";
+import { Link as v } from "react-router-dom";
+import { Delete03Icon as x, UserAdd02Icon as A, HelpCircleIcon as D } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as p } from "@hugeicons/react";
+import { Stack as a, Menu as r, Tooltip as t, ActionIcon as z } from "@mantine/core";
 import { IconUserCircle as C } from "@tabler/icons-react";
-import { useTrashModalStore as D, openTrashModal as U, closeTrashModal as j } from "../../../../store/trashModal.js";
-import { useAppContainerDataStore as m } from "../../hooks/useAppContainerDataStore.js";
-import { AppSidebarButton as l } from "../AppSidebarButton.js";
-import { HelpMenu as v } from "../menus/HelpMenu/HelpMenu.js";
-import { MenuUserDropdown as y } from "../menus/UserMenu/MenuUserDropdown.js";
-const P = ({
-  trashMenu: f,
-  onInviteClick: c
+import { usePlatform as S } from "../../../../hooks/usePlatform.js";
+import { useTrashModalStore as U, openTrashModal as y, closeTrashModal as L } from "../../../../store/trashModal.js";
+import { useAppContainerDataStore as j } from "../../hooks/useAppContainerDataStore.js";
+import { AppSidebarButton as c } from "../AppSidebarButton.js";
+import { HelpMenu as H } from "../menus/HelpMenu/HelpMenu.js";
+import { MenuUserDropdown as k } from "../menus/UserMenu/MenuUserDropdown.js";
+const W = ({
+  trashMenu: u,
+  onInviteClick: d
 }) => {
-  const { t: n } = w("appContainer"), { user: a, isAnonym: t, userMenuItems: g, publicMode: u } = m(), M = D((i) => i.opened), d = !t && !u && a.role !== "mG", T = m((i) => i.isSaas), h = !t && T && c;
-  return /* @__PURE__ */ r(
-    p,
+  const { t: e } = I("appContainer"), g = S(), { user: h, isAnonym: s, userMenuItems: b, publicMode: w, navbarDisplayFormat: M } = j(), T = U((l) => l.opened), m = !s && !w && h.role !== "mG", f = !s && g.has("inviteUsers") && d, i = M === "iconsAndLabels";
+  return /* @__PURE__ */ n(
+    a,
     {
       style: { borderTop: "1px solid var(--app-shell-border)" },
       flex: 1,
@@ -24,63 +25,71 @@ const P = ({
       gap: 16,
       align: "center",
       children: [
-        /* @__PURE__ */ r(
-          p,
+        /* @__PURE__ */ n(
+          a,
           {
-            justify: !d && !h ? "end" : "space-between",
+            justify: !m && !f ? "end" : "space-between",
             gap: 8,
             flex: 1,
             children: [
-              d && /* @__PURE__ */ r(
-                e,
+              m && /* @__PURE__ */ n(
+                r,
                 {
                   position: "right",
                   offset: 6,
                   width: 360,
-                  opened: M,
-                  onChange: (i) => {
-                    i ? U() : j();
+                  opened: T,
+                  onChange: (l) => {
+                    l ? y() : L();
                   },
                   children: [
-                    /* @__PURE__ */ o(e.Target, { children: /* @__PURE__ */ o(
-                      l,
+                    /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(
+                      t,
                       {
-                        title: n("trash"),
-                        icon: /* @__PURE__ */ o(s, { icon: S, size: 20 })
+                        label: e("trash"),
+                        position: "right",
+                        disabled: i,
+                        children: /* @__PURE__ */ o(
+                          c,
+                          {
+                            title: i ? e("trash") : null,
+                            icon: /* @__PURE__ */ o(p, { icon: x, size: 20 })
+                          }
+                        )
                       }
                     ) }),
-                    /* @__PURE__ */ o(e.Dropdown, { children: f })
+                    /* @__PURE__ */ o(r.Dropdown, { children: u })
                   ]
                 }
               ),
-              /* @__PURE__ */ r(p, { gap: 8, children: [
-                h && /* @__PURE__ */ o(
-                  l,
+              /* @__PURE__ */ n(a, { gap: 8, children: [
+                f && /* @__PURE__ */ o(t, { label: e("invite"), position: "right", disabled: i, children: /* @__PURE__ */ o(
+                  c,
                   {
-                    title: n("invite"),
-                    icon: /* @__PURE__ */ o(s, { icon: b, size: 20 }),
-                    onClick: c
+                    title: i ? e("invite") : null,
+                    icon: /* @__PURE__ */ o(p, { icon: A, size: 20 }),
+                    onClick: d
                   }
-                ),
-                /* @__PURE__ */ r(e, { position: "right-end", offset: 6, width: 260, children: [
-                  /* @__PURE__ */ o(e.Target, { children: /* @__PURE__ */ o(
-                    l,
+                ) }),
+                /* @__PURE__ */ n(r, { position: "right-end", offset: 6, width: 260, children: [
+                  /* @__PURE__ */ o(r.Target, { children: /* @__PURE__ */ o(t, { label: e("help"), position: "right", disabled: i, children: /* @__PURE__ */ o(
+                    c,
                     {
-                      title: n("help"),
-                      icon: /* @__PURE__ */ o(s, { icon: x, size: 20 })
+                      title: i ? e("help") : null,
+                      icon: /* @__PURE__ */ o(p, { icon: D, size: 20 })
                     }
-                  ) }),
-                  /* @__PURE__ */ o(e.Dropdown, { children: /* @__PURE__ */ o(v, {}) })
+                  ) }) }),
+                  /* @__PURE__ */ o(r.Dropdown, { children: /* @__PURE__ */ o(H, {}) })
                 ] })
               ] })
             ]
           }
         ),
-        t ? /* @__PURE__ */ o(I, { to: "/login", children: /* @__PURE__ */ o(z, { label: "Log in", position: "right", children: /* @__PURE__ */ o(A, { size: "lg", variant: "light", children: /* @__PURE__ */ o(C, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
-          y,
+        s ? /* @__PURE__ */ o(v, { to: "/login", children: /* @__PURE__ */ o(t, { label: "Log in", position: "right", children: /* @__PURE__ */ o(z, { size: "lg", variant: "light", children: /* @__PURE__ */ o(C, { size: 20 }) }) }) }) : /* @__PURE__ */ o(
+          k,
           {
-            user: a,
-            menuItems: g,
+            user: h,
+            menuItems: b,
             position: "right-end"
           }
         )
@@ -89,5 +98,5 @@ const P = ({
   );
 };
 export {
-  P as UserSection
+  W as UserSection
 };

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