@layers-app/shared 0.4.7 → 0.4.9

package/package.json

@@ -1,79 +1,81 @@
-{
-  "name": "@layers-app/shared",
-  "version": "0.4.7",
-  "description": "Shared components, hooks, and utilities for Layers application",
-  "files": [
-    "dist",
-    "docs"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./styles": "./dist/index.css",
-    "./dist/*": "./dist/*",
-    "./assets/*": "./src/assets/*",
-    "./package.json": "./package.json"
-  },
-  "scripts": {
-    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build && tsc --project tsconfig.build.json",
-    "check:ts": "tsc --noEmit",
-    "prePublish": "vite build && npm version patch",
-    "watch": "vite build --watch"
-  },
-  "peerDependencies": {
-    "@dnd-kit/core": "^6.0.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@dnd-kit/utilities": "^3.2.0",
-    "@emoji-mart/data": "^1.2.1",
-    "@layers-app/onboarding-tour": "^4.0.0",
-    "@mantine/carousel": ">=9.0.0",
-    "@mantine/core": ">=9.0.0",
-    "@mantine/dates": ">=9.0.0",
-    "@mantine/dropzone": ">=9.0.0",
-    "@mantine/form": ">=9.0.0",
-    "@mantine/hooks": ">=9.0.0",
-    "@mantine/modals": ">=9.0.0",
-    "@mantine/notifications": ">=9.0.0",
-    "@reduxjs/toolkit": "^2.2.7",
-    "@tabler/icons-react": "^3.7.0",
-    "@tabler/icons-sprite": "^3.29.0",
-    "@tanstack/react-query": "^5.52.2",
-    "@tanstack/virtual-core": "^3.0.0",
-    "chroma-js": "^3.1.2",
-    "date-fns": "^4.1.0",
-    "@layers-app/draggable-ui": "^0.0.1",
-    "emoji-mart": "^5.6.0",
-    "exceljs": "^4.3.0",
-    "framer-motion": "^11.3.24",
-    "fuse.js": "^7.1.0",
-    "i18next": "^25.5.2",
-    "lodash-es": "^4.17.21",
-    "query-string": "^9.1.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-helmet": "^6.1.0",
-    "react-i18next": "^15.7.3",
-    "react-router-dom": "^7.5.2",
-    "react-zoom-pan-pinch": "^3.0.0",
-    "shaka-player": "^4.0.0",
-    "shaka-player-react": "^1.1.5",
-    "styled-components": "^6.0.0",
-    "zod": "^4.0.0",
-    "zustand": "^5.0.3"
-  },
-  "dependencies": {
-    "@gfazioli/mantine-onboarding-tour": "^4.0.0"
-  }
-}
+{
+  "name": "@layers-app/shared",
+  "version": "0.4.9",
+  "description": "Shared components, hooks, and utilities for Layers application",
+  "files": [
+    "dist",
+    "docs"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/index.css",
+    "./dist/*": "./dist/*",
+    "./assets/*": "./src/assets/*",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build && tsc --project tsconfig.build.json",
+    "check:ts": "tsc --noEmit",
+    "prePublish": "vite build && npm version patch",
+    "watch": "vite build --watch"
+  },
+  "peerDependencies": {
+    "@dnd-kit/core": "^6.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/utilities": "^3.2.0",
+    "@emoji-mart/data": "^1.2.1",
+    "@layers-app/draggable-ui": "^0.0.1",
+    "@layers-app/onboarding-tour": "^4.0.0",
+    "@mantine/carousel": ">=9.0.0",
+    "@mantine/core": ">=9.0.0",
+    "@mantine/dates": ">=9.0.0",
+    "@mantine/dropzone": ">=9.0.0",
+    "@mantine/form": ">=9.0.0",
+    "@mantine/hooks": ">=9.0.0",
+    "@mantine/modals": ">=9.0.0",
+    "@mantine/notifications": ">=9.0.0",
+    "@reduxjs/toolkit": "^2.2.7",
+    "@tabler/icons-react": "^3.7.0",
+    "@tabler/icons-sprite": "^3.29.0",
+    "@tanstack/react-query": "^5.52.2",
+    "@tanstack/virtual-core": "^3.0.0",
+    "chroma-js": "^3.1.2",
+    "date-fns": "^4.1.0",
+    "emoji-mart": "^5.6.0",
+    "exceljs": "^4.3.0",
+    "framer-motion": "^11.3.24",
+    "fuse.js": "^7.1.0",
+    "i18next": "^25.5.2",
+    "lodash-es": "^4.17.21",
+    "query-string": "^9.1.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-helmet": "^6.1.0",
+    "react-i18next": "^15.7.3",
+    "react-router-dom": "^7.5.2",
+    "react-zoom-pan-pinch": "^3.0.0",
+    "shaka-player": "^4.0.0",
+    "shaka-player-react": "^1.1.5",
+    "styled-components": "^6.0.0",
+    "zod": "^4.0.0",
+    "zustand": "^5.0.3"
+  },
+  "dependencies": {
+    "@gfazioli/mantine-audio": "^1.0.2",
+    "@gfazioli/mantine-onboarding-tour": "^4.0.0",
+    "@gfazioli/mantine-video": "^1.1.2"
+  }
+}

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
-};