mimir-ui-kit 1.58.2 → 1.59.0

package/dist/components/Toasts/Toast.d.ts

@@ -46,13 +46,23 @@ export type TProps = {
      * Функция обратного вызова, вызываемая при удалении уведомления.
      */
     onToastRemove?: (toastId: string, ref: RefObject<HTMLDivElement>) => void;
+    /**
+     * Функция обратного вызова, вызываемая при удалении тоста по причине истечения таймера.
+     */
+    onExpire?: () => void;
+    /**
+     * Функция обратного вызова, вызываемая при клике на крестик.
+     */
+    onButtonRemoveClick?: () => void;
     /**
      * Слот уведомления.
      */
-    slot?: ReactNode;
+    slot?: ReactNode | ((props: {
+        handleToastRemove: VoidFunction;
+    }) => JSX.Element);
     /**
      * Флаг, указывающий на приостановку таймера при наведении курсора.
      */
     pauseOnHover?: boolean;
 };
-export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, slot, pauseOnHover }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, onExpire, onButtonRemoveClick, slot, pauseOnHover }: TProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Toasts/Toast.js

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

package/dist/components/Toasts/types.d.ts

@@ -1,5 +1,5 @@
 import { EToastVariant } from './constants';
 import { TProps } from './Toast';
 
-export type TToast = Record<EToastVariant | `${EToastVariant}`, (toast: Omit<TProps, 'id' | 'variant'>) => void>;
+export type TToast = Record<EToastVariant | `${EToastVariant}`, (toast: Omit<TProps, 'id' | 'variant' | 'onToastRemove'>) => void>;
 export type ToastContextType = TToast;

package/package.json

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