triafly-ui-kit 1.0.70 → 1.0.72

package/dist/context/ToastContext/ToastContext.js

@@ -1,35 +1,33 @@
-import { jsxs as p, jsx as l } from "react/jsx-runtime";
+import { jsxs as p, jsx as d } from "react/jsx-runtime";
 import { createContext as x, useState as f, useCallback as u, useMemo as h, useContext as w } from "react";
-import g from "react-dom";
+import C from "react-dom";
 import '../../assets/src/context/ToastContext/ToastContext.css';/* empty css                                               */
 const m = x(void 0), j = () => {
-  const o = w(m);
-  if (!o)
+  const e = w(m);
+  if (!e)
     throw new Error("useToast must be used within a ToastProvider");
-  return o;
-}, M = ({ children: o }) => {
-  const [r, n] = f([]), T = 3, c = 4e3, i = u((t) => {
-    n((e) => e.filter((s) => s.id !== t));
-  }, []), d = u(
+  return e;
+}, M = ({ children: e }) => {
+  const [l, a] = f([]), T = 3, n = 4e3, i = u((t) => {
+    a((o) => o.filter((s) => s.id !== t));
+  }, []), c = u(
     (t) => {
-      const e = {
+      const o = {
         id: Date.now(),
         message: t,
-        duration: c
+        duration: n
       };
-      n((s) => {
-        const a = [...s, e];
-        return a.length > T ? a.slice(1) : a;
-      }), setTimeout(() => i(e.id), c);
+      a((s) => {
+        const r = [...s, o];
+        return r.length > T ? r.slice(1) : r;
+      }), setTimeout(() => i(o.id), n);
     },
     [i]
-  );
-  console.log("тест addToast"), console.log("toasts", r);
-  const v = h(() => ({ addToast: d }), [d]);
+  ), v = h(() => ({ addToast: c }), [c]);
   return /* @__PURE__ */ p(m.Provider, { value: v, children: [
-    o,
-    g.createPortal(
-      /* @__PURE__ */ l("div", { className: "toast-provider", children: r.map((t) => /* @__PURE__ */ l("div", { className: "toast-provider__element", children: t.message }, t.id)) }),
+    e,
+    C.createPortal(
+      /* @__PURE__ */ d("div", { className: "toast-provider", children: l.map((t) => /* @__PURE__ */ d("div", { className: "toast-provider__element", children: t.message }, t.id)) }),
       document.body
     )
   ] });

package/dist/context/TriaflyContext/TriaflyProvider.js

@@ -1,27 +1,28 @@
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as s, useMemo as m, useContext as a } from "react";
-import { useBreakpointValueTriafly as u } from "./hooks/useBreakpointValue/useBreakpointValue.js";
-import { useThemeLogic as f } from "./hooks/useTheme/useTheme.js";
-import { useModalState as l } from "./hooks/useModal/useModal.js";
-const t = s(void 0), y = () => {
-  const e = a(t);
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as n, useMemo as a, useContext as u } from "react";
+import { useBreakpointValueTriafly as f } from "./hooks/useBreakpointValue/useBreakpointValue.js";
+import { useThemeLogic as l } from "./hooks/useTheme/useTheme.js";
+import { useModalState as c } from "./hooks/useModal/useModal.js";
+const i = n(void 0), y = () => {
+  const e = u(i);
   if (!e)
     throw new Error("useTriafly must be used within a TriaflyProvider");
   return e;
-}, h = ({ children: e }) => {
-  const { theme: o, toggleTheme: r } = f(), i = m(
+}, v = ({ children: e }) => {
+  const { theme: t, toggleTheme: o, setTheme: r } = l(), s = a(
     () => ({
-      theme: o,
-      toggleTheme: r,
-      useBreakpointValueTriafly: u,
-      useModalState: l
+      theme: t,
+      toggleTheme: o,
+      useBreakpointValueTriafly: f,
+      useModalState: c,
+      setTheme: r
     }),
-    [o, r]
+    [t, o, r]
   );
-  return /* @__PURE__ */ n(t.Provider, { value: i, children: e });
+  return /* @__PURE__ */ m(i.Provider, { value: s, children: e });
 };
 export {
-  t as TriaflyContext,
-  h as TriaflyProvider,
+  i as TriaflyContext,
+  v as TriaflyProvider,
   y as useTriafly
 };

package/dist/context/TriaflyContext/hooks/useTheme/useTheme.js

@@ -1,16 +1,16 @@
 import { useSyncExternalStore as n } from "react";
-const o = () => {
+const r = () => {
   const t = window.matchMedia("(prefers-color-scheme: dark)").matches;
   return localStorage.getItem("theme") || (t ? "dark" : "light");
-}, m = o();
+}, m = r();
 document.documentElement.setAttribute("data-theme", m);
 const c = () => {
-  const t = n((e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)), o), r = (e) => {
+  const t = n((e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e)), r), o = (e) => {
     localStorage.setItem("theme", e), localStorage.setItem("chakra-ui-color-mode", e), document.documentElement.setAttribute("data-theme", e), window.dispatchEvent(new Event("storage"));
   };
   return { theme: t, toggleTheme: () => {
-    r(t === "light" ? "dark" : "light");
-  } };
+    o(t === "light" ? "dark" : "light");
+  }, setTheme: o };
 };
 export {
   c as useThemeLogic

package/dist/main.d.ts

@@ -1277,6 +1277,7 @@ export declare const TriaflyContext: Context<TriaflyContextType | undefined>;
 declare interface TriaflyContextType {
     theme: Theme;
     toggleTheme: () => void;
+    setTheme: (newTheme: Theme) => void;
     useBreakpointValueTriafly: <T>(values: BreakpointValuesTriafly<T>) => T;
     useModalState: typeof useModalState;
 }
@@ -1300,6 +1301,7 @@ export declare const useModalState: () => UseModalReturn;
 export declare const useThemeLogic: () => {
     theme: Theme;
     toggleTheme: () => void;
+    setTheme: (newTheme: Theme) => void;
 };
 
 export declare const useToast: () => ToastContextType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "triafly-ui-kit",
-  "version": "1.0.70",
+  "version": "1.0.72",
   "description": "UI Kit from Triafly",
   "main": "./dist/main.js",
   "module": "./dist/main.js",
@@ -42,9 +42,9 @@
   ],
   "peerDependencies": {
     "classnames": "^2.5.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-router-dom": "6.26.1"
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-router-dom": "5.3.4"
   },
   "dependencies": {
     "dayjs": "^1.11.13",