@layers-app/shared 0.2.4 → 0.2.6

package/dist/components/NavMenu/components/NavMenuItem.js

@@ -1,89 +1,100 @@
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { memo as m, useRef as C, useEffect as b, useMemo as E } from "react";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { memo as m, useRef as k, useEffect as O, useMemo as y } from "react";
 import { useTranslation as g } from "react-i18next";
-import { NavLink as S } from "react-router-dom";
+import { NavLink as E } from "react-router-dom";
 import { MoreHorizontalIcon as I, ArrowRight01Icon as M } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as v } from "@hugeicons/react";
-import { ApiCommon as h } from "../../../node_modules/@layers-app/layers/src/api/common.js";
-import { Flex as p, Loader as y, Text as N, FocusTrap as k, Center as j, Tooltip as P } from "@mantine/core";
-import { useForm as z } from "@mantine/form";
-import { useClickOutside as A } from "@mantine/hooks";
-import { useAsyncStatus as D } from "../../../hooks/useAsyncStatus.js";
+import { HugeiconsIcon as C } from "@hugeicons/react";
+import { Flex as h, Loader as N, Text as w, FocusTrap as P, Tooltip as b, Center as R } from "@mantine/core";
+import { useForm as j } from "@mantine/form";
+import { useClickOutside as z } from "@mantine/hooks";
+import { useAsyncStatus as A } from "../../../hooks/useAsyncStatus.js";
+import { useMenu as D } from "../../../hooks/useMenu.js";
+import { appContainerStore as T } from "../../AppContainer/hooks/useAppContainerStore.js";
 import { EmojiPicker as F } from "../../EmojiPicker/EmojiPicker.js";
-import { EntityIcon as w } from "../../EntityIcon.js";
+import { EntityIcon as x } from "../../EntityIcon.js";
 import { NavMenu as L } from "../NavMenu.js";
