@layers-app/shared 0.2.5 → 0.2.6

package/dist/components/TimezonePicker/index.js

@@ -0,0 +1,90 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useState as p, useMemo as v } from "react";
+import { useTranslation as S } from "react-i18next";
+import { Tick02Icon as w, Search01Icon as x } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import C from "../../assets/svg/globeIcon.svg.js";
+import { useCombobox as I, Combobox as t, Flex as T, InputBase as D, Input as k, Stack as y, TextInput as z, ScrollArea as O } from "@mantine/core";
+import { getTimeZones as P } from "../../helpers/timezones.js";
+const G = ({
+  label: m,
+  timezone: h,
+  onChange: d,
+  ...f
+}) => {
+  const [c, a] = p(""), g = v(() => P(), []), { t: i } = S(), n = I({
+    onDropdownClose: () => {
+      n.resetSelectedOption(), n.focusTarget(), a("");
+    },
+    onDropdownOpen: () => {
+      n.focusSearchInput();
+    }
+  }), [r, b] = p(h), s = g.filter(
+    (o) => o.label.toLowerCase().includes(c.toLowerCase().trim())
+  ).map((o) => /* @__PURE__ */ e(
+    t.Option,
+    {
+      active: r === o.value,
+      value: o.value,
+      children: /* @__PURE__ */ l(T, { justify: "space-between", align: "center", children: [
+        o.label,
+        r === o.value ? /* @__PURE__ */ e(
+          u,
+          {
+            color: "var(--mantine-primary-color-filled)",
+            size: 16,
+            icon: w
+          }
+        ) : null
+      ] })
+    },
+    o.value
+  ));
+  return /* @__PURE__ */ l(
+    t,
+    {
+      position: "bottom",
+      store: n,
+      withinPortal: !1,
+      onOptionSubmit: (o) => {
+        b(o), d(o), n.closeDropdown();
+      },
+      ...f,
+      children: [
+        /* @__PURE__ */ e(t.Target, { children: /* @__PURE__ */ e(
+          D,
+          {
+            label: m,
+            value: r || "",
+            component: "button",
+            type: "button",
+            leftSection: /* @__PURE__ */ e(C, { width: 16, height: 16 }),
+            flex: 1,
+            pointer: !0,
+            rightSection: /* @__PURE__ */ e(t.Chevron, {}),
+            onClick: () => n.toggleDropdown(),
+            rightSectionPointerEvents: "none",
+            children: r || /* @__PURE__ */ e(k.Placeholder, { children: i("pickValue") })
+          }
+        ) }),
+        /* @__PURE__ */ e(t.Dropdown, { children: /* @__PURE__ */ l(y, { gap: 12, children: [
+          /* @__PURE__ */ e(
+            z,
+            {
+              variant: "filled",
+              size: "sm",
+              placeholder: `${i("search")}...`,
+              value: c,
+              onChange: (o) => a(o.currentTarget.value),
+              leftSection: /* @__PURE__ */ e(u, { color: "dimmed", size: 16, icon: x })
+            }
+          ),
+          /* @__PURE__ */ e(t.Options, { children: /* @__PURE__ */ e(O.Autosize, { mah: 200, type: "scroll", children: s.length > 0 ? s : /* @__PURE__ */ e(t.Empty, { children: i("nothingData") }) }) })
+        ] }) })
+      ]
+    }
+  );
+};
+export {
+  G as TimezonePicker
+};

package/dist/components/WorkspaceMenu/WorkspaceItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceItem.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,UAAU,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,CAAC;CACd;AAED,eAAO,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAuCvE,CAAC"}
+{"version":3,"file":"WorkspaceItem.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,UAAU,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,CAAC;CACd;AAED,eAAO,MAAM,aAAa,GAAI,wBAAwB,kBAAkB,4CAuCvE,CAAC"}

package/dist/components/WorkspaceMenu/WorkspaceItem.js

@@ -1,24 +1,25 @@
-import { jsx as e, jsxs as t, Fragment as a } from "react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
+import { jsx as t, jsxs as n, Fragment as s } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
 import { Menu as c, Flex as o, Box as i, Text as m } from "@mantine/core";
