@layers-app/shared 0.3.0 → 0.3.2

package/dist/components/FormViewer/hooks/useFormGlobalTheme.d.ts

@@ -16,14 +16,14 @@ export declare const useFormGlobalTheme: ({ innerId }: {
             grape?: import("@mantine/core").MantineColorsTuple | undefined;
             green?: import("@mantine/core").MantineColorsTuple | undefined;
             orange?: import("@mantine/core").MantineColorsTuple | undefined;
-            gray?: import("@mantine/core").MantineColorsTuple | undefined;
-            cyan?: import("@mantine/core").MantineColorsTuple | undefined;
+            teal?: import("@mantine/core").MantineColorsTuple | undefined;
             yellow?: import("@mantine/core").MantineColorsTuple | undefined;
             red?: import("@mantine/core").MantineColorsTuple | undefined;
             dark?: import("@mantine/core").MantineColorsTuple | undefined;
+            gray?: import("@mantine/core").MantineColorsTuple | undefined;
             pink?: import("@mantine/core").MantineColorsTuple | undefined;
+            cyan?: import("@mantine/core").MantineColorsTuple | undefined;
             lime?: import("@mantine/core").MantineColorsTuple | undefined;
-            teal?: import("@mantine/core").MantineColorsTuple | undefined;
         } | undefined;
         primaryShade?: import("@mantine/core").MantineColorShade | {
             light?: import("@mantine/core").MantineColorShade | undefined;

package/dist/components/Logotype.d.ts

@@ -3,11 +3,12 @@ export declare const LayersLogoIcon: ({ color: _color, fontSize: _fontSize, widt
     alt?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const LayersLogoCopyright: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
-export declare const Logotype: ({ minified, isLink, to, variant, isDesktop, ...props }: FlexProps & {
+export declare const Logotype: ({ minified, isLink, to, variant, isDesktop, forceDark, ...props }: FlexProps & {
     minified?: boolean;
     isLink?: boolean;
     to?: string;
     variant?: "default" | "copyright";
     isDesktop?: boolean;
+    forceDark?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Logotype.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Logotype.d.ts","sourceRoot":"","sources":["../../src/components/Logotype.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,SAAS,EAAQ,MAAM,eAAe,CAAC;AA4CtD,eAAO,MAAM,cAAc,GAAI,iEAM5B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,4CAOlD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,4CAKvE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,wDAOtB,SAAS,GAAG;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,4CAgDA,CAAC"}
+{"version":3,"file":"Logotype.d.ts","sourceRoot":"","sources":["../../src/components/Logotype.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,SAAS,EAAQ,MAAM,eAAe,CAAC;AAmCtD,eAAO,MAAM,cAAc,GAAI,iEAM5B,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,4CAelD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,4CAavE,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,mEAQtB,SAAS,GAAG;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,4CAsDA,CAAC"}

package/dist/components/Logotype.js

@@ -1,64 +1,73 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { Link as h } from "react-router-dom";
-import { Flex as m, Text as y } from "@mantine/core";
-import { brand as t } from "../config/brand.js";
+import { jsx as t, jsxs as k } from "react/jsx-runtime";
+import { Link as b } from "react-router-dom";
+import { Flex as g, Text as I } from "@mantine/core";
+import { brand as o } from "../config/brand.js";
 import { useIsDarkTheme as L } from "../helpers/themeUtils.js";
-const f = t.LogoIcon, I = t.LogoCopyright, u = ({
-  src: r,
-  alt: s,
-  size: n,
-  style: e
-}) => /* @__PURE__ */ o(
-  "img",
-  {
-    src: r,
-    alt: s,
-    style: {
-      width: n,
-      height: n,
-      objectFit: "contain",
-      display: "block",
-      ...e
+const u = o.LogoIcon, w = o.LogoCopyright, h = ({
+  size: r = 24,
+  isDark: i
+}) => {
+  const n = o.customIconDarkUrl, c = o.customIconUrl, e = i && n ? n : c;
+  return /* @__PURE__ */ t("span", { style: { display: "block", width: r, height: r, flexShrink: 0 }, children: e ? /* @__PURE__ */ t(
+    "img",
+    {
+      src: e,
+      alt: o.name,
+      style: { width: "100%", height: "100%", objectFit: "contain", display: "block" }
     }
-  }
-), g = ({ size: r = 24, isDark: s }) => {
-  const n = t.customIconDarkUrl, e = t.customIconUrl, c = s && n ? n : e;
-  return c ? /* @__PURE__ */ o(u, { src: c, alt: t.name, size: r }) : /* @__PURE__ */ o(f, { width: r, height: r });
-}, S = ({
+  ) : /* @__PURE__ */ t(u, { width: "100%", height: "100%" }) });
+}, F = ({
   color: r,
-  fontSize: s,
+  fontSize: i,
   width: n,
-  height: e,
-  ...c
+  height: c,
+  ...e
 }) => {
-  const l = typeof n == "number" ? n : typeof e == "number" ? e : 24;
-  return t.customIconUrl ? /* @__PURE__ */ o(u, { src: t.customIconUrl, alt: t.name, size: l, style: c.style }) : /* @__PURE__ */ o(f, { width: n, height: e, ...c });
-}, j = (r) => t.customIconUrl ? /* @__PURE__ */ o(u, { src: t.customIconUrl, alt: t.name, size: 18 }) : /* @__PURE__ */ o(I, { ...r }), C = ({
+  const l = typeof n == "number" ? n : typeof c == "number" ? c : 24;
+  return o.customIconUrl ? /* @__PURE__ */ t("span", { style: { display: "block", width: l, height: l, flexShrink: 0, ...e.style }, children: /* @__PURE__ */ t(
+    "img",
+    {
+      src: o.customIconUrl,
+      alt: o.name,
+      style: { width: "100%", height: "100%", objectFit: "contain", display: "block" }
+    }
+  ) }) : /* @__PURE__ */ t(u, { width: n, height: c, ...e });
+}, C = (r) => o.customIconUrl ? /* @__PURE__ */ t("span", { style: { display: "block", width: 18, height: 18, flexShrink: 0 }, children: /* @__PURE__ */ t(
+  "img",
+  {
+    src: o.customIconUrl,
+    alt: o.name,
+    style: { width: "100%", height: "100%", objectFit: "contain", display: "block" }
+  }
+) }) : /* @__PURE__ */ t(w, { ...r }), v = ({
   minified: r,
-  isLink: s = !0,
+  isLink: i = !0,
   to: n = "/",
-  variant: e = "default",
-  isDesktop: c,
-  ...l
+  variant: c = "default",
+  isDesktop: e,
+  forceDark: l,
+  ...m
 }) => {
-  const i = L(), a = /* @__PURE__ */ o(
-    m,
+  const y = L(), s = l ?? y, d = () => r ? /* @__PURE__ */ t(h, { size: e ? "100%" : 40, isDark: s }) : c === "copyright" ? /* @__PURE__ */ t(h, { size: 18, isDark: s }) : /* @__PURE__ */ k(g, { align: "center", gap: 4, children: [
+    /* @__PURE__ */ t(h, { size: 24, isDark: s }),
+    /* @__PURE__ */ t(I, { fw: 600, fz: 16, lh: 1, style: { whiteSpace: "nowrap" }, children: o.name })
+  ] }), p = () => r ? e ? "100%" : 40 : c === "copyright" ? 18 : "auto", f = () => {
+    if (r && e) return "100%";
+  }, a = /* @__PURE__ */ t(
+    g,
     {
-      component: "span",
-      w: r ? c ? 48 : 40 : e === "copyright" ? 18 : "auto",
-      c: i ? "white" : "black",
+      w: p(),
+      h: f(),
+      c: s ? "white" : "black",
       align: "center",
-      ...l,
-      children: r ? /* @__PURE__ */ o(g, { size: c ? 32 : 24, isDark: i }) : e === "copyright" ? /* @__PURE__ */ o(g, { size: 18, isDark: i }) : /* @__PURE__ */ p(m, { align: "center", gap: 4, children: [
-        /* @__PURE__ */ o(g, { size: 24, isDark: i }),
-        /* @__PURE__ */ o(y, { fw: 600, fz: 16, lh: 1, style: { whiteSpace: "nowrap" }, children: t.name })
-      ] })
+      ...m,
+      children: d()
     }
   );
-  return s ? /* @__PURE__ */ o(h, { to: n, children: a }) : a;
+  return i ? /* @__PURE__ */ t(b, { to: n, children: a }) : a;
 };
 export {
-  j as LayersLogoCopyright,
-  S as LayersLogoIcon,
-  C as Logotype
+  C as LayersLogoCopyright,
+  F as LayersLogoIcon,
+  v as Logotype
 };

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

@@ -1 +1 @@
-{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,oFACwB,gBAAgB,6CAgB/D,CAAC;AA0QF,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}
+{"version":3,"file":"NavMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/NavMenu/components/NavMenuItem.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAKhD,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,WAAW,oFACwB,gBAAgB,6CAgB/D,CAAC;AA8RF,eAAO,MAAM,eAAe,GAAI,0CAI7B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,MAAM,CAAC;CAC9B,4CAiCA,CAAC"}

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

@@ -1,103 +1,105 @@
-import { jsx as t, jsxs as u } from "react/jsx-runtime";
-import { memo as f, useRef as k, useEffect as O, useMemo as v } from "react";
-import { useTranslation as g } from "react-i18next";
-import { NavLink as E } from "react-router-dom";
-import { MoreHorizontalIcon as M, ArrowRight01Icon as P } from "@hugeicons/core-free-icons";
-import { HugeiconsIcon as C } from "@hugeicons/react";
-import { Flex as h, Loader as I, Text as N, FocusTrap as R, Tooltip as w, Center as j } 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 { useMenu as T } from "../../../hooks/useMenu.js";
-import { appContainerStore as F } from "../../AppContainer/hooks/useAppContainerStore.js";
-import { EmojiPicker as L } from "../../EmojiPicker/EmojiPicker.js";
-import { EntityIcon as b } from "../../EntityIcon.js";
-import { NavMenu as $ } from "../NavMenu.js";
-import { useNavMenuStore as m } from "../store.js";
-import { NavMenuActionIcon as B } from "./NavMenuActionIcon.js";
-import s from "../NavMenu.module.css.js";
-const se = f(
-  ({ item: e, ignoreDepth: i, disableToggleOnClick: a }) => {
-    const { useStore: r } = m(), o = r((c) => c.editId === e.id);
-    return /* @__PURE__ */ t(
-      x,
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { memo as m, useRef as k, useEffect as E, useState as M, useMemo as P } from "react";
+import { useTranslation as y } from "react-i18next";
+import { NavLink as A } from "react-router-dom";
+import { MoreHorizontalIcon as D, ArrowRight01Icon as z } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as N } from "@hugeicons/react";
+import { Flex as f, Loader as x, Text as O, FocusTrap as R, Tooltip as S, Center as j } from "@mantine/core";
+import { useForm as F } from "@mantine/form";
+import { useClickOutside as L } from "@mantine/hooks";
+import { useAsyncStatus as T } from "../../../hooks/useAsyncStatus.js";
+import { useMenu as V } from "../../../hooks/useMenu.js";
+import { appContainerStore as $ } from "../../AppContainer/hooks/useAppContainerStore.js";
+import { ColorPickerPopover as B } from "../../ColorPicker/ColorPickerPopover.js";
+import { EmojiPicker as H } from "../../EmojiPicker/EmojiPicker.js";
+import { EntityIcon as v } from "../../EntityIcon.js";
+import { IconEntity as C } from "../../ProjectIcon/ProjectIcon.js";
+import { NavMenu as I } from "../NavMenu.js";
+import { useNavMenuStore as g } from "../store.js";
+import { NavMenuActionIcon as W } from "./NavMenuActionIcon.js";
+import c from "../NavMenu.module.css.js";
+const ue = m(
+  ({ item: e, ignoreDepth: i, disableToggleOnClick: r }) => {
+    const { useStore: s } = g(), n = s((l) => l.editId === e.id);
+    return /* @__PURE__ */ o(
+      b,
       {
         depth: i ? void 0 : e.depth,
         testId: e.testId,
-        children: o ? /* @__PURE__ */ t(H, { item: e }) : /* @__PURE__ */ t(V, { item: e, disableToggleOnClick: a })
+        children: n ? /* @__PURE__ */ o(q, { item: e }) : /* @__PURE__ */ o(_, { item: e, disableToggleOnClick: r })
       }
     );
   }
-), V = f(
+), _ = m(
   ({
     item: e,
     disableToggleOnClick: i
   }) => {
-    const { api: a, useStore: r } = m(), o = r((S) => S.props.onClick), { isMobile: c } = T(), { t: l } = g("appContainer"), p = () => {
-      i || (o ? o(e) : e.hasChildren && a.toggleOpened(e));
-    }, d = e.data?.isReadOnly, n = e.href ? /* @__PURE__ */ t(
-      E,
+    const { api: r, useStore: s } = g(), n = s((a) => a.props.onClick), { isMobile: l } = V(), { t: p } = y("appContainer"), u = () => {
+      i || (n ? n(e) : e.hasChildren && r.toggleOpened(e));
+    }, d = e.data?.isReadOnly, t = e.href ? /* @__PURE__ */ o(
+      A,
       {
         to: e.href,
-        className: s.item,
+        className: c.item,
         "data-active": e.active,
         "data-has-children": e.hasChildren,
         "data-read-only": d,
         onClick: d ? void 0 : () => {
-          c && !e.hasChildren && F.api.closeToolbar();
+          l && !e.hasChildren && $.api.closeToolbar();
         },
-        children: /* @__PURE__ */ t(y, { item: e })
+        children: /* @__PURE__ */ o(w, { item: e })
       }
-    ) : /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ o(
       "div",
       {
-        className: s.item,
+        className: c.item,
         "data-active": e.active,
         "data-has-children": e.hasChildren,
         "data-read-only": d,
-        onClick: d ? void 0 : p,
-        children: /* @__PURE__ */ t(y, { item: e })
+        onClick: d ? void 0 : u,
+        children: /* @__PURE__ */ o(w, { item: e })
       }
     );
-    return d ? /* @__PURE__ */ t(w, { label: l("readOnlyAccess"), position: "right", withArrow: !0, children: n }) : n;
+    return d ? /* @__PURE__ */ o(S, { label: p("readOnlyAccess"), position: "right", withArrow: !0, children: t }) : t;
   }
-), y = f(({ item: e }) => {
-  const { t: i } = g(), { useStore: a, api: r } = m(), o = a((n) => n.opened.includes(e.id)), c = a((n) => n.loading[e.id]), l = v(
-    () => ({ ...e.data, isOpen: o }),
-    [o, e.data]
-  ), p = e.data?.isReadOnly, d = p ? 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: [
-      c ? /* @__PURE__ */ t(j, { w: 20, h: 20, children: /* @__PURE__ */ t(I, { size: 16 }) }) : e.hasChildren && !p && /* @__PURE__ */ t(
-        B,
+), w = m(({ item: e }) => {
+  const { t: i } = y(), { useStore: r, api: s } = g(), n = r((t) => t.opened.includes(e.id)), l = r((t) => t.loading[e.id]), p = P(
+    () => ({ ...e.data, isOpen: n }),
+    [n, e.data]
+  ), u = e.data?.isReadOnly, d = u ? 0.3 : void 0;
+  return /* @__PURE__ */ h(f, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+    /* @__PURE__ */ h(f, { gap: 4, miw: 0, flex: 1, children: [
+      l ? /* @__PURE__ */ o(j, { w: 20, h: 20, children: /* @__PURE__ */ o(x, { size: 16 }) }) : e.hasChildren && !u && /* @__PURE__ */ o(
+        W,
         {
-          className: s.chevron,
+          className: c.chevron,
           "data-cy": e.testId ? `${e.testId}-expand` : void 0,
-          onClick: (n) => {
-            n.preventDefault(), n.stopPropagation(), r.toggleOpened(e);
+          onClick: (t) => {
+            t.preventDefault(), t.stopPropagation(), s.toggleOpened(e);
           },
-          children: /* @__PURE__ */ t(
-            C,
+          children: /* @__PURE__ */ o(
+            N,
             {
-              icon: P,
+              icon: z,
               size: 16,
               style: {
-                transform: `rotate(${o ? 90 : 0}deg)`,
+                transform: `rotate(${n ? 90 : 0}deg)`,
                 transition: "transform 0.1s ease-in-out"
               }
             }
           )
         }
       ),
-      /* @__PURE__ */ t("div", { className: s.icon, style: { opacity: d }, children: /* @__PURE__ */ t(b, { item: l }) }),
-      /* @__PURE__ */ t(
-        w,
+      /* @__PURE__ */ o("div", { className: c.icon, style: { opacity: d }, children: /* @__PURE__ */ o(v, { item: p }) }),
+      /* @__PURE__ */ o(
+        S,
         {
           disabled: e.title.length < 25,
           label: e.title || i("noName"),
           openDelay: 400,
-          children: /* @__PURE__ */ t(
-            N,
+          children: /* @__PURE__ */ o(
+            O,
             {
               flex: 1,
               truncate: !0,
@@ -107,8 +109,8 @@ const se = f(
               miw: 0,
               c: "var(--mantine-color-text)",
               "data-cy": e.testId ? `${e.testId}-title` : void 0,
-              onDoubleClick: (n) => {
-                a.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (n.preventDefault(), n.stopPropagation(), r.startEditing(e.id));
+              onDoubleClick: (t) => {
+                r.getState().props.onEdit && !e?.isDisabledEditByDoubleClick && (t.preventDefault(), t.stopPropagation(), s.startEditing(e.id));
               },
               children: e.title || i("noName")
             }
@@ -118,38 +120,51 @@ const se = f(
     ] }),
     e.rightSection
   ] });
-}), H = f(({ item: e }) => {
-  const { api: i, useStore: a } = m(), r = k(null), o = z({
+}), q = m(({ item: e }) => {
+  const { api: i, useStore: r } = g(), s = k(null), n = F({
     initialValues: {
       name: e.title,
       icon: e.data?.icon || ""
     }
-  }), c = (n) => {
+  }), l = (a) => {
     i.handleEdit({
       id: e.id,
-      name: n.name ?? "",
-      icon: n.icon ?? ""
+      name: a.name ?? "",
+      icon: a.icon ?? ""
     }), i.stopEditing();
-  }, l = A(() => {
-    c(o.getValues());
+  }, p = L(() => {
+    n.isDirty() ? l(n.getValues()) : i.stopEditing();
   });
-  O(() => {
-    r.current && r.current.select();
+  E(() => {
+    s.current && s.current.select();
   }, []);
-  const p = v(
-    () => ["SPRINT", "PROJECT"].includes(e.data?.type || ""),
-    [e.data?.type]
-  ), d = a((n) => n.opened.includes(e.id));
-  return /* @__PURE__ */ t(
+  const u = r((a) => a.opened.includes(e.id)), [d, t] = M(!1);
+  return /* @__PURE__ */ o(
     "form",
     {
-      onSubmit: o.onSubmit(c),
-      className: s.item,
-      ref: l,
+      onSubmit: n.onSubmit(l),
+      className: c.item,
+      ref: p,
       "data-editing": !0,
-      children: /* @__PURE__ */ u(h, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
-        /* @__PURE__ */ t("div", { className: s.icon, children: /* @__PURE__ */ t(
-          L,
+      children: /* @__PURE__ */ h(f, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: [
+        /* @__PURE__ */ o("div", { className: c.icon, children: e.colorPickerOnly ? /* @__PURE__ */ o(
+          B,
+          {
+            value: C.parse(n.values.icon)?.color,
+            onChange: (a) => n.setFieldValue("icon", C.stringify({ color: a })),
+            withinPortal: !1,
+            floatingStrategy: "fixed",
+            opened: d,
+            setOpened: t,
+            children: /* @__PURE__ */ o(I.ActionIcon, { onClick: () => t((a) => !a), children: /* @__PURE__ */ o(
+              v,
+              {
+                item: { ...e.data, isOpen: u, icon: n.values.icon }
+              }
+            ) })
+          }
+        ) : /* @__PURE__ */ o(
+          H,
           {
             showIcons: !0,
             showColors: !0,
@@ -157,68 +172,68 @@ const se = f(
             popoverProps: {
               floatingStrategy: "fixed"
             },
-            value: o.values.icon,
-            onChange: (n) => o.setFieldValue("icon", n),
-            children: /* @__PURE__ */ t($.ActionIcon, { disabled: p, children: /* @__PURE__ */ t(
-              b,
+            value: n.values.icon,
+            onChange: (a) => n.setFieldValue("icon", a),
+            children: /* @__PURE__ */ o(I.ActionIcon, { children: /* @__PURE__ */ o(
+              v,
               {
-                item: { ...e.data, isOpen: d, icon: o.values.icon }
+                item: { ...e.data, isOpen: u, icon: n.values.icon }
               }
             ) })
           }
         ) }),
-        /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
           "input",
           {
-            ref: r,
-            className: s.editInput,
+            ref: s,
+            className: c.editInput,
             "data-cy": e.testId ? `${e.testId}-rename-input` : void 0,
-            ...o.getInputProps("name"),
+            ...n.getInputProps("name"),
             maxLength: 255,
-            onFocus: (n) => n.target.select()
+            onFocus: (a) => a.target.select()
           }
         ) })
       ] })
     }
   );
-}), x = f(
+}), b = m(
   ({
     depth: e = 0,
     children: i,
-    testId: a
-  }) => /* @__PURE__ */ u(
+    testId: r
+  }) => /* @__PURE__ */ h(
     "div",
     {
-      className: s.itemContainer,
-      "data-cy": a,
+      className: c.itemContainer,
+      "data-cy": r,
       style: {
         "--depth": e
       },
       children: [
-        Array.from({ length: e }).map((r, o) => /* @__PURE__ */ t("div", { className: s.depthBox }, o)),
+        Array.from({ length: e }).map((s, n) => /* @__PURE__ */ o("div", { className: c.depthBox }, n)),
         i
       ]
     }
   )
-), ce = ({
+), he = ({
   depth: e,
   itemId: i,
-  currentChildrenCount: a
+  currentChildrenCount: r
 }) => {
-  const { t: r } = g("appContainer"), { api: o } = m(), { isLoading: c, onSubmit: l } = D();
-  return /* @__PURE__ */ t(x, { depth: e, children: /* @__PURE__ */ t(
+  const { t: s } = y("appContainer"), { api: n } = g(), { isLoading: l, onSubmit: p } = T();
+  return /* @__PURE__ */ o(b, { depth: e, children: /* @__PURE__ */ o(
     "div",
     {
-      className: s.item,
-      onClick: () => l(() => o.loadMore({ itemId: i, currentChildrenCount: a })),
-      children: /* @__PURE__ */ t(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__ */ t("div", { className: s.icon, children: c ? /* @__PURE__ */ t(I, { size: 16 }) : /* @__PURE__ */ t(C, { icon: M, size: 16 }) }),
-        /* @__PURE__ */ t(N, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: r("loadMore") })
+      className: c.item,
+      onClick: () => p(() => n.loadMore({ itemId: i, currentChildrenCount: r })),
+      children: /* @__PURE__ */ o(f, { gap: 4, h: "100%", flex: 1, miw: 0, justify: "space-between", children: /* @__PURE__ */ h(f, { gap: 4, miw: 0, flex: 1, c: "gray", children: [
+        /* @__PURE__ */ o("div", { className: c.icon, children: l ? /* @__PURE__ */ o(x, { size: 16 }) : /* @__PURE__ */ o(N, { icon: D, size: 16 }) }),
+        /* @__PURE__ */ o(O, { flex: 1, truncate: !0, size: "sm", fw: 500, miw: 0, children: s("loadMore") })
       ] }) })
     }
   ) });
 };
 export {
-  se as NavMenuItem,
-  ce as NavMenuLoadMore
+  ue as NavMenuItem,
+  he as NavMenuLoadMore
 };

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

@@ -20,6 +20,7 @@ export type NavMenuItemDef<DATA = NavMenuItemData> = {
     data?: DATA;
     isDisabledEditByDoubleClick?: boolean;
     testId?: string;
+    colorPickerOnly?: boolean;
 };
 export type ExpandNavMenuItemDef<DATA = NavMenuItemData> = NavMenuItemDef<DATA> & {
     depth: number;

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;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,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;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,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;CACtB,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;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,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/ProjectIcon/ProjectIcon.js

@@ -1,14 +1,14 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { Avatar as h, Text as y } from "@mantine/core";
-import { omit as j, isString as L, isNil as w } from "lodash-es";
-import x from "query-string";
-import { DEFAULT_VALUES as S } from "../../constants.js";
+import { forwardRef as u } from "react";
+import { Avatar as d, Text as y } from "@mantine/core";
+import { omit as x, isString as S, isNil as j } from "lodash-es";
+import L from "query-string";
+import { DEFAULT_VALUES as w } from "../../constants.js";
 import { customIcons as v } from "../EmojiPicker/custom-icons/customIcons.js";
 var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}), c;
 ((r) => {
   r.parse = (t) => {
-    if (!L(t) || t.trim() === "") return null;
+    if (!S(t) || t.trim() === "") return null;
     const e = new URLSearchParams(t);
     return {
       icon: e.get("i") || "",
@@ -17,7 +17,7 @@ var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}),
       type: e.get("t") || "o"
       /* OUTLINED */
     };
-  }, r.stringify = (t) => w(t) ? "" : x.stringify({
+  }, r.stringify = (t) => j(t) ? "" : L.stringify({
     i: t.icon || void 0,
     c: t.color || void 0,
     e: t.emoji || void 0,
@@ -25,7 +25,7 @@ var I = /* @__PURE__ */ ((r) => (r.OUTLINED = "o", r.FILLED = "f", r))(I || {}),
     /* OUTLINED */
   });
 })(c || (c = {}));
-const O = d(
+const O = u(
   ({
     icon: r,
     name: t,
@@ -39,20 +39,20 @@ const O = d(
   }, p) => {
     const m = c.parse(r);
     if (!m && !e) return null;
-    const u = m?.color || (f ? "initials" : g) || S.COLORS[0];
+    const h = m?.color || (f ? "initials" : g) || w.COLORS[0];
     return /* @__PURE__ */ o(
-      h,
+      d,
       {
         ref: p,
         variant: "transparent",
-        color: u,
+        color: h,
         name: f,
         size: i || 20,
         style: {
           overflow: s.radius ? "hidden" : "visible",
           ...s.style
         },
-        ...j(s, ["style"]),
+        ...x(s, ["style"]),
         children: /* @__PURE__ */ o(
           y,
           {
@@ -73,7 +73,7 @@ const O = d(
   }
 ), A = (r, t, e, i) => {
   const n = v?.[r?.icon || ""];
-  return n ? /* @__PURE__ */ o(n, { width: "1em", height: "1em" }) : r?.icon ? /* @__PURE__ */ o("svg", { width: "1em", height: "1em", children: /* @__PURE__ */ o(
+  return n ? /* @__PURE__ */ o(n, { width: "1em", height: "1em", style: { flexShrink: 0 } }) : r?.icon ? /* @__PURE__ */ o("svg", { width: "1em", height: "1em", style: { flexShrink: 0 }, children: /* @__PURE__ */ o(
     "use",
     {
       xlinkHref: `/tabler-sprite${r.type === "f" ? "-filled" : ""}.svg#tabler-${r.type === "f" ? "filled-" : ""}${r.icon}`

package/dist/components/TreeIndent/TreeIndent.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export declare const TreeIndentContainer: import("react").MemoExoticComponent<({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare const TreeIndentItem: import("react").MemoExoticComponent<({ depth, children }: {
+    depth?: number;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=TreeIndent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeIndent.d.ts","sourceRoot":"","sources":["../../../src/components/TreeIndent/TreeIndent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,OAAO,CAAC;AAI7C,eAAO,MAAM,mBAAmB,qDACf;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,6CAGvC,CAAC;AAEF,eAAO,MAAM,cAAc,4DACC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,6CAUlE,CAAC"}

package/dist/components/TreeIndent/TreeIndent.js

@@ -0,0 +1,15 @@
+import { jsx as t, jsxs as s } from "react/jsx-runtime";
+import { memo as m } from "react";
+import r from "./TreeIndent.module.css.js";
+const l = m(
+  ({ children: e }) => /* @__PURE__ */ t("div", { className: r.container, children: e })
+), p = m(
+  ({ depth: e = 0, children: n }) => /* @__PURE__ */ s("div", { className: r.item, children: [
+    Array.from({ length: e }).map((a, o) => /* @__PURE__ */ t("div", { className: r.depthBox }, o)),
+    n
+  ] })
+);
+export {
+  l as TreeIndentContainer,
+  p as TreeIndentItem
+};