mimir-ui-kit 1.65.7 → 1.66.1

package/dist/components/Toasts/Toast.js

@@ -1,72 +1,72 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { c as S } from "../../index-DIxK0V-G.js";
-import { memo as w, useRef as y, useState as O } from "react";
-import { ANIMATION_VARIABLES_MAP as U, EToastPosition as j, EToastVariant as x, DEFAULT_TOAST_DURATION as F } from "./constants.js";
-import { c as s, P as V } from "../../ProgressBar-F970LqqJ.js";
-import { useTimer as b } from "../../hooks/useTimer/index.js";
+import { jsxs as l, jsx as a, Fragment as S } from "react/jsx-runtime";
+import { c as w } from "../../index-DIxK0V-G.js";
+import { memo as y, useRef as F, useState as O } from "react";
+import { ANIMATION_VARIABLES_MAP as U, EToastPosition as j, EToastVariant as x, DEFAULT_TOAST_DURATION as V } from "./constants.js";
+import { c as r, P as b } from "../../ProgressBar-BtLMbQrP.js";
+import { useTimer as g } from "../../hooks/useTimer/index.js";
 import { Button as G } from "../Button/Button.js";
-const Q = w(
+const W = y(
   ({
     id: i,
-    title: m = "",
-    message: u,
+    title: u = "",
+    message: d,
     position: P = j.TOP_RIGHT,
     variant: h = x.DEFAULT,
-    duration: c = F,
+    duration: c = V,
     autoClose: p = !0,
     needProgress: N = !0,
     needTimer: A = !0,
     needCloseButton: L = !0,
-    onToastRemove: r,
+    onToastRemove: s,
     onExpire: f,
-    onButtonRemoveClick: d,
+    onButtonRemoveClick: m,
     slot: e,
-    pauseOnHover: I = !1
+    pauseOnHover: n = !1
   }) => {
-    const l = y(null), [n, M] = O(!1), { seconds: _ } = b({
+    const t = F(null), [I, M] = O(!1), { seconds: _ } = g({
       expiryTimestamp: Date.now() + c,
       autoStart: p,
       onExpire: p ? () => {
-        r == null || r(i, l), f == null || f();
+        s == null || s(i, t), f == null || f();
       } : void 0,
-      isPaused: n
+      isPaused: I
     }), D = () => {
-      I && M(!0);
+      n && M(!0);
     }, E = () => {
-      I && M(!1);
+      n && M(!1);
     };
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ l(
       "div",
       {
         style: {
           "--elm-translate": U[P]
         },
-        className: S(
-          s["toast-in"],
-          s["toast-wrapper"],
-          s[h]
+        className: w(
+          r["toast-in"],
+          r["toast-wrapper"],
+          r[h]
         ),
-        ref: l,
+        ref: t,
         role: "alert",
         onMouseEnter: D,
         onMouseLeave: E,
         children: [
-          m && /* @__PURE__ */ a("h3", { className: s.title, children: m }),
-          u && /* @__PURE__ */ a("div", { className: s.message, children: u }),
-          (A || N) && /* @__PURE__ */ t("div", { children: [
-            !!c && A && /* @__PURE__ */ t("div", { className: s.timer, children: [
-              /* @__PURE__ */ a("h4", { className: s["timer-title"], children: "Осталось" }),
-              /* @__PURE__ */ t("p", { className: s.seconds, children: [
+          u && /* @__PURE__ */ a("h3", { className: r.title, children: u }),
+          d && /* @__PURE__ */ a("div", { className: r.message, children: d }),
+          (A || N) && /* @__PURE__ */ l("div", { children: [
+            !!c && A && /* @__PURE__ */ l("div", { className: r.timer, children: [
+              /* @__PURE__ */ a("h4", { className: r["timer-title"], children: "Осталось" }),
+              /* @__PURE__ */ l("p", { className: r.seconds, children: [
                 _,
                 " сек"
               ] })
             ] }),
             !!c && N && /* @__PURE__ */ a(
-              V,
+              b,
               {
                 variant: h,
                 duration: c,
-                isPaused: n
+                isPaused: I
               }
             )
           ] }),
@@ -74,17 +74,17 @@ const Q = w(
             G,
             {
               onClick: () => {
-                r == null || r(i, l), d == null || d();
+                s == null || s(i, t), m == null || m();
               },
               clear: !0,
               isIconButton: !0,
-              className: s["close-button"],
+              className: r["close-button"],
               iconName: "Close24px"
             }
           ),
-          e && /* @__PURE__ */ a("div", { className: s.slot, children: typeof e == "function" ? e({
+          e && /* @__PURE__ */ a(S, { children: typeof e == "function" ? e({
             handleToastRemove: () => {
-              r == null || r(i, l);
+              s == null || s(i, t);
             }
           }) : e })
         ]
@@ -93,5 +93,5 @@ const Q = w(
   }
 );
 export {
-  Q as Toast
+  W as Toast
 };

package/dist/components/Toasts/ToastList.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
 import { memo as e, useRef as f, useCallback as T, useEffect as u } from "react";
 import { EToastPosition as c } from "./constants.js";
-import { c as l } from "../../ProgressBar-F970LqqJ.js";
+import { c as l } from "../../ProgressBar-BtLMbQrP.js";
 import { Toast as d } from "./Toast.js";
 import { Portal as p } from "../Portal/Portal.js";
 const x = e(

package/dist/components/Toasts/ToastsProvider.js

@@ -3,7 +3,7 @@ import { useReducer as u, useCallback as m, useMemo as E } from "react";
 import { EToastVariant as o } from "./constants.js";
 import { ToastContext as l } from "./hooks.js";
 import { reducer as L, initialState as A, actionCreators as c } from "./store.js";
-import { c as C } from "../../ProgressBar-F970LqqJ.js";
+import { c as C } from "../../ProgressBar-BtLMbQrP.js";
 import { ToastList as S } from "./ToastList.js";
 const F = ({ children: d }) => {
   const [i, r] = u(L, A), a = m((t) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.65.7",
+  "version": "1.66.1",
   "type": "module",
   "exports": {
     ".": {

package/dist/ProgressBar-F970LqqJ.js

@@ -1,68 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as u } from "./index-DIxK0V-G.js";
-import { memo as q, useRef as r, useEffect as f } from "react";
-import { DEFAULT_TOAST_DURATION as g, EToastVariant as b } from "./components/Toasts/constants.js";
-import './assets/ProgressBar.css';const d = "_title_14r7q_37", A = "_timer_14r7q_41", T = "_seconds_14r7q_51", h = "_message_14r7q_61", w = "_progress_14r7q_69", D = "_slot_14r7q_95", F = "_success_14r7q_104", R = "_alarm_14r7q_109", E = "_error_14r7q_114", N = "_purple_14r7q_119", o = {
-  "toast-list": "_toast-list_14r7q_2",
-  "toast-wrapper": "_toast-wrapper_14r7q_24",
-  title: d,
-  timer: A,
-  "timer-title": "_timer-title_14r7q_49",
-  seconds: T,
-  message: h,
-  progress: w,
-  "progress-bar": "_progress-bar_14r7q_78",
-  "close-button": "_close-button_14r7q_89",
-  slot: D,
-  default: "_default_14r7q_99",
-  success: F,
-  alarm: R,
-  error: E,
-  purple: N,
-  "top-right": "_top-right_14r7q_124",
-  "top-center": "_top-center_14r7q_130",
-  "top-left": "_top-left_14r7q_136",
-  "bottom-left": "_bottom-left_14r7q_141",
-  "bottom-center": "_bottom-center_14r7q_146",
-  "bottom-right": "_bottom-right_14r7q_152",
-  "toast-in": "_toast-in_14r7q_184",
-  "toast-out": "_toast-out_14r7q_188"
-}, O = q(
-  ({
-    duration: _ = g,
-    variant: l = b.DEFAULT,
-    isPaused: n = !1
-  }) => {
-    const t = r(), e = r(null), c = r(Date.now()), s = r(0);
-    return f(() => {
-      if (n)
-        t.current && cancelAnimationFrame(t.current);
-      else {
-        c.current = Date.now() - s.current;
-        const a = () => {
-          const p = Date.now();
-          s.current = p - c.current;
-          const i = Math.min(
-            s.current / _ * 100,
-            100
-          );
-          e.current && (e.current.style.width = `${i}%`), i < 100 && (t.current = requestAnimationFrame(a));
-        };
-        t.current = requestAnimationFrame(a);
-      }
-      return () => {
-        t.current && cancelAnimationFrame(t.current);
-      };
-    }, [_, n]), /* @__PURE__ */ m("div", { className: o.progress, "data-testid": "progress-bar", children: /* @__PURE__ */ m(
-      "div",
-      {
-        ref: e,
-        className: u(o["progress-bar"], o[l])
-      }
-    ) });
-  }
-);
-export {
-  O as P,
-  o as c
-};