-import { WorkspaceAvatar as p } from "../WorkspaceAvatar/WorkspaceAvatar.js";
-const b = ({ workspace: n, onClick: l }) => {
-  const { t: r } = s("workspaceMenu");
-  return /* @__PURE__ */ e(
+import { useAppContainerDataStore as p } from "../AppContainer/hooks/useAppContainerDataStore.js";
+import { WorkspaceAvatar as h } from "../WorkspaceAvatar/WorkspaceAvatar.js";
+const g = ({ workspace: e, onClick: a }) => {
+  const { t: r } = l("workspaceMenu");
+  return /* @__PURE__ */ t(
     c.Item,
     {
       p: 4,
-      onClick: () => l?.(n),
+      onClick: () => a?.(e),
       component: "a",
       styles: { itemLabel: { minWidth: 0 } },
-      children: /* @__PURE__ */ t(o, { gap: 12, children: [
-        /* @__PURE__ */ e(p, { workspace: n, size: 36 }),
-        /* @__PURE__ */ t(i, { flex: 1, miw: 0, children: [
-          /* @__PURE__ */ e(m, { truncate: !0, size: "sm", fw: 500, c: "var(--mantine-color-bright", children: n.workspaceName }),
-          !n?.invitation && /* @__PURE__ */ e(m, { c: "gray", fw: 500, size: "xs", component: "span", children: /* @__PURE__ */ t(o, { gap: 8, component: "span", children: [
-            n.totalMembers ? /* @__PURE__ */ t(a, { children: [
-              r("member", { count: n.totalMembers }),
-              /* @__PURE__ */ e(
+      children: /* @__PURE__ */ n(o, { gap: 12, children: [
+        /* @__PURE__ */ t(h, { workspace: e, size: 36 }),
+        /* @__PURE__ */ n(i, { flex: 1, miw: 0, children: [
+          /* @__PURE__ */ t(m, { truncate: !0, size: "sm", fw: 500, c: "var(--mantine-color-bright", children: e.workspaceName }),
+          !e?.invitation && /* @__PURE__ */ t(m, { c: "gray", fw: 500, size: "xs", component: "span", children: /* @__PURE__ */ n(o, { gap: 8, component: "span", children: [
+            e.totalMembers ? /* @__PURE__ */ n(s, { children: [
+              r("member", { count: e.totalMembers }),
+              /* @__PURE__ */ t(
                 i,
                 {
                   w: 2,
@@ -29,7 +30,7 @@ const b = ({ workspace: n, onClick: l }) => {
                 }
               )
             ] }) : null,
-            r(`plans.${n.plan}`)
+            p.getState().isSaas && r(`plans.${e.plan}`)
           ] }) })
         ] })
       ] })
@@ -37,5 +38,5 @@ const b = ({ workspace: n, onClick: l }) => {
   );
 };
 export {
-  b as WorkspaceItem
+  g as WorkspaceItem
 };

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

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceMenu.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AA6BpD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,KAAK,CAAC;QACxB,IAAI,EACA,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,aAAa,EAAE,iHAWpD,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,4CAwE1C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,aAAa,EAAE,gEAMtD,IAAI,CACL,kBAAkB,CAAC,CAAC,CAAC,EACrB,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS,CACxE,4CA6DA,CAAC"}
+{"version":3,"file":"WorkspaceMenu.d.ts","sourceRoot":"","sources":["../../../src/components/WorkspaceMenu/WorkspaceMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AA6BpD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,KAAK,CAAC;QACxB,IAAI,EACA,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,MAAM,CAAC;QACX,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC,CAAC;IACH,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,GAAG,aAAa,IAAI;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,MAAM,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,aAAa,EAAE,iHAWpD,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,4CAwE1C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,aAAa,EAAE,gEAMtD,IAAI,CACL,kBAAkB,CAAC,CAAC,CAAC,EACrB,QAAQ,GAAG,eAAe,GAAG,cAAc,GAAG,aAAa,GAAG,SAAS,CACxE,4CA+DA,CAAC"}

package/dist/components/WorkspaceMenu/WorkspaceMenu.js

@@ -1,69 +1,69 @@
-import { jsx as e, Fragment as M, jsxs as n } from "react/jsx-runtime";
-import { useState as j } from "react";
+import { jsxs as t, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { useState as L } from "react";
 import { useTranslation as h } from "react-i18next";
 import { Link as b } from "react-router-dom";
-import { Setting07Icon as A, UserMultiple02Icon as L, Add01Icon as K } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as g } from "@hugeicons/react";
-import { Flex as l, Menu as p, Tooltip as T, Text as m, Stack as a, Box as f, Button as k, ScrollArea as P, Progress as U } from "@mantine/core";
+import { Setting07Icon as N, UserMultiple02Icon as K, Add01Icon as T } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as k } from "@hugeicons/react";
+import { Stack as a, Flex as l, Text as m, Box as f, Button as S, Menu as p, Tooltip as D, Progress as P, ScrollArea as U } from "@mantine/core";
+import { useAppContainerDataStore as w } from "../AppContainer/hooks/useAppContainerDataStore.js";
 import { useMenu as B } from "../../hooks/useMenu.js";
-import { formatStorage as z } from "../../utils/formatStorage.js";
-import { Logotype as D } from "../Logotype.js";
-import { WorkspaceAvatar as S } from "../WorkspaceAvatar/WorkspaceAvatar.js";
-import { Numbers as F } from "../table/helpers/formatters.js";
-import { WorkspaceItem as O } from "./WorkspaceItem.js";
+import { formatStoragePercent as F, formatStorage as z } from "../../utils/formatStorage.js";
+import { Logotype as O } from "../Logotype.js";
+import { WorkspaceAvatar as x } from "../WorkspaceAvatar/WorkspaceAvatar.js";
+import { WorkspaceItem as E } from "./WorkspaceItem.js";
 const ne = ({
   children: r,
   onCreate: i,
-  onClick: t,
-  active: o,
+  onClick: o,
+  active: n,
   items: c,
   workspaceLink: s,
-  settingsLink: x,
-  membersLink: y,
+  settingsLink: y,
+  membersLink: C,
   isAnonym: I,
   publicMode: W
 }) => {
-  const { t: C } = h("workspaceMenu"), { isMobile: u } = B(), [N, d] = j(!1);
+  const { t: A } = h("workspaceMenu"), { isMobile: u } = B(), [j, d] = L(!1);
   return I || W ? /* @__PURE__ */ e(l, { w: "100%", justify: u ? "start" : "center", children: /* @__PURE__ */ e("a", { href: "/", children: /* @__PURE__ */ e(
-    D,
+    O,
     {
       minified: !u,
       w: u ? 65 : 24,
       isLink: !1
     }
-  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ n(
+  ) }) }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ t(
     p,
     {
-      opened: N,
+      opened: j,
       onChange: d,
       position: "right-start",
       keepMounted: !1,
       clickOutsideEvents: ["mousedown", "click"],
       offset: 17,
       children: [
-        /* @__PURE__ */ e(p.Target, { children: r ?? /* @__PURE__ */ n(l, { onClick: () => d((w) => !w), children: [
-          /* @__PURE__ */ e(S, { size: 30, workspace: o }),
-          /* @__PURE__ */ e(l, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(T, { label: o.workspaceName, children: /* @__PURE__ */ e(m, { size: "md", truncate: !0, children: o?.workspaceName || C("noName") }) }) })
+        /* @__PURE__ */ e(p.Target, { children: r ?? /* @__PURE__ */ t(l, { onClick: () => d((g) => !g), children: [
+          /* @__PURE__ */ e(x, { size: 30, workspace: n }),
+          /* @__PURE__ */ e(l, { justify: "space-between", align: "center", w: "100%", miw: 0, children: /* @__PURE__ */ e(D, { label: n.workspaceName, children: /* @__PURE__ */ e(m, { size: "md", truncate: !0, children: n?.workspaceName || A("noName") }) }) })
         ] }) }),
-        /* @__PURE__ */ e(p.Dropdown, { w: 338, children: /* @__PURE__ */ n(a, { gap: 6, children: [
+        /* @__PURE__ */ e(p.Dropdown, { w: 338, children: /* @__PURE__ */ t(a, { gap: 6, children: [
           /* @__PURE__ */ e(
-            E,
+            H,
             {
-              active: o,
+              active: n,
               workspaceLink: s,
-              settingsLink: x,
-              membersLink: y,
+              settingsLink: y,
+              membersLink: C,
               onClose: () => d(!1)
             }
           ),
           /* @__PURE__ */ e(f, { px: 4, children: /* @__PURE__ */ e(p.Divider, {}) }),
           /* @__PURE__ */ e(
-            R,
+            $,
             {
               onCreate: i,
-              onClick: t,
+              onClick: o,
               items: c.filter(
-                (w) => w.workspaceId !== o?.workspaceId
+                (g) => g.workspaceId !== n?.workspaceId
               ),
               onClose: () => d(!1)
             }
@@ -72,21 +72,21 @@ const ne = ({
       ]
     }
   ) });
-}, E = ({
+}, H = ({
   active: r,
   workspaceLink: i,
-  settingsLink: t,
-  membersLink: o,
+  settingsLink: o,
+  membersLink: n,
   onClose: c
 }) => {
   const { t: s } = h("workspaceMenu");
-  return /* @__PURE__ */ n(a, { p: 4, pb: 5, gap: 12, children: [
-    /* @__PURE__ */ n(l, { gap: 10, children: [
-      /* @__PURE__ */ e(S, { size: 48, workspace: r }),
-      /* @__PURE__ */ n(a, { gap: 0, miw: 0, children: [
+  return /* @__PURE__ */ t(a, { p: 4, pb: 5, gap: 12, children: [
+    /* @__PURE__ */ t(l, { gap: 10, children: [
+      /* @__PURE__ */ e(x, { size: 48, workspace: r }),
+      /* @__PURE__ */ t(a, { gap: 0, miw: 0, children: [
         /* @__PURE__ */ e(m, { truncate: !0, size: "md", fw: 500, c: "var(--mantine-color-bright)", children: r.workspaceName || s("noName") }),
-        /* @__PURE__ */ e(m, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ n(l, { gap: 6, component: "span", children: [
-          r.totalMembers ? /* @__PURE__ */ n(M, { children: [
+        /* @__PURE__ */ e(m, { c: "gray", size: "sm", fw: 500, component: "span", children: /* @__PURE__ */ t(l, { gap: 6, component: "span", children: [
+          r.totalMembers ? /* @__PURE__ */ t(M, { children: [
             s("member", { count: r.totalMembers }),
             /* @__PURE__ */ e(
               f,
@@ -99,52 +99,53 @@ const ne = ({
               }
             )
           ] }) : null,
-          s(`plans.${r.plan}`)
+          w.getState().isSaas && s(`plans.${r.plan}`)
         ] }) })
       ] })
     ] }),
-    /* @__PURE__ */ e(H, { active: r }),
-    /* @__PURE__ */ n(l, { children: [
+    w.getState().isSaas && /* @__PURE__ */ e(R, { active: r }),
+    /* @__PURE__ */ t(l, { children: [
       /* @__PURE__ */ e(
-        k,
+        S,
         {
           flex: 1,
           component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: A }),
-          to: i ?? t ?? "",
+          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: N }),
+          to: i ?? o ?? "",
           onClick: c,
           children: s("settings")
         }
       ),
-      o && /* @__PURE__ */ e(
-        k,
+      n && w.getState().isSaas && /* @__PURE__ */ e(
+        S,
         {
           flex: 1,
           component: b,
           variant: "default",
           size: "sm",
-          leftSection: /* @__PURE__ */ e(g, { size: 16, icon: L }),
-          to: o,
+          leftSection: /* @__PURE__ */ e(k, { size: 16, icon: K }),
+          to: n,
           onClick: c,
           children: s("members")
         }
       )
     ] })
   ] });
-}, H = ({
+}, R = ({
   active: r
 }) => {
-  const { t: i } = h("workspaceMenu"), t = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), o = F.formatPercents(t);
-  return /* @__PURE__ */ n(a, { gap: 4, w: "100%", children: [
-    /* @__PURE__ */ n(l, { justify: "space-between", children: [
-      /* @__PURE__ */ n(m, { size: "sm", fw: 500, children: [
+  const { t: i } = h("workspaceMenu"), o = (r?.storageUsedKb || 0) / (r?.storageLimitKb || 1), n = F(o * 100);
+  return /* @__PURE__ */ t(a, { gap: 4, w: "100%", children: [
+    /* @__PURE__ */ t(l, { justify: "space-between", children: [
+      /* @__PURE__ */ t(m, { size: "sm", fw: 500, children: [
         i("usedStorage"),
         ": ",
-        o
+        n,
+        "%"
       ] }),
-      /* @__PURE__ */ n(m, { size: "sm", fw: 500, c: "gray", children: [
+      /* @__PURE__ */ t(m, { size: "sm", fw: 500, c: "gray", children: [
         z(r?.storageUsedKb),
         " ",
         i("of"),
@@ -152,20 +153,20 @@ const ne = ({
         z(r?.storageLimitKb)
       ] })
     ] }),
-    /* @__PURE__ */ e(U, { h: 4, value: t * 100 })
+    /* @__PURE__ */ e(P, { h: 4, value: o * 100 })
   ] });
-}, R = ({
+}, $ = ({
   onCreate: r,
   onClick: i,
-  items: t,
-  onClose: o
+  items: o,
+  onClose: n
 }) => {
   const { t: c } = h("workspaceMenu");
-  return /* @__PURE__ */ n(a, { gap: 12, children: [
-    t?.length > 0 && /* @__PURE__ */ n(a, { gap: 0, children: [
+  return /* @__PURE__ */ t(a, { gap: 12, children: [
+    o?.length > 0 && /* @__PURE__ */ t(a, { gap: 0, children: [
       /* @__PURE__ */ e(p.Label, { fw: 600, px: 4, py: 5, fz: "sm", children: c("switchWorkspace") }),
       /* @__PURE__ */ e(f, { w: "100%", px: 4, children: /* @__PURE__ */ e(
-        P.Autosize,
+        U.Autosize,
         {
           mah: 200,
           w: "100%",
@@ -174,14 +175,14 @@ const ne = ({
           type: "always",
           styles: {
             viewport: {
-              paddingRight: t.length > 4 ? 12 : 0
+              paddingRight: o.length > 4 ? 12 : 0
             },
             content: {
               minWidth: 0
             }
           },
-          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: t.map((s) => /* @__PURE__ */ e(
-            O,
+          children: /* @__PURE__ */ e(a, { gap: 6, miw: 0, children: o.map((s) => /* @__PURE__ */ e(
+            E,
             {
               workspace: s,
               onClick: i
@@ -192,21 +193,21 @@ const ne = ({
       ) })
     ] }),
     /* @__PURE__ */ e(f, { p: 4, pt: 0, children: /* @__PURE__ */ e(
-      k,
+      S,
       {
         fullWidth: !0,
         variant: "default",
         size: "sm",
         onClick: () => {
-          r?.(), o?.();
+          r?.(), n?.();
         },
-        leftSection: /* @__PURE__ */ e(g, { icon: K, size: 16 }),
+        leftSection: /* @__PURE__ */ e(k, { icon: T, size: 16 }),
         children: c("newWorkspace")
       }
     ) })
   ] });
 };
 export {
-  E as ActiveWorkspace,
+  H as ActiveWorkspace,
   ne as WorkspaceMenu
 };

package/dist/components/modals/RemoveConfirmModal.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { Delete03Icon as v } from "@hugeicons/core-free-icons";
+import { Unlink03Icon as v } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as y } from "@hugeicons/react";
 import { Stack as C, Text as c } from "@mantine/core";
 import { modals as a } from "@mantine/modals";

package/dist/components/table/components/TableHeaders.js

@@ -5,7 +5,7 @@ import { TABLE_ATTRIBUTES as t } from "../constants.js";
 import { useTableStore as d } from "../hooks/useTableStore.js";
 import { visibleColumnsBySideReselect as p } from "../selectors.js";
 import { TableHeaderCell as g } from "./TableHeaderCell.js";
-import { getHeaderStyles as E, getColumnId as b } from "../helpers/columns.js";
+import { getColumnId as E, getHeaderStyles as b } from "../helpers/columns.js";
 const D = h(() => {
   const { useStore: e } = d(), { left: i, base: n, right: r } = e(p);
   return /* @__PURE__ */ c(x, { [t.HEADERS]: "", children: [
@@ -18,7 +18,7 @@ const D = h(() => {
   return /* @__PURE__ */ o(
     m,
     {
-      style: E(e),
+      style: b(e),
       [t.HEADER_GRID]: "",
       children: e.map((r) => /* @__PURE__ */ o(
         g,
@@ -26,7 +26,7 @@ const D = h(() => {
           column: r,
           sort: n
         },
-        b(r.field)
+        E(r.field)
       ))
     }
   );

package/dist/components/table/components/TablePanel.js

@@ -1,4 +1,4 @@
-import { jsxs as p, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { jsxs as p, Fragment as u, jsx as t } from "react/jsx-runtime";
 import { memo as g } from "react";
 import { useTableStore as b } from "../hooks/useTableStore.js";
 import { visibleRowsReselect as f, visibleColumnsBySideReselect as d, metaReselect as v } from "../selectors.js";

package/dist/components/table/helpers/columns.js

@@ -3,7 +3,7 @@ import E from "@emotion/styled";
 import { ActionIcon as N, Checkbox as v } from "@mantine/core";
 import { IconChevronDown as W, IconChevronRight as A } from "@tabler/icons-react";
 import { isValid as h, format as p } from "date-fns";
-import { round as a, assignWith as D, get as c, isNil as R } from "lodash-es";
+import { get as c, isNil as D, round as a, assignWith as R } from "lodash-es";
 import { EXPAND_COLUMN_FIELD as g, SELECT_COLUMN_FIELD as m } from "../constants.js";
 import { useTableStore as I } from "../hooks/useTableStore.js";
 import { selectionReselect as T } from "../selectors.js";
@@ -65,7 +65,7 @@ const L = {
 }, K = (e, t) => ({
   ...L,
   ...w(t?.type ?? e.type),
-  ...D(
+  ...R(
     {},
     e,
     t,
@@ -177,7 +177,7 @@ const L = {
   const r = e.aggregation;
   if (!r || r.render) return null;
   const n = t.map((i) => c(i, e.field)).map(s.parse).filter((i) => !isNaN(i));
-  return r.type === "sum" ? n.reduce((i, l) => i + l, 0) : r.type === "avg" ? n.reduce((i, l) => i + l, 0) / n.length : r.type === "min" ? Math.min(...n) : r.type === "max" ? Math.max(...n) : r.type === "count" ? t.map((l) => c(l, e.field)).filter((l) => !R(l)).length : null;
+  return r.type === "sum" ? n.reduce((i, l) => i + l, 0) : r.type === "avg" ? n.reduce((i, l) => i + l, 0) / n.length : r.type === "min" ? Math.min(...n) : r.type === "max" ? Math.max(...n) : r.type === "count" ? t.map((l) => c(l, e.field)).filter((l) => !D(l)).length : null;
 }, u = E.div``;
 export {
   J as filterPinnedColumns,

package/dist/components/table/hooks/TableProvider.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { createContext as S, useLayoutEffect as C } from "react";
-const b = S(
+import { useLayoutEffect as S, createContext as C } from "react";
+const b = C(
   null
 ), P = ({
   children: h,
@@ -19,7 +19,7 @@ const b = S(
   selection: c,
   sorting: d,
   expanding: f
-}) => (C(() => {
+}) => (S(() => {
   t.useStore.setState((o) => ({
     ...o,
     props: {

package/dist/components/table/selectors.js

@@ -1,7 +1,7 @@
-import { get as w, chunk as A, set as h } from "lodash-es";
+import { set as h, get as w, chunk as A } from "lodash-es";
 import { createSelector as a } from "reselect";
 import { TABLE_AGGREGATION_ROW_ID as O } from "./constants.js";
-import { isTechnicalColumn as x, getSelectionColumn as T, getExpandingColumn as $, mergeColumn as N, getColumnId as W, getAggregateValue as R, getAggregationColumns as b } from "./helpers/columns.js";
+import { getAggregateValue as R, getAggregationColumns as b, getColumnId as T, isTechnicalColumn as x, mergeColumn as $, getSelectionColumn as N, getExpandingColumn as W } from "./helpers/columns.js";
 const E = [], M = a(
   [
     (e) => e.props.rows,
@@ -102,11 +102,11 @@ const E = [], M = a(
       (p) => !d.find((g) => g.field === p.field)
     );
     return [
-      ...e ? [T({ selected: r, pinned: c, api: o })] : [],
-      ...n ? [$({ expanded: l, pinned: c, api: o })] : [],
+      ...e ? [N({ selected: r, pinned: c, api: o })] : [],
+      ...n ? [W({ expanded: l, pinned: c, api: o })] : [],
       ...d,
       ...f
-    ].map((p) => N(p, t[p.field]));
+    ].map((p) => $(p, t[p.field]));
   }
 ), C = a(
   [v],
@@ -123,7 +123,7 @@ const E = [], M = a(
   })
 ), G = a(
   [v],
-  (e) => e.reduce((r, n) => (r[n.field] = n, r[W(n.field)] = n, r), {})
+  (e) => e.reduce((r, n) => (r[n.field] = n, r[T(n.field)] = n, r), {})
 ), I = a(
   [
     C,

package/dist/helpers/getFileType.d.ts

@@ -1,3 +1,2 @@
-import { appMode } from './isAppMode';
-export declare const getFileType: (mimeType: string, mode?: appMode) => "other" | "presentation" | "documents" | "folder" | "media" | "xlsx" | "docx" | "pptx" | "diagram" | "archieve";
+export declare const getFileType: (mimeType: string, isSaas?: boolean) => "other" | "presentation" | "documents" | "folder" | "media" | "xlsx" | "docx" | "pptx" | "diagram" | "archieve";
 //# sourceMappingURL=getFileType.d.ts.map

package/dist/helpers/getFileType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFileType.d.ts","sourceRoot":"","sources":["../../src/helpers/getFileType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,MAAM,aAAa,CAAC;AAEjD,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,EAAE,OAAM,OAAgB,oHAqCnE,CAAC"}
+{"version":3,"file":"getFileType.d.ts","sourceRoot":"","sources":["../../src/helpers/getFileType.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GAAI,UAAU,MAAM,EAAE,SAAQ,OAAc,oHAqCnE,CAAC"}

package/dist/helpers/getFileType.js

@@ -1,5 +1,4 @@
-import { isAppMode as r } from "./isAppMode.js";
-const a = (e, t = "SAAS") => {
+const n = (e, t = !0) => {
   if (e.includes("text"))
     return "documents";
   if (e.includes("image") || e.includes("video"))
@@ -14,11 +13,11 @@ const a = (e, t = "SAAS") => {
     case "application/excel":
       return "documents";
     case "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":
-      return r(t, "SAAS") ? "documents" : "xlsx";
+      return t ? "documents" : "xlsx";
     case "application/vnd.openxmlformats-officedocument.wordprocessingml.document":
-      return r(t, "SAAS") ? "documents" : "docx";
+      return t ? "documents" : "docx";
     case "application/vnd.openxmlformats-officedocument.presentationml.presentation":
-      return r(t, "SAAS") ? "presentation" : "pptx";
+      return t ? "presentation" : "pptx";
     case "application/slides":
       return "media";
     case "audio/mpeg":
@@ -36,5 +35,5 @@ const a = (e, t = "SAAS") => {
   }
 };
 export {
-  a as getFileType
+  n as getFileType
 };

package/dist/helpers/showNotifications.d.ts

@@ -1,12 +1,23 @@
+import { ReactNode } from 'react';
 import { NotificationData } from '@mantine/notifications';
 type MessageType = string | number | NotificationData;
+export interface NotificationAction {
+    label: ReactNode;
+    onClick: () => void;
+    variant?: 'filled' | 'default';
+}
+export type ExtendedNotificationData = Omit<NotificationData, 'message'> & {
+    message?: ReactNode;
+    actions?: NotificationAction[];
+};
 export declare const showRequestNotifications: <Response, Request extends Promise<Response> = Promise<Response>>(request: Request, options?: {
     notifyId?: string;
     successMsg?: ((res: Response) => MessageType) | MessageType;
     errorMsg?: ((err: any) => MessageType) | MessageType;
 }) => Promise<any>;
-export declare const showMessageNotification: (props: NotificationData) => void;
-export declare const showSuccessNotification: (props: NotificationData) => void;
-export declare const showErrorNotification: (props: NotificationData) => void;
+export declare const showMessageNotification: (props: ExtendedNotificationData) => void;
+export declare const showSuccessNotification: (props: ExtendedNotificationData) => void;
+export declare const showWarningNotification: (props: ExtendedNotificationData) => void;
+export declare const showErrorNotification: (props: ExtendedNotificationData) => void;
 export {};
 //# sourceMappingURL=showNotifications.d.ts.map

package/dist/helpers/showNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAoB,MAAM,wBAAwB,CAAC;AAG5E,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AA+BtD,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,gBAAgB,SAS9D,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,gBAAgB,SAQ9D,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,gBAAgB,SAS5D,CAAC"}
+{"version":3,"file":"showNotifications.d.ts","sourceRoot":"","sources":["../../src/helpers/showNotifications.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAUvD,OAAO,EACL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAMhC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAC;AAiBtD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC,CAAC;AA2GF,eAAO,MAAM,wBAAwB,GACnC,QAAQ,EACR,OAAO,SAAS,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAErD,SAAS,OAAO,EAChB,UAAS;IACP,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,QAAQ,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;IAC5D,QAAQ,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,WAAW,CAAC,GAAG,WAAW,CAAC;CACjD,iBA+BP,CAAC;AAyCF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,wBAAwB,SAKtE,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,SAKpE,CAAC"}