-import { useNavMenuStore as u } from "../store.js";
-import { NavMenuActionIcon as O } from "./NavMenuActionIcon.js";
-import a from "../NavMenu.module.css.js";
-const ne = m(({ item: e, ignoreDepth: o }) => {
-  const { useStore: r } = u(), n = r((s) => s.editId === e.id);
-  return /* @__PURE__ */ t(x, { depth: o ? void 0 : e.depth, children: n ? /* @__PURE__ */ t(B, { item: e }) : /* @__PURE__ */ t(T, { item: e }) });
-}), T = m(({ item: e }) => {
-  const { api: o } = u();
-  return e.href ? /* @__PURE__ */ t(
-    S,
+import { useNavMenuStore as f } from "../store.js";
+import { NavMenuActionIcon as B } from "./NavMenuActionIcon.js";
+import s from "../NavMenu.module.css.js";
+const re = m(({ item: e, ignoreDepth: a }) => {
+  const { useStore: r } = f(), i = r((t) => t.editId === e.id);
+  return /* @__PURE__ */ n(S, { depth: a ? void 0 : e.depth, children: i ? /* @__PURE__ */ n(H, { item: e }) : /* @__PURE__ */ n(V, { item: e }) });
+}), V = m(({ item: e }) => {
+  const { api: a, useStore: r } = f(), i = r((o) => o.props.onClick), { isMobile: t } = D(), { t: l } = g("appContainer"), d = () => {
+    i ? i(e) : e.hasChildren && a.toggleOpened(e);
+  }, c = e.data?.isReadOnly, p = e.href ? /* @__PURE__ */ n(
+    E,
     {
       to: e.href,
-      className: a.item,
+      className: s.item,
       "data-active": e.active,
       "data-has-children": e.hasChildren,
-      children: /* @__PURE__ */ t(f, { item: e })
+      "data-read-only": c,
+      onClick: c ? void 0 : () => {
+        t && !e.hasChildren && T.api.closeToolbar();
+      },
+      children: /* @__PURE__ */ n(v, { item: e })
     }
-  ) : /* @__PURE__ */ t(
+  ) : /* @__PURE__ */ n(
     "div",
     {
-      className: a.item,
+      className: s.item,
       "data-active": e.active,
       "data-has-children": e.hasChildren,
-      onClick: () => o.toggleOpened(e),
-      children: /* @__PURE__ */ t(f, { item: e })
+      "data-read-only": c,
+      onClick: c ? void 0 : d,
+      children: /* @__PURE__ */ n(v, { item: e })
     }
   );
-}), f = m(({ item: e }) => {
-  const { t: o } = g(), { useStore: r, api: n } = u(), s = r((i) => i.opened.includes(e.id)), l = r((i) => i.loading[e.id]);
-  return /* @__PURE__ */ d(p, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
-    /* @__PURE__ */ d(p, { gap: 4, miw: 0, flex: 1, children: [
-      l ? /* @__PURE__ */ t(j, { w: 20, h: 20, children: /* @__PURE__ */ t(y, { size: 16 }) }) : e.hasChildren && /* @__PURE__ */ t(
-        O,
+  return c ? /* @__PURE__ */ n(b, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: p }) : p;
+}), v = m(({ item: e }) => {
+  const { t: a } = g(), { useStore: r, api: i } = f(), t = r((o) => o.opened.includes(e.id)), l = r((o) => o.loading[e.id]), d = y(
+    () => ({ ...e.data, isOpen: t }),
+    [t, e.data]
+  ), c = e.data?.isReadOnly, p = c ? 0.3 : void 0;
+  return /* @__PURE__ */ u(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+    /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, children: [
+      l ? /* @__PURE__ */ n(R, { w: 20, h: 20, children: /* @__PURE__ */ n(N, { size: 16 }) }) : e.hasChildren && !c && /* @__PURE__ */ n(
+        B,
         {
-          className: a.chevron,
-          onClick: (i) => {
-            i.preventDefault(), i.stopPropagation(), n.toggleOpened(e);
+          className: s.chevron,
+          onClick: (o) => {
+            o.preventDefault(), o.stopPropagation(), i.toggleOpened(e);
           },
-          children: /* @__PURE__ */ t(
-            v,
+          children: /* @__PURE__ */ n(
+            C,
             {
               icon: M,
               size: 16,
               style: {
-                transform: `rotate(${s ? 90 : 0}deg)`,
+                transform: `rotate(${t ? 90 : 0}deg)`,
                 transition: "transform 0.1s ease-in-out"
               }
             }
           )
         }
       ),
-      /* @__PURE__ */ t("div", { className: a.icon, children: /* @__PURE__ */ t(w, { item: e.data }) }),
-      /* @__PURE__ */ t(
-        P,
+      /* @__PURE__ */ n("div", { className: s.icon, style: { opacity: p }, children: /* @__PURE__ */ n(x, { item: d }) }),
+      /* @__PURE__ */ n(
+        b,
         {
           disabled: e.title.length < 25,
-          label: e.title || o("noName"),
+          label: e.title || a("noName"),
           openDelay: 400,
-          children: /* @__PURE__ */ t(
-            N,
+          children: /* @__PURE__ */ n(
+            w,
             {
               flex: 1,
               truncate: !0,
-              style: { opacity: e.title ? 1 : 0.5 },
+              style: { opacity: e.title ? p ?? 1 : 0.5 },
               size: "sm",
               fw: 500,
               miw: 0,
               c: "var(--mantine-color-text)",
-              onDoubleClick: (i) => {
-                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (i.preventDefault(), i.stopPropagation(), n.startEditing(e.id));
+              onDoubleClick: (o) => {
+                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (o.preventDefault(), o.stopPropagation(), i.startEditing(e.id));
               },
-              children: e.title || o("noName")
+              children: e.title || a("noName")
             }
           )
         }
@@ -91,39 +102,37 @@ const ne = m(({ item: e, ignoreDepth: o }) => {
     ] }),
     e.rightSection
   ] });
-}), B = m(({ item: e }) => {
-  const { api: o } = u(), r = C(null), n = z({
+}), H = m(({ item: e }) => {
+  const { api: a, useStore: r } = f(), i = k(null), t = j({
     initialValues: {
       name: e.title,
       icon: e.data?.icon || ""
     }
-  }), s = (c) => {
-    o.handleEdit({
+  }), l = (o) => {
+    a.handleEdit({
       id: e.id,
-      name: c.name ?? "",
-      icon: c.icon ?? ""
-    }), o.stopEditing();
-  }, l = A(() => {
-    s(n.getValues());
+      name: o.name ?? "",
+      icon: o.icon ?? ""
+    }), a.stopEditing();
+  }, d = z(() => {
+    l(t.getValues());
   });
-  b(() => {
-    r.current && r.current.select();
+  O(() => {
+    i.current && i.current.select();
   }, []);
-  const i = E(
-    () => [h.Entity.Sprint, h.Entity.Project].includes(
-      e.data?.type || ""
-    ),
+  const c = y(
+    () => ["SPRINT", "PROJECT"].includes(e.data?.type || ""),
     [e.data?.type]
-  );
-  return /* @__PURE__ */ t(
+  ), p = r((o) => o.opened.includes(e.id));
+  return /* @__PURE__ */ n(
     "form",
     {
-      onSubmit: n.onSubmit(s),
-      className: a.item,
-      ref: l,
+      onSubmit: t.onSubmit(l),
+      className: s.item,
+      ref: d,
       "data-editing": !0,
-      children: /* @__PURE__ */ d(p, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
-        /* @__PURE__ */ t("div", { className: a.icon, children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ u(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+        /* @__PURE__ */ n("div", { className: s.icon, children: /* @__PURE__ */ n(
           F,
           {
             showIcons: !0,
@@ -132,57 +141,62 @@ const ne = m(({ item: e, ignoreDepth: o }) => {
             popoverProps: {
               floatingStrategy: "fixed"
             },
-            value: n.values.icon,
-            onChange: (c) => n.setFieldValue("icon", c),
-            children: /* @__PURE__ */ t(L.ActionIcon, { disabled: i, children: /* @__PURE__ */ t(w, { item: { ...e.data, icon: n.values.icon } }) })
+            value: t.values.icon,
+            onChange: (o) => t.setFieldValue("icon", o),
+            children: /* @__PURE__ */ n(L.ActionIcon, { disabled: c, children: /* @__PURE__ */ n(
+              x,
+              {
+                item: { ...e.data, isOpen: p, icon: t.values.icon }
+              }
+            ) })
           }
         ) }),
-        /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ n(P, { children: /* @__PURE__ */ n(
           "input",
           {
-            ref: r,
-            className: a.editInput,
-            ...n.getInputProps("name"),
+            ref: i,
+            className: s.editInput,
+            ...t.getInputProps("name"),
             maxLength: 255,
-            onFocus: (c) => c.target.select()
+            onFocus: (o) => o.target.select()
           }
         ) })
       ] })
     }
   );
-}), x = m(
-  ({ depth: e = 0, children: o }) => /* @__PURE__ */ d(
+}), S = m(
+  ({ depth: e = 0, children: a }) => /* @__PURE__ */ u(
     "div",
     {
-      className: a.itemContainer,
+      className: s.itemContainer,
       style: {
         "--depth": e
       },
       children: [
-        Array.from({ length: e }).map((r, n) => /* @__PURE__ */ t("div", { className: a.depthBox }, n)),
-        o
+        Array.from({ length: e }).map((r, i) => /* @__PURE__ */ n("div", { className: s.depthBox }, i)),
+        a
       ]
     }
   )
-), oe = ({
+), se = ({
   depth: e,
-  itemId: o,
+  itemId: a,
   currentChildrenCount: r
 }) => {
-  const { t: n } = g("appContainer"), { api: s } = u(), { isLoading: l, onSubmit: i } = D();
-  return /* @__PURE__ */ t(x, { depth: e, children: /* @__PURE__ */ t(
+  const { t: i } = g("appContainer"), { api: t } = f(), { isLoading: l, onSubmit: d } = A();
+  return /* @__PURE__ */ n(S, { depth: e, children: /* @__PURE__ */ n(
     "div",
     {
-      className: a.item,
-      onClick: () => i(() => s.loadMore({ itemId: o, currentChildrenCount: r })),
-      children: /* @__PURE__ */ t(p, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ d(p, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
-        /* @__PURE__ */ t("div", { className: a.icon, children: l ? /* @__PURE__ */ t(y, { size: 16 }) : /* @__PURE__ */ t(v, { icon: I, size: 16 }) }),
-        /* @__PURE__ */ t(N, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: n("loadMore") })
+      className: s.item,
+      onClick: () => d(() => t.loadMore({ itemId: a, currentChildrenCount: r })),
+      children: /* @__PURE__ */ n(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ u(h, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
+        /* @__PURE__ */ n("div", { className: s.icon, children: l ? /* @__PURE__ */ n(N, { size: 16 }) : /* @__PURE__ */ n(C, { icon: I, size: 16 }) }),
+        /* @__PURE__ */ n(w, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: i("loadMore") })
       ] }) })
     }
   ) });
 };
 export {
-  ne as NavMenuItem,
-  oe as NavMenuLoadMore
+  re as NavMenuItem,
+  se as NavMenuLoadMore
 };

package/dist/components/NavMenu/store.d.ts

@@ -13,6 +13,7 @@ export type NavMenuStore = {
     props: {
         onEdit?: (props: NavMenuEditData) => void;
         onToggle?: (item: ExpandNavMenuItemDef) => void;
+        onClick?: (item: ExpandNavMenuItemDef) => void;
         onLoadMore?: NavMenuOnLoadMore;
     };
 };

package/dist/components/NavMenu/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAC7C,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;QAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;QAChD,UAAU,CAAC,EAAE,iBAAiB,CAAC;KAChC,CAAC;CACH,CAAC;AA0DF,eAAO,MAAM,kBAAkB;;;;2BAvDH,MAAM;;4BAQL,eAAe;6BAQd,oBAAoB;yBAaxB,MAAM,EAAE;yBAIR,MAAM,WAAW,OAAO,GAAG,SAAS;6BAVhC,MAAM;;CA2CnC,CAAC;AAMF,eAAO,MAAM,eAAe,GAAI,sBAG7B,iBAAiB,CAAC;IAAE,KAAK,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA;CAAE,CAAC,4CAErE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;2BA/EA,MAAM;;4BAQL,eAAe;6BAQd,oBAAoB;yBAaxB,MAAM,EAAE;yBAIR,MAAM,WAAW,OAAO,GAAG,SAAS;6BAVhC,MAAM;;CAwDoB,CAAC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/store.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6B,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAU,MAAM,SAAS,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;IAC7C,KAAK,EAAE;QACL,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;QAC1C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;QAChD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;QAC/C,UAAU,CAAC,EAAE,iBAAiB,CAAC;KAChC,CAAC;CACH,CAAC;AA0DF,eAAO,MAAM,kBAAkB;;;;2BAvDH,MAAM;;4BAQL,eAAe;6BAQd,oBAAoB;yBAaxB,MAAM,EAAE;yBAIR,MAAM,WAAW,OAAO,GAAG,SAAS;6BAVhC,MAAM;;CA2CnC,CAAC;AAMF,eAAO,MAAM,eAAe,GAAI,sBAG7B,iBAAiB,CAAC;IAAE,KAAK,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAA;CAAE,CAAC,4CAErE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;2BA/EA,MAAM;;4BAQL,eAAe;6BAQd,oBAAoB;yBAaxB,MAAM,EAAE;yBAIR,MAAM,WAAW,OAAO,GAAG,SAAS;6BAVhC,MAAM;;CAwDoB,CAAC"}

package/dist/components/NavMenu/types.d.ts

@@ -3,6 +3,7 @@ export type NavMenuItemData = {
     type?: string | null;
     icon?: string | null;
     title?: string | null;
+    isReadOnly?: boolean;
 };
 export type NavMenuItemDef<DATA = NavMenuItemData> = {
     id: string;

package/dist/components/NavMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/NavMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CAEtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,IAAI,GAAG,eAAe,IAAI;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,IAAI,GAAG,eAAe,IACrD,cAAc,CAAC,IAAI,CAAC,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEJ,MAAM,MAAM,kBAAkB,CAAC,IAAI,GAAG,eAAe,IAAI,CAAC,CAAC,EAAE;IAC3D,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,IAAI,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC;IACjC,QAAQ,EAAE,0BAA0B,CAAC;CACtC,KAAK,IAAI,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAEpB,MAAM,MAAM,0BAA0B,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC"}

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

@@ -1,7 +1,7 @@
-const e = "_resizer_ez847_1", s = {
+const e = "_resizer_hdrhk_1", r = {
   resizer: e
 };
 export {
-  s as default,
+  r as default,
   e as resizer
 };

package/dist/components/NoData/NoData.d.ts

@@ -1,163 +1,174 @@
 import { FC, ReactNode } from 'react';
+import React from 'react';
 import { ButtonProps, PolymorphicComponentProps, StackProps, TextProps, TitleProps } from '@mantine/core';
 export declare const illustrationMap: {
-    empty: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    empty: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noAccess: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noAccess: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    trash: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    trash: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noImage: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noImage: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noResults: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noResults: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noComments: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noComments: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noData: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noData: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    emptyFolder: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    emptyFolder: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noTaskResults: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noTaskResults: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noSearchResults: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noSearchResults: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noMembers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noMembers: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noGroups: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noGroups: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noNotifications: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noNotifications: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noWorkspaces: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noWorkspaces: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    paymentSuccess: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    paymentSuccess: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    notSuccessMan: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    notSuccessMan: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noAnswers: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noAnswers: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    alertMan: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    alertMan: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noFlows: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noFlows: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noTasks: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noTasks: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noCloud: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noCloud: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    noForms: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    noForms: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    '404': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    users: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
-    '500': import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+    '404': React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
+    '500': React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
         desc?: string;
         descId?: string;
     }>;
 };
-export type IllustrationType = keyof typeof illustrationMap | string;
+export type IllustrationType = keyof typeof illustrationMap | string | ReactNode;
+interface NoDataButtonProps extends PolymorphicComponentProps<'button', ButtonProps> {
+    hidden?: boolean;
+}
 export type NoDataProps = {
     title?: ReactNode;
     titleProps?: TitleProps;
     description?: ReactNode;
     descriptionProps?: TextProps;
-    buttons?: PolymorphicComponentProps<'button', ButtonProps>[];
+    buttons?: NoDataButtonProps[];
     illustration?: IllustrationType;
     size?: number;
     width?: number | string;
     height?: number | string;
-    showDots?: boolean;
+    subStackProps?: StackProps;
 } & StackProps;
 export declare const NoData: FC<NoDataProps>;
+export {};
 //# sourceMappingURL=NoData.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/components/NoData/NoData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAGL,WAAW,EAGX,yBAAyB,EAEzB,UAAU,EAEV,SAAS,EAET,UAAU,EACX,MAAM,eAAe,CAAC;AAkCvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC,EAAE,CAAC;IAC7D,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0ElC,CAAC"}
+{"version":3,"file":"NoData.d.ts","sourceRoot":"","sources":["../../../src/components/NoData/NoData.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,WAAW,EAGX,yBAAyB,EAEzB,UAAU,EAEV,SAAS,EAET,UAAU,EACX,MAAM,eAAe,CAAC;AAiCvB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB,MAAM,OAAO,eAAe,GAC5B,MAAM,GACN,SAAS,CAAC;AAEd,UAAU,iBACR,SAAQ,yBAAyB,CAAC,QAAQ,EAAE,WAAW,CAAC;IACxD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,UAAU,CAAC;CAC5B,GAAG,UAAU,CAAC;AAEf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA0ElC,CAAC"}