mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/Toasts/Toast.js

@@ -1,72 +1,73 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { c as A } from "../../index-DIxK0V-G.js";
-import { memo as x, useRef as E } from "react";
-import { ANIMATION_VARIABLES_MAP as I, EToastPosition as _, EToastVariant as B, DEFAULT_TOAST_DURATION as D } from "./constants.js";
-import { c as r, P as O } from "../../ProgressBar-C0dC7o7N.js";
-import { useTimer as P } from "../../hooks/useTimer/index.js";
-import { Button as w } from "../Button/Button.js";
-const M = x(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, useRef } from "react";
+import { ANIMATION_VARIABLES_MAP, EToastPosition, EToastVariant, DEFAULT_TOAST_DURATION } from "./constants.js";
+import { c as cls, P as ProgressBar } from "../../ProgressBar-DWKyrXzd.js";
+import { useTimer } from "../../hooks/useTimer/index.js";
+import { Button } from "../Button/Button.js";
+const Toast = memo(
   ({
-    id: e,
-    title: m = "",
-    message: p,
-    position: u = _.TOP_RIGHT,
-    variant: N = B.DEFAULT,
-    duration: c = D,
-    autoClose: f = !0,
-    needProgress: n = !0,
-    needTimer: i = !0,
-    needCloseButton: h = !0,
-    onToastRemove: s,
-    slot: o
+    id,
+    title = "",
+    message,
+    position = EToastPosition.TOP_RIGHT,
+    variant = EToastVariant.DEFAULT,
+    duration = DEFAULT_TOAST_DURATION,
+    autoClose = true,
+    needProgress = true,
+    needTimer = true,
+    needCloseButton = true,
+    onToastRemove,
+    slot
   }) => {
-    const a = E(null), { seconds: d } = P({
-      expiryTimestamp: Date.now() + c,
-      autoStart: i,
-      onExpire: f ? () => s == null ? void 0 : s(e, a) : void 0
+    const wrapperRef = useRef(null);
+    const { seconds } = useTimer({
+      expiryTimestamp: Date.now() + duration,
+      autoStart: needTimer,
+      onExpire: autoClose ? () => onToastRemove == null ? void 0 : onToastRemove(id, wrapperRef) : void 0
     });
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         style: {
-          "--elm-translate": I[u]
+          ["--elm-translate"]: ANIMATION_VARIABLES_MAP[position]
         },
-        className: A(
-          r["toast-in"],
-          r["toast-wrapper"],
-          r[N]
+        className: classNames(
+          cls["toast-in"],
+          cls["toast-wrapper"],
+          cls[variant]
         ),
-        ref: a,
+        ref: wrapperRef,
         role: "alert",
         children: [
-          m && /* @__PURE__ */ t("h3", { className: r.title, children: m }),
-          p && /* @__PURE__ */ t("div", { className: r.message, children: p }),
-          (i || n) && /* @__PURE__ */ l("div", { children: [
-            !!c && i && /* @__PURE__ */ l("div", { className: r.timer, children: [
-              /* @__PURE__ */ t("h4", { className: r["timer-title"], children: "Осталось" }),
-              /* @__PURE__ */ l("p", { className: r.seconds, children: [
-                d,
+          title && /* @__PURE__ */ jsx("h3", { className: cls.title, children: title }),
+          message && /* @__PURE__ */ jsx("div", { className: cls.message, children: message }),
+          (needTimer || needProgress) && /* @__PURE__ */ jsxs("div", { children: [
+            !!duration && needTimer && /* @__PURE__ */ jsxs("div", { className: cls.timer, children: [
+              /* @__PURE__ */ jsx("h4", { className: cls["timer-title"], children: "Осталось" }),
+              /* @__PURE__ */ jsxs("p", { className: cls.seconds, children: [
+                seconds,
                 " сек"
               ] })
             ] }),
-            !!c && n && /* @__PURE__ */ t(O, { variant: N, duration: c })
+            !!duration && needProgress && /* @__PURE__ */ jsx(ProgressBar, { variant, duration })
           ] }),
-          h && /* @__PURE__ */ t(
-            w,
+          needCloseButton && /* @__PURE__ */ jsx(
+            Button,
             {
-              onClick: () => s == null ? void 0 : s(e, a),
-              clear: !0,
-              isIconButton: !0,
-              className: r["close-button"],
+              onClick: () => onToastRemove == null ? void 0 : onToastRemove(id, wrapperRef),
+              clear: true,
+              isIconButton: true,
+              className: cls["close-button"],
               iconName: "Close24px"
             }
           ),
-          o && /* @__PURE__ */ t("div", { className: r.slot, children: o })
+          slot && /* @__PURE__ */ jsx("div", { className: cls.slot, children: slot })
         ]
       }
     );
   }
 );
 export {
-  M as Toast
+  Toast
 };

package/dist/components/Toasts/ToastList.js

@@ -1,40 +1,50 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as f } from "../../index-DIxK0V-G.js";
-import { memo as T, useRef as e, useCallback as a, useEffect as u } from "react";
-import { EToastPosition as c } from "./constants.js";
-import { c as n } from "../../ProgressBar-C0dC7o7N.js";
-import { Toast as p } from "./Toast.js";
-const O = T(
-  ({ toasts: s, position: r = c.TOP_RIGHT, onToastRemove: l }) => {
-    const t = e(null), i = a(
-      (o) => {
-        [
-          c.TOP_LEFT,
-          c.TOP_RIGHT
-        ].includes(r) ? o == null || o.scrollTo(0, o.scrollHeight) : o == null || o.scrollTo(0, 0);
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, useRef, useCallback, useEffect } from "react";
+import { EToastPosition } from "./constants.js";
+import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
+import { Toast } from "./Toast.js";
+const ToastList = memo(
+  ({ toasts, position = EToastPosition.TOP_RIGHT, onToastRemove }) => {
+    const listRef = useRef(null);
+    const handleScrolling = useCallback(
+      (el) => {
+        const isTopPosition = [
+          EToastPosition.TOP_LEFT,
+          EToastPosition.TOP_RIGHT
+        ].includes(position);
+        if (isTopPosition) {
+          el == null ? void 0 : el.scrollTo(0, el.scrollHeight);
+        } else {
+          el == null ? void 0 : el.scrollTo(0, 0);
+        }
       },
-      [r]
+      [position]
     );
-    return u(() => {
-      t.current && i(t.current);
-    }, [i, s]), s.length ? /* @__PURE__ */ m(
+    useEffect(() => {
+      listRef.current && handleScrolling(listRef.current);
+    }, [handleScrolling, toasts]);
+    if (!toasts.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        ref: t,
-        className: f(n["toast-list"], n[r]),
-        children: s.map((o) => /* @__PURE__ */ m(
-          p,
+        ref: listRef,
+        className: classNames(cls["toast-list"], cls[position]),
+        children: toasts.map((toast) => /* @__PURE__ */ jsx(
+          Toast,
           {
-            position: r,
-            onToastRemove: l,
-            ...o
+            position,
+            onToastRemove,
+            ...toast
           },
-          o.id
+          toast.id
         ))
       }
-    ) : null;
+    );
   }
 );
 export {
-  O as ToastList
+  ToastList
 };

package/dist/components/Toasts/ToastsProvider.js

@@ -1,42 +1,46 @@
-import { jsxs as R, jsx as T } from "react/jsx-runtime";
-import { useReducer as u, useCallback as m, useMemo as l } from "react";
-import { EToastVariant as o } from "./constants.js";
-import { ToastContext as E } from "./hooks.js";
-import { reducer as A, initialState as C, actionCreators as c } from "./store.js";
-import { c as L } from "../../ProgressBar-C0dC7o7N.js";
-import { ToastList as S } from "./ToastList.js";
-const O = ({ children: d }) => {
-  const [i, r] = u(A, C), a = m((t) => {
-    r(c.setToasts(t));
-  }, []), p = l(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useReducer, useCallback, useMemo } from "react";
+import { EToastVariant } from "./constants.js";
+import { ToastContext } from "./hooks.js";
+import { reducer, initialState, actionCreators } from "./store.js";
+import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
+import { ToastList } from "./ToastList.js";
+const ToastProvider = ({ children }) => {
+  const [toasts, dispatch] = useReducer(reducer, initialState);
+  const handleToastAdd = useCallback((toast2) => {
+    dispatch(actionCreators.setToasts(toast2));
+  }, []);
+  const toast = useMemo(
     () => ({
-      [o.DEFAULT]: (t) => a({ variant: o.DEFAULT, ...t }),
-      [o.SUCCESS]: (t) => a({ variant: o.SUCCESS, ...t }),
-      [o.ALARM]: (t) => a({ variant: o.ALARM, ...t }),
-      [o.ERROR]: (t) => a({ variant: o.ERROR, ...t })
+      [EToastVariant.DEFAULT]: (toast2) => handleToastAdd({ variant: EToastVariant.DEFAULT, ...toast2 }),
+      [EToastVariant.SUCCESS]: (toast2) => handleToastAdd({ variant: EToastVariant.SUCCESS, ...toast2 }),
+      [EToastVariant.ALARM]: (toast2) => handleToastAdd({ variant: EToastVariant.ALARM, ...toast2 }),
+      [EToastVariant.ERROR]: (toast2) => handleToastAdd({ variant: EToastVariant.ERROR, ...toast2 })
     }),
-    [a]
-  ), v = m(
-    (t, s) => {
-      var n, e;
-      (n = s == null ? void 0 : s.current) == null || n.classList.add(L["toast-out"]), (e = s == null ? void 0 : s.current) == null || e.addEventListener("animationend", () => {
-        r(c.removeToast(t));
+    [handleToastAdd]
+  );
+  const handleToastRemove = useCallback(
+    (toastId, ref) => {
+      var _a, _b;
+      (_a = ref == null ? void 0 : ref.current) == null ? void 0 : _a.classList.add(cls["toast-out"]);
+      (_b = ref == null ? void 0 : ref.current) == null ? void 0 : _b.addEventListener("animationend", () => {
+        dispatch(actionCreators.removeToast(toastId));
       });
     },
     []
   );
-  return /* @__PURE__ */ R(E.Provider, { value: p, children: [
-    d,
-    /* @__PURE__ */ T(
-      S,
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: toast, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      ToastList,
       {
-        toasts: i.toasts,
-        onToastRemove: v,
-        position: i.position
+        toasts: toasts.toasts,
+        onToastRemove: handleToastRemove,
+        position: toasts.position
       }
     )
   ] });
 };
 export {
-  O as ToastProvider
+  ToastProvider
 };

package/dist/components/Toasts/constants.js

@@ -1,15 +1,49 @@
-var e = /* @__PURE__ */ ((t) => (t.DEFAULT = "default", t.ALARM = "alarm", t.SUCCESS = "success", t.ERROR = "error", t))(e || {}), r = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "top-left", t.TOP_CENTER = "top-center", t.TOP_RIGHT = "top-right", t.BOTTOM_RIGHT = "bottom-right", t.BOTTOM_CENTER = "bottom-center", t.BOTTOM_LEFT = "bottom-left", t))(r || {});
-const p = {
-  "top-right": "translateX(1000px)",
-  "top-center": "translateY(-1300px)",
-  "top-left": "translateX(-1000px)",
-  "bottom-left": "translateX(-1000px)",
-  "bottom-center": "translateY(1300px)",
-  "bottom-right": "translateX(1000px)"
-}, O = 3e3;
+var EToastVariant = /* @__PURE__ */ ((EToastVariant2) => {
+  EToastVariant2["DEFAULT"] = "default";
+  EToastVariant2["ALARM"] = "alarm";
+  EToastVariant2["SUCCESS"] = "success";
+  EToastVariant2["ERROR"] = "error";
+  return EToastVariant2;
+})(EToastVariant || {});
+var EToastPosition = /* @__PURE__ */ ((EToastPosition2) => {
+  EToastPosition2["TOP_LEFT"] = "top-left";
+  EToastPosition2["TOP_CENTER"] = "top-center";
+  EToastPosition2["TOP_RIGHT"] = "top-right";
+  EToastPosition2["BOTTOM_RIGHT"] = "bottom-right";
+  EToastPosition2["BOTTOM_CENTER"] = "bottom-center";
+  EToastPosition2["BOTTOM_LEFT"] = "bottom-left";
+  return EToastPosition2;
+})(EToastPosition || {});
+const ANIMATION_VARIABLES_MAP = {
+  [
+    "top-right"
+    /* TOP_RIGHT */
+  ]: "translateX(1000px)",
+  [
+    "top-center"
+    /* TOP_CENTER */
+  ]: "translateY(-1300px)",
+  [
+    "top-left"
+    /* TOP_LEFT */
+  ]: "translateX(-1000px)",
+  [
+    "bottom-left"
+    /* BOTTOM_LEFT */
+  ]: "translateX(-1000px)",
+  [
+    "bottom-center"
+    /* BOTTOM_CENTER */
+  ]: "translateY(1300px)",
+  [
+    "bottom-right"
+    /* BOTTOM_RIGHT */
+  ]: "translateX(1000px)"
+};
+const DEFAULT_TOAST_DURATION = 3e3;
 export {
-  p as ANIMATION_VARIABLES_MAP,
-  O as DEFAULT_TOAST_DURATION,
-  r as EToastPosition,
-  e as EToastVariant
+  ANIMATION_VARIABLES_MAP,
+  DEFAULT_TOAST_DURATION,
+  EToastPosition,
+  EToastVariant
 };

package/dist/components/Toasts/hooks.js

@@ -1,5 +1,5 @@
-import { createContext as t, useContext as e } from "react";
-const o = t({
+import { createContext, useContext } from "react";
+const ToastContext = createContext({
   alarm: () => {
   },
   default: () => {
@@ -8,8 +8,9 @@ const o = t({
   },
   success: () => {
   }
-}), r = () => e(o);
+});
+const useToast = () => useContext(ToastContext);
 export {
-  o as ToastContext,
-  r as useToast
+  ToastContext,
+  useToast
 };

package/dist/components/Toasts/index.js

@@ -1,9 +1,9 @@
-import { ToastProvider as t } from "./ToastsProvider.js";
-import { useToast as s } from "./hooks.js";
-import { EToastPosition as i, EToastVariant as T } from "./constants.js";
+import { ToastProvider } from "./ToastsProvider.js";
+import { useToast } from "./hooks.js";
+import { EToastPosition, EToastVariant } from "./constants.js";
 export {
-  i as EToastPosition,
-  T as EToastVariant,
-  t as ToastProvider,
-  s as useToast
+  EToastPosition,
+  EToastVariant,
+  ToastProvider,
+  useToast
 };

package/dist/components/Toasts/store.js

@@ -1,40 +1,50 @@
-import { EToastPosition as r } from "./constants.js";
-var a = /* @__PURE__ */ ((o) => (o.SET_TOASTS = "setToasts", o.REMOVE_TOAST = "removeToast", o.RESET = "reset", o))(a || {});
-const p = {
-  setToasts: (o) => ({ type: "setToasts", payload: o }),
-  removeToast: (o) => ({ type: "removeToast", payload: o }),
+import { EToastPosition } from "./constants.js";
+var EToastsActions = /* @__PURE__ */ ((EToastsActions2) => {
+  EToastsActions2["SET_TOASTS"] = "setToasts";
+  EToastsActions2["REMOVE_TOAST"] = "removeToast";
+  EToastsActions2["RESET"] = "reset";
+  return EToastsActions2;
+})(EToastsActions || {});
+const actionCreators = {
+  setToasts: (payload) => ({ type: "setToasts", payload }),
+  removeToast: (payload) => ({ type: "removeToast", payload }),
   reset: () => ({
     type: "reset"
     /* RESET */
   })
-}, s = {
+};
+const initialState = {
   toasts: [],
-  position: r.TOP_RIGHT
-}, T = (o = s, t) => {
-  switch (t.type) {
+  position: EToastPosition.TOP_RIGHT
+};
+const reducer = (state = initialState, action) => {
+  switch (action.type) {
     case "setToasts":
       return {
-        ...o,
+        ...state,
         toasts: [
-          ...o.toasts,
-          { ...t.payload, id: `${Math.random() * 1e4}` }
+          ...state.toasts,
+          { ...action.payload, id: `${Math.random() * 1e4}` }
         ],
-        position: t.payload.position && t.payload.position !== o.position ? t.payload.position : o.position
+        position: action.payload.position && action.payload.position !== state.position ? action.payload.position : state.position
       };
-    case "removeToast":
+    case "removeToast": {
       return {
-        ...o,
-        toasts: o.toasts.filter((e) => e.id !== t.payload)
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.payload)
       };
-    case "reset":
-      return s;
-    default:
-      return o;
+    }
+    case "reset": {
+      return initialState;
+    }
+    default: {
+      return state;
+    }
   }
 };
 export {
-  a as EToastsActions,
-  p as actionCreators,
-  s as initialState,
-  T as reducer
+  EToastsActions,
+  actionCreators,
+  initialState,
+  reducer
 };

package/dist/components/TwinSwitcher/TwinSwitcher.js

@@ -1,61 +1,65 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { c } from "../../index-DIxK0V-G.js";
-import { forwardRef as a } from "react";
-import { Switcher as l } from "../Switcher/Switcher.js";
-import '../../assets/TwinSwitcher.css';const f = "_icon_1r3h0_30", i = {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { forwardRef } from "react";
+import { Switcher } from "../Switcher/Switcher.js";
+import '../../assets/TwinSwitcher.css';const icon = "_icon_1r3h0_30";
+const cls = {
   "twin-switcher": "_twin-switcher_1r3h0_2",
   "twin-switcher-checked": "_twin-switcher-checked_1r3h0_18",
   "twin-switcher-thumb": "_twin-switcher-thumb_1r3h0_27",
   "twin-switcher-checked-thumb": "_twin-switcher-checked-thumb_1r3h0_27",
-  icon: f,
+  icon,
   "left-icon": "_left-icon_1r3h0_43",
   "right-icon": "_right-icon_1r3h0_46"
-}, N = a(
+};
+const TwinSwitcher = forwardRef(
   ({
-    id: h,
-    checked: t,
-    leftIcon: s,
-    rightIcon: e,
-    disabled: n = !1,
-    className: w,
-    ...o
-  }, _) => /* @__PURE__ */ m(
-    l,
-    {
-      ...o,
-      id: `twin-switcher-${h}`,
-      ref: _,
-      checked: t,
-      disabled: n,
-      className: c(i["twin-switcher"], w, {
-        [i["twin-switcher-checked"]]: t
-      }),
-      switcherThumbClassName: c(i["twin-switcher-thumb"], {
-        [i["twin-switcher-checked-thumb"]]: t
-      }),
-      children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: c(i.icon, i["left-icon"], {
-              [i["icon-visible"]]: !t
-            }),
-            children: s
-          }
-        ),
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: c(i.icon, i["right-icon"], {
-              [i["icon-visible"]]: t
-            }),
-            children: e
-          }
-        )
-      ]
-    }
-  )
+    id,
+    checked,
+    leftIcon,
+    rightIcon,
+    disabled = false,
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Switcher,
+      {
+        ...props,
+        id: `twin-switcher-${id}`,
+        ref,
+        checked,
+        disabled,
+        className: classNames(cls["twin-switcher"], className, {
+          [cls["twin-switcher-checked"]]: checked
+        }),
+        switcherThumbClassName: classNames(cls["twin-switcher-thumb"], {
+          [cls["twin-switcher-checked-thumb"]]: checked
+        }),
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: classNames(cls.icon, cls["left-icon"], {
+                [cls["icon-visible"]]: !checked
+              }),
+              children: leftIcon
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: classNames(cls.icon, cls["right-icon"], {
+                [cls["icon-visible"]]: checked
+              }),
+              children: rightIcon
+            }
+          )
+        ]
+      }
+    );
+  }
 );
 export {
-  N as TwinSwitcher
+  TwinSwitcher
 };

package/dist/components/TwinSwitcher/index.js

@@ -1,4 +1,4 @@
-import { TwinSwitcher as i } from "./TwinSwitcher.js";
+import { TwinSwitcher } from "./TwinSwitcher.js";
 export {
-  i as TwinSwitcher
+  TwinSwitcher
 };