mimir-ui-kit 1.34.4 → 1.34.5

package/dist/components/Toasts/Toast.js

@@ -1,73 +1,72 @@
-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(
+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(
   ({
-    id,
-    title = "",
-    message,
-    position = EToastPosition.TOP_RIGHT,
-    variant = EToastVariant.DEFAULT,
-    duration = DEFAULT_TOAST_DURATION,
-    autoClose = true,
-    needProgress = true,
-    needTimer = true,
-    needCloseButton = true,
-    onToastRemove,
-    slot
+    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
   }) => {
-    const wrapperRef = useRef(null);
-    const { seconds } = useTimer({
-      expiryTimestamp: Date.now() + duration,
-      autoStart: needTimer,
-      onExpire: autoClose ? () => onToastRemove == null ? void 0 : onToastRemove(id, wrapperRef) : void 0
+    const a = E(null), { seconds: d } = P({
+      expiryTimestamp: Date.now() + c,
+      autoStart: i,
+      onExpire: f ? () => s == null ? void 0 : s(e, a) : void 0
     });
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ l(
       "div",
       {
         style: {
-          ["--elm-translate"]: ANIMATION_VARIABLES_MAP[position]
+          "--elm-translate": I[u]
         },
-        className: classNames(
-          cls["toast-in"],
-          cls["toast-wrapper"],
-          cls[variant]
+        className: A(
+          r["toast-in"],
+          r["toast-wrapper"],
+          r[N]
         ),
-        ref: wrapperRef,
+        ref: a,
         role: "alert",
         children: [
-          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,
+          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,
                 " сек"
               ] })
             ] }),
-            !!duration && needProgress && /* @__PURE__ */ jsx(ProgressBar, { variant, duration })
+            !!c && n && /* @__PURE__ */ t(O, { variant: N, duration: c })
           ] }),
-          needCloseButton && /* @__PURE__ */ jsx(
-            Button,
+          h && /* @__PURE__ */ t(
+            w,
             {
-              onClick: () => onToastRemove == null ? void 0 : onToastRemove(id, wrapperRef),
-              clear: true,
-              isIconButton: true,
-              className: cls["close-button"],
+              onClick: () => s == null ? void 0 : s(e, a),
+              clear: !0,
+              isIconButton: !0,
+              className: r["close-button"],
               iconName: "Close24px"
             }
           ),
-          slot && /* @__PURE__ */ jsx("div", { className: cls.slot, children: slot })
+          o && /* @__PURE__ */ t("div", { className: r.slot, children: o })
         ]
       }
     );
   }
 );
 export {
-  Toast
+  M as Toast
 };

package/dist/components/Toasts/ToastList.js

@@ -1,50 +1,40 @@
-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);
-        }
+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);
       },
-      [position]
+      [r]
     );
-    useEffect(() => {
-      listRef.current && handleScrolling(listRef.current);
-    }, [handleScrolling, toasts]);
-    if (!toasts.length) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(
+    return u(() => {
+      t.current && i(t.current);
+    }, [i, s]), s.length ? /* @__PURE__ */ m(
       "div",
       {
-        ref: listRef,
-        className: classNames(cls["toast-list"], cls[position]),
-        children: toasts.map((toast) => /* @__PURE__ */ jsx(
-          Toast,
+        ref: t,
+        className: f(n["toast-list"], n[r]),
+        children: s.map((o) => /* @__PURE__ */ m(
+          p,
           {
-            position,
-            onToastRemove,
-            ...toast
+            position: r,
+            onToastRemove: l,
+            ...o
           },
-          toast.id
+          o.id
         ))
       }
-    );
+    ) : null;
   }
 );
 export {
-  ToastList
+  O as ToastList
 };

package/dist/components/Toasts/ToastsProvider.js

@@ -1,46 +1,42 @@
-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(
+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(
     () => ({
-      [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 })
+      [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 })
     }),
-    [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));
+    [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));
       });
     },
     []
   );
-  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: toast, children: [
-    children,
-    /* @__PURE__ */ jsx(
-      ToastList,
+  return /* @__PURE__ */ R(E.Provider, { value: p, children: [
+    d,
+    /* @__PURE__ */ T(
+      S,
       {
-        toasts: toasts.toasts,
-        onToastRemove: handleToastRemove,
-        position: toasts.position
+        toasts: i.toasts,
+        onToastRemove: v,
+        position: i.position
       }
     )
   ] });
 };
 export {
-  ToastProvider
+  O as ToastProvider
 };

package/dist/components/Toasts/constants.js

@@ -1,49 +1,15 @@
-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;
+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;
 export {
-  ANIMATION_VARIABLES_MAP,
-  DEFAULT_TOAST_DURATION,
-  EToastPosition,
-  EToastVariant
+  p as ANIMATION_VARIABLES_MAP,
+  O as DEFAULT_TOAST_DURATION,
+  r as EToastPosition,
+  e as EToastVariant
 };

package/dist/components/Toasts/hooks.js

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

package/dist/components/Toasts/index.js

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

package/dist/components/Toasts/store.js

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

package/dist/components/TwinSwitcher/TwinSwitcher.js

@@ -1,65 +1,61 @@
-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 = {
+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 = {
   "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,
+  icon: f,
   "left-icon": "_left-icon_1r3h0_43",
   "right-icon": "_right-icon_1r3h0_46"
-};
-const TwinSwitcher = forwardRef(
+}, N = a(
   ({
-    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
-            }
-          )
-        ]
-      }
-    );
-  }
+    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
+          }
+        )
+      ]
+    }
+  )
 );
 export {
-  TwinSwitcher
+  N as TwinSwitcher
 };

package/dist/components/TwinSwitcher/index.js

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