@layers-app/shared 0.4.6 → 0.4.8

package/dist/components/Notification/Notification.js

@@ -1,119 +0,0 @@
-import { jsxs as i, Fragment as A, jsx as e } from "react/jsx-runtime";
-import { useState as D, useRef as w, useCallback as g, useEffect as y } from "react";
-import { useTranslation as N } from "react-i18next";
-import { useNavigate as E } from "react-router-dom";
-import { Flex as a, Text as l, Box as k, Button as b, Divider as v, Group as d } from "@mantine/core";
-import { IconArrowsSort as F } from "@tabler/icons-react";
-import { useAppContainerActionsStore as j } from "../AppContainer/hooks/useAppContainerActionsStore.js";
-import { useAppContainerDataStore as S } from "../AppContainer/hooks/useAppContainerDataStore.js";
-import { CustomKBD as C } from "../CustomKBD/index.js";
-import { NoData as B } from "../NoData/NoData.js";
-import I from "./NotificationCard.js";
-import K from "./Notification.module.css.js";
-const J = () => {
-  const { t: r } = N("appContainer"), h = E(), { notifications: n } = S(), { readNotificationsFunc: p } = j(), [s, c] = D(null), u = w([]), x = w(null), m = g(
-    async (t) => {
-      if (!n?.length) return;
-      const o = `/invitation/${n[t].link}`;
-      p({
-        messageIds: [n[t].id],
-        markAll: !1,
-        action: 1
-      }), h(o);
-    },
-    [h, n, p]
-  ), f = g(
-    (t) => {
-      t.key === "ArrowDown" ? (t.preventDefault(), c(
-        (o) => o === null ? 0 : Math.min(o + 1, n?.length - 1)
-      )) : t.key === "ArrowUp" ? (t.preventDefault(), c(
-        (o) => o === null ? n?.length - 1 : Math.max(o - 1, 0)
-      )) : t.key === "Enter" && s !== null && n?.length && m(s);
-    },
-    [s, m, n?.length]
-  );
-  return y(() => (window.addEventListener("keydown", f), () => {
-    c(null), window.removeEventListener("keydown", f);
-  }), [f]), y(() => {
-    const t = u.current[s ?? -1];
-    t && t.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest"
-    });
-  }, [s]), /* @__PURE__ */ i(A, { children: [
-    /* @__PURE__ */ i(a, { p: "sm", justify: "space-between", children: [
-      /* @__PURE__ */ i(a, { children: [
-        /* @__PURE__ */ e(l, { fz: "sm", children: r("notification") }),
-        /* @__PURE__ */ e(k, { className: K.headerCounter, children: /* @__PURE__ */ e(l, { fz: "xs", children: n?.length < 100 ? n?.length : "99+" }) })
-      ] }),
-      /* @__PURE__ */ e(b, { h: 22, variant: "transparent", size: "xs", children: /* @__PURE__ */ e(l, { h: 22, fz: "md", children: r("showAll") }) })
-    ] }),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ e(
-      d,
-      {
-        mah: 280,
-        ref: x,
-        style: {
-          overflowY: "auto"
-        },
-        gap: 0,
-        children: n ? n?.map((t, o) => /* @__PURE__ */ e(
-          k,
-          {
-            onClick: () => m(o),
-            style: {
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ e(
-              I,
-              {
-                isFocused: o === s,
-                notification: t,
-                ref: (z) => {
-                  u.current[o] = z;
-                }
-              }
-            )
-          },
-          t.id
-        )) : /* @__PURE__ */ e(
-          B,
-          {
-            py: "md",
-            size: 140,
-            my: 20,
-            illustration: "noNotifications",
-            descriptionProps: { maw: 300 },
-            description: r("emptyNotifyDescription")
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(v, {}),
-    /* @__PURE__ */ i(a, { bottom: 0, p: "sm", justify: "space-between", children: [
-      /* @__PURE__ */ i(a, { gap: 24, children: [
-        /* @__PURE__ */ i(d, { gap: 8, children: [
-          /* @__PURE__ */ e(
-            C,
-            {
-              miw: 26,
-              w: 26,
-              bbw: 4,
-              value: /* @__PURE__ */ e(F, { stroke: 1.5, width: 16, height: 16 })
-            }
-          ),
-          /* @__PURE__ */ e(l, { fz: "sm", fw: 400, children: r("choose") })
-        ] }),
-        /* @__PURE__ */ i(d, { gap: 8, children: [
-          /* @__PURE__ */ e(C, { miw: 45, w: 45, bbw: 4, value: "Enter" }),
-          /* @__PURE__ */ e(l, { fz: "sm", fw: 400, children: r("open") })
-        ] })
-      ] }),
-      /* @__PURE__ */ e(b, { h: 22, variant: "transparent", size: "xs", children: /* @__PURE__ */ e(l, { h: 22, fz: "md", children: r("closeAll") }) })
-    ] })
-  ] });
-};
-export {
-  J as Notification
-};

package/dist/components/Notification/NotificationCard.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { UserNotifications } from '../AppContainer/components/menus/UserMenu/MenuUserDropdown';
-interface NotificationCardProps {
-    ref?: React.Ref<HTMLDivElement>;
-    isFocused: boolean;
-    notification: UserNotifications;
-}
-declare const NotificationCard: ({ isFocused, notification, ref, }: NotificationCardProps) => import("react/jsx-runtime").JSX.Element;
-export default NotificationCard;
-//# sourceMappingURL=NotificationCard.d.ts.map

package/dist/components/Notification/NotificationCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationCard.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4DAA4D,CAAC;AAE/F,UAAU,qBAAqB;IAC7B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,QAAA,MAAM,gBAAgB,GAAI,mCAIvB,qBAAqB,4CAgFvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Notification/NotificationCard.js

@@ -1,93 +0,0 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { Flex as a, Text as t, Tooltip as g } from "@mantine/core";
-import { IconFileText as x, IconCheckbox as h, IconX as u } from "@tabler/icons-react";
-const D = ({
-  isFocused: n,
-  notification: e,
-  ref: s
-}) => {
-  const { i18n: o } = p("appContainer"), i = (f) => {
-    const m = o.language === "ru" ? "ru-RU" : "en-US";
-    return f.toLocaleDateString(m, {
-      day: "numeric",
-      month: "long",
-      year: "numeric"
-    });
-  }, c = new Date(e.createdAt), d = i(c);
-  return /* @__PURE__ */ l(
-    a,
-    {
-      ref: s,
-      px: 8,
-      w: "100%",
-      py: "sm",
-      justify: "flex-start",
-      style: {
-        backgroundColor: n ? "#f0f0f0" : "transparent",
-        cursor: "pointer",
-        borderRadius: "4px"
-      },
-      children: [
-        /* @__PURE__ */ l(a, { w: 274, justify: "flex-start", children: [
-          /* @__PURE__ */ r(
-            x,
-            {
-              size: 20,
-              color: "gray",
-              style: { alignSelf: "flex-start" }
-            }
-          ),
-          /* @__PURE__ */ r(t, { fz: 16, style: { alignSelf: "flex-start" }, children: e.pageIcon === "DefaultIcon" ? /* @__PURE__ */ r(h, { size: 20, color: "gray" }) : e.pageIcon }),
-          /* @__PURE__ */ l(a, { direction: "column", gap: 0, w: 200, children: [
-            /* @__PURE__ */ r(
-              g,
-              {
-                disabled: e.description.length < 40,
-                label: e.description,
-                children: /* @__PURE__ */ r(
-                  t,
-                  {
-                    fz: "sm",
-                    style: {
-                      alignSelf: "flex-start",
-                      lineHeight: "16px"
-                    },
-                    lineClamp: 2,
-                    children: e.description
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ l(
-              t,
-              {
-                c: "dimmed",
-                fz: "sm",
-                h: "16",
-                style: { alignSelf: "flex-start" },
-                children: [
-                  " ",
-                  e.pageName
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ r(t, { c: "dimmed", fz: "sm", w: 98, style: { alignSelf: "flex-start" }, children: d }),
-        /* @__PURE__ */ r(
-          u,
-          {
-            width: 12,
-            height: 12,
-            color: "gray",
-            style: { alignSelf: "flex-start", marginTop: "5px" }
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  D as default
-};