@layers-app/shared 0.3.0 → 0.3.1

package/dist/helpers/showNotifications.js

@@ -1,37 +1,37 @@
-import { jsx as i, jsxs as l } from "react/jsx-runtime";
-import { InformationCircleIcon as v, CheckmarkCircle02Icon as I, Alert01Icon as g, Alert02Icon as p } from "@hugeicons/core-free-icons";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { InformationCircleIcon as I, CheckmarkCircle02Icon as b, Alert01Icon as y, Alert02Icon as B } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as d } from "@hugeicons/react";
-import { CloseButton as C, Box as u, Button as b } from "@mantine/core";
-import { showNotification as y, notifications as B } from "@mantine/notifications";
+import { CloseButton as k, Box as u, Button as S } from "@mantine/core";
+import { showNotification as x, notifications as w } from "@mantine/notifications";
 import { isFunction as h, isObject as N } from "lodash-es";
 import c from "./showNotifications.module.css.js";
-let k = 0;
-const z = /* @__PURE__ */ i(d, { icon: I, size: 14, color: "white" }), x = /* @__PURE__ */ i(d, { icon: p, size: 14, color: "white" }), S = /* @__PURE__ */ i(d, { icon: g, size: 14, color: "white" }), M = /* @__PURE__ */ i(d, { icon: v, size: 14, color: "white" }), O = (o, n) => n?.length ? /* @__PURE__ */ l(u, { children: [
-  /* @__PURE__ */ i(u, { children: o }),
-  /* @__PURE__ */ i(u, { className: c.actions, children: n.map((t, e) => /* @__PURE__ */ i(
-    b,
+let z = 0;
+const M = /* @__PURE__ */ t(d, { icon: b, size: 14, color: "white" }), O = /* @__PURE__ */ t(d, { icon: B, size: 14, color: "white" }), R = /* @__PURE__ */ t(d, { icon: y, size: 14, color: "white" }), g = /* @__PURE__ */ t(d, { icon: I, size: 14, color: "white" }), v = (o, n) => n?.length ? /* @__PURE__ */ l(u, { children: [
+  /* @__PURE__ */ t(u, { children: o }),
+  /* @__PURE__ */ t(u, { className: c.actions, children: n.map((i, e) => /* @__PURE__ */ t(
+    S,
     {
       size: "compact-sm",
-      variant: t.variant ?? "default",
-      onClick: t.onClick,
+      variant: i.variant ?? "default",
+      onClick: i.onClick,
       radius: "md",
-      children: t.label
+      children: i.label
     },
     e
   )) })
 ] }) : o;
-function R({
+function C({
   id: o,
   title: n,
-  icon: t,
+  icon: i,
   children: e
 }) {
   return /* @__PURE__ */ l("div", { className: c.root, children: [
     /* @__PURE__ */ l("div", { className: n ? c.contentRow : c.contentRowCentered, children: [
-      /* @__PURE__ */ i("div", { className: c.icon, children: t }),
+      /* @__PURE__ */ t("div", { className: c.icon, children: i }),
       /* @__PURE__ */ l("div", { className: c.body, children: [
-        n && /* @__PURE__ */ i("div", { className: c.title, children: n }),
-        e && /* @__PURE__ */ i(
+        n && /* @__PURE__ */ t("div", { className: c.title, children: n }),
+        e && /* @__PURE__ */ t(
           "div",
           {
             className: n ? c.description : c.descriptionWithoutTitle,
@@ -40,25 +40,25 @@ function R({
         )
       ] })
     ] }),
-    /* @__PURE__ */ i("div", { className: c.closeButtonWrapper, children: /* @__PURE__ */ i(
-      C,
+    /* @__PURE__ */ t("div", { className: c.closeButtonWrapper, children: /* @__PURE__ */ t(
+      k,
       {
         className: c.closeButton,
         size: 24,
-        onClick: () => B.hide(o)
+        onClick: () => w.hide(o)
       }
     ) })
   ] });
 }
-const $ = (o, n = {}) => {
-  const { successMsg: t, errorMsg: e } = n;
+const D = (o, n = {}) => {
+  const { successMsg: i, errorMsg: e } = n;
   return o.then((r) => {
-    if (t) {
-      const s = h(t) ? t(r) : t, a = {
+    if (i) {
+      const s = h(i) ? i(r) : i, a = {
         id: n.notifyId,
         ...N(s) ? s : { message: s }
       };
-      W(a);
+      j(a);
     }
     return r;
   }).catch((r) => {
@@ -67,13 +67,13 @@ const $ = (o, n = {}) => {
         id: n.notifyId,
         ...N(s) ? s : { message: s }
       };
-      j(a);
+      q(a);
     }
     return r;
   });
 }, m = (o, n) => {
-  const { actions: t, title: e, message: r, onClose: s, ...a } = o, w = `ntf-${++k}`, f = a.id ?? w;
-  y({
+  const { actions: i, title: e, message: r, onClose: s, ...a } = o, p = `ntf-${++z}`, f = a.id ?? p;
+  x({
     color: n.color,
     radius: 12,
     ...a,
@@ -91,41 +91,76 @@ const $ = (o, n = {}) => {
     onClose: () => {
       s?.(o);
     },
-    message: /* @__PURE__ */ i(
-      R,
+    message: /* @__PURE__ */ t(
+      C,
       {
         id: f,
         title: e,
         icon: n.icon,
-        children: O(r, t)
+        children: v(r, i)
       }
     )
   });
-}, D = (o) => {
+}, G = (o) => {
   m(o, {
     color: "var(--mantine-color-blue-outline)",
-    icon: M
+    icon: g
   });
-}, W = (o) => {
+}, W = (o, n) => {
+  const { actions: i, title: e, message: r, onClose: s, ...a } = o;
+  w.update({
+    color: n.color,
+    radius: 12,
+    ...a,
+    icon: void 0,
+    title: void 0,
+    withCloseButton: !1,
+    withBorder: !1,
+    p: 0,
+    classNames: { root: c.mantineRoot },
+    styles: {
+      root: { background: "none", border: "none", boxShadow: "none" },
+      body: { margin: 0 }
+    },
+    onClose: () => {
+      s?.(o);
+    },
+    message: /* @__PURE__ */ t(
+      C,
+      {
+        id: o.id,
+        title: e,
+        icon: n.icon,
+        children: v(r, i)
+      }
+    )
+  });
+}, J = (o) => {
+  W(o, {
+    color: "var(--mantine-color-blue-outline)",
+    icon: g
+  });
+}, j = (o) => {
   m(o, {
     color: "var(--mantine-color-green-outline)",
-    icon: z
+    icon: M
   });
-}, G = (o) => {
+}, K = (o) => {
   m(o, {
     color: "var(--mantine-color-yellow-outline)",
-    icon: S
+    icon: R
   });
-}, j = (o) => {
+}, q = (o) => {
   m(o, {
     color: "var(--mantine-color-red-outline)",
-    icon: x
+    icon: O
   });
 };
 export {
-  j as showErrorNotification,
-  D as showMessageNotification,
-  $ as showRequestNotifications,
-  W as showSuccessNotification,
-  G as showWarningNotification
+  q as showErrorNotification,
+  G as showMessageNotification,
+  D as showRequestNotifications,
+  j as showSuccessNotification,
+  K as showWarningNotification,
+  J as updateMessageNotification
 };

package/dist/helpers/showNotifications.module.css.js

@@ -1,4 +1,4 @@
-const t = "_mantineRoot_17m8q_1", o = "_root_17m8q_5", n = "_contentRow_17m8q_16", e = "_contentRowCentered_17m8q_21", c = "_icon_17m8q_26", _ = "_body_17m8q_39", s = "_title_17m8q_44", i = "_description_17m8q_56", r = "_descriptionWithoutTitle_17m8q_62", m = "_closeButtonWrapper_17m8q_69", l = "_closeButton_17m8q_69", d = "_actions_17m8q_79", p = {
+const t = "_mantineRoot_mgqj0_1", o = "_root_mgqj0_9", n = "_contentRow_mgqj0_31", e = "_contentRowCentered_mgqj0_41", c = "_icon_mgqj0_51", _ = "_body_mgqj0_77", s = "_title_mgqj0_87", i = "_description_mgqj0_111", r = "_descriptionWithoutTitle_mgqj0_123", m = "_closeButtonWrapper_mgqj0_137", l = "_closeButton_mgqj0_137", d = "_actions_mgqj0_157", p = {
   mantineRoot: t,
   root: o,
   contentRow: n,

package/dist/hooks/useDateFnsLocale.d.ts

@@ -1,2 +1,4 @@
+import { type Locale } from 'date-fns';
+export declare const dateFnsLocales: Record<string, Locale>;
 export declare const useDateFnsLocale: () => void;
 //# sourceMappingURL=useDateFnsLocale.d.ts.map

package/dist/hooks/useDateFnsLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDateFnsLocale.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateFnsLocale.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,YAM5B,CAAC"}
+{"version":3,"file":"useDateFnsLocale.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateFnsLocale.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,MAAM,EAAqB,MAAM,UAAU,CAAC;AAG1D,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAkB,CAAC;AAErE,eAAO,MAAM,gBAAgB,YAM5B,CAAC"}

package/dist/hooks/useDateFnsLocale.js

@@ -1,13 +1,14 @@
-import { useEffect as e } from "react";
+import { useEffect as o } from "react";
 import { useTranslation as t } from "react-i18next";
 import { setDefaultOptions as n } from "date-fns";
-import { ru as r, enUS as a } from "date-fns/locale";
-const l = () => {
-  const { i18n: o } = t();
-  e(() => {
-    n({ locale: { en: a, ru: r }[o.language] });
-  }, [o.language]);
+import { ru as s, es as a, enUS as r } from "date-fns/locale";
+const l = { en: r, es: a, ru: s }, u = () => {
+  const { i18n: e } = t();
+  o(() => {
+    n({ locale: l[e.language] });
+  }, [e.language]);
 };
 export {
-  l as useDateFnsLocale
+  l as dateFnsLocales,
+  u as useDateFnsLocale
 };

package/dist/hooks/useDateUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDateUtils.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAU3B,MAAM,UAAU,CAAC;AAMlB,eAAO,MAAM,YAAY;;uBAKf,IAAI,GAAG,MAAM,gCAET;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAC7B,MAAM;iCAsDD,IAAI,GAAG,MAAM,yBAElB,MAAM;+BAKD,IAAI,GAAG,MAAM,YACT,0BAA0B,KACnC,MAAM;mCAQA,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,KACnB,OAAO;wCAQD,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,YACV,qBAAqB,KAC9B,MAAM;oCArED,IAAI,GAAG,MAAM,YACT;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAC5B,MAAM;CAmFV,CAAC"}
+{"version":3,"file":"useDateUtils.d.ts","sourceRoot":"","sources":["../../src/hooks/useDateUtils.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAS3B,MAAM,UAAU,CAAC;AAMlB,eAAO,MAAM,YAAY;;uBAKf,IAAI,GAAG,MAAM,gCAET;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,KAC7B,MAAM;iCAqDD,IAAI,GAAG,MAAM,yBAElB,MAAM;+BAKD,IAAI,GAAG,MAAM,YACT,0BAA0B,KACnC,MAAM;mCAQA,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,KACnB,OAAO;wCAQD,IAAI,GAAG,MAAM,SACb,IAAI,GAAG,MAAM,YACV,qBAAqB,KAC9B,MAAM;oCArED,IAAI,GAAG,MAAM,YACT;QAAE,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,KAC5B,MAAM;CAmFV,CAAC"}

package/dist/hooks/useDateUtils.js

@@ -1,24 +1,24 @@
 import { useTranslation as z } from "react-i18next";
-import { differenceInDays as h, differenceInHours as p, differenceInMinutes as v, differenceInSeconds as U, formatDistance as w, isSameDay as C, formatDistanceToNow as M, format as D } from "date-fns";
-import { toZonedTime as s, formatInTimeZone as S } from "date-fns-tz";
-import { es as H, ru as I, enUS as d } from "date-fns/locale";
-import { useLocalTimezone as g } from "../store/timezoneStore.js";
-const A = () => {
-  const { timezone: o } = g(), { t: a, i18n: y } = z("ui");
+import { differenceInDays as h, differenceInHours as v, differenceInMinutes as p, differenceInSeconds as U, formatDistance as w, isSameDay as C, formatDistanceToNow as S, format as l } from "date-fns";
+import { toZonedTime as s, formatInTimeZone as H } from "date-fns-tz";
+import { useLocalTimezone as I } from "../store/timezoneStore.js";
+import { dateFnsLocales as d } from "./useDateFnsLocale.js";
+const b = () => {
+  const { timezone: o } = I(), { t: a, i18n: y } = z("ui");
   return {
     timezone: o,
     formatDate: (e, t = "yyyy-MM-dd HH:mm:ss", n) => {
       const r = typeof e == "string" ? new Date(e) : e, i = s(r, o || "UTC");
       if (n?.locale ?? !1) {
-        const f = { en: d, ru: I, es: H }[y.language] || d;
-        return D(i, t, { locale: f });
+        const f = d[y.language] || d.en;
+        return l(i, t, { locale: f });
       }
-      return D(i, t);
+      return l(i, t);
     },
-    formatDateInTimezone: (e, t = "yyyy-MM-dd HH:mm:ss") => S(e, o || "UTC", t),
+    formatDateInTimezone: (e, t = "yyyy-MM-dd HH:mm:ss") => H(e, o || "UTC", t),
     formatRelativeTime: (e, t) => {
       const n = typeof e == "string" ? new Date(e) : e, r = s(n, o || "UTC");
-      return M(r, { ...t });
+      return S(r, { ...t });
     },
     isSameDayWithTimezone: (e, t) => {
       const n = s(e, o || "UTC"), r = s(t, o || "UTC");
@@ -29,19 +29,19 @@ const A = () => {
       return w(r, i, { ...n });
     },
     formatRelativeShortTime: (e, t) => {
-      const n = typeof e == "string" ? new Date(e) : e, r = /* @__PURE__ */ new Date(), i = s(n, o || "UTC"), m = s(r, o || "UTC"), u = h(m, i), f = p(m, i), T = v(m, i), l = U(m, i), c = t?.short ?? !1;
-      return u >= 1 ? a(c ? "relativeTime.shortDay" : "relativeTime.day", {
-        count: u
-      }) : f >= 1 ? a(c ? "relativeTime.shortHour" : "relativeTime.hour", {
+      const n = typeof e == "string" ? new Date(e) : e, r = /* @__PURE__ */ new Date(), i = s(n, o || "UTC"), m = s(r, o || "UTC"), f = h(m, i), T = v(m, i), u = p(m, i), D = U(m, i), c = t?.short ?? !1;
+      return f >= 1 ? a(c ? "relativeTime.shortDay" : "relativeTime.day", {
         count: f
-      }) : T >= 1 ? a(c ? "relativeTime.shortMinute" : "relativeTime.minute", {
+      }) : T >= 1 ? a(c ? "relativeTime.shortHour" : "relativeTime.hour", {
         count: T
-      }) : l >= 1 ? a(c ? "relativeTime.shortSecond" : "relativeTime.second", {
-        count: l
+      }) : u >= 1 ? a(c ? "relativeTime.shortMinute" : "relativeTime.minute", {
+        count: u
+      }) : D >= 1 ? a(c ? "relativeTime.shortSecond" : "relativeTime.second", {
+        count: D
       }) : a(c ? "relativeTime.shortJustNow" : "relativeTime.justNow");
     }
   };
 };
 export {
-  A as useDateUtils
+  b as useDateUtils
 };

package/dist/hooks/useFormatDistance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormatDistance.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormatDistance.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,iBAAiB,oBAId,MAAM,WAOrB,CAAC"}
+{"version":3,"file":"useFormatDistance.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormatDistance.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,iBAAiB,oBAId,MAAM,WAOrB,CAAC"}

package/dist/hooks/useFormatDistance.js

@@ -1,17 +1,17 @@
 import { useCallback as o } from "react";
 import { useTranslation as n } from "react-i18next";
-import { ru as r, enUS as i } from "date-fns/locale";
-import { useDateUtils as m } from "./useDateUtils.js";
-const f = () => {
-  const { i18n: e } = n(), { formatDistanceWithTimezone: t } = m();
+import { dateFnsLocales as r } from "./useDateFnsLocale.js";
+import { useDateUtils as s } from "./useDateUtils.js";
+const c = () => {
+  const { i18n: e } = n(), { formatDistanceWithTimezone: t } = s();
   return o(
     (a) => t(new Date(a), /* @__PURE__ */ new Date(), {
       addSuffix: !0,
-      locale: { en: i, ru: r }[e.language]
+      locale: r[e.language]
     }),
     [e.language]
   );
 };
 export {
-  f as useFormatDistance
+  c as useFormatDistance
 };

package/dist/hooks/useNumberQueryParam.d.ts

@@ -2,7 +2,7 @@ export declare const isNumberValue: (value: unknown) => value is number;
 /**
  * Hook to get URL route parameter value
  */
-export declare const useRouteParam: (paramName: "folderId" | "sprintId" | "taskId" | "flowId" | "pageId" | "storageId") => string | null;
+export declare const useRouteParam: (paramName: "folderId" | "sprintId" | "taskId" | "flowId" | "pageId" | "storageId" | "projectId") => string | null;
 /**
  * Hook to get URL query parameter value (from ?param=value)
  */

package/dist/hooks/useNumberQueryParam.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNumberQueryParam.d.ts","sourceRoot":"","sources":["../../src/hooks/useNumberQueryParam.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,WACI,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,WAAW,kBAIhB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,kBAG9C,CAAC"}
+{"version":3,"file":"useNumberQueryParam.d.ts","sourceRoot":"","sources":["../../src/hooks/useNumberQueryParam.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAEvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,WACI,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,kBAIhB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,kBAG9C,CAAC"}