mimir-ui-kit 1.14.5 → 1.15.0

package/dist/components/SelectSearch/constants.d.ts

@@ -1,4 +1,4 @@
 export declare enum ESelectSearchSize {
-    L = "l",
-    XXL = "xxl"
+    M = "m",
+    L = "l"
 }

package/dist/components/SelectSearch/constants.js

@@ -1,6 +1,6 @@
 var ESelectSearchSize = /* @__PURE__ */ ((ESelectSearchSize2) => {
+  ESelectSearchSize2["M"] = "m";
   ESelectSearchSize2["L"] = "l";
-  ESelectSearchSize2["XXL"] = "xxl";
   return ESelectSearchSize2;
 })(ESelectSearchSize || {});
 export {

package/dist/components/SelectSearch/index.d.ts

@@ -1,2 +1,3 @@
-export { SelectSearch, type TSelectSearchProps, type TSelectSearchItem } from './SelectSearch';
+export { SelectSearch } from './SelectSearch';
+export type { TSelectSearchProps } from './types';
 export { ESelectSearchSize } from './constants';

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

@@ -0,0 +1,40 @@
+import { ESelectSearchSize } from './constants';
+import { VirtualizedFixedSizeListProps } from './SelectSearch';
+
+export type TSelectSearchProps = {
+    /**
+     * Текущее выбранное значение.
+     */
+    value?: Record<string, unknown> | null;
+    /**
+     * Функция обратного вызова при изменении выбранного значения.
+     */
+    onChange?: (value: Record<string, unknown>) => void;
+    /**
+     * Текст-подсказка для поля ввода.
+     */
+    placeholder?: string;
+    /**
+     * Размер компонента выбора.
+     */
+    size?: ESelectSearchSize;
+    /**
+     * Флаг для растягивания компонента на всю ширину контейнера.
+     */
+    full?: boolean;
+    /**
+     * Дочерние элементы компонента.
+     */
+    children?: React.ReactNode;
+    /**
+     * Свойства для виртуализированного списка фиксированного размера.
+     */
+    virtualizedFixedSizeList?: VirtualizedFixedSizeListProps;
+    /**
+     * Значение, отображаемое в поле выбора.
+     */
+    displayValue?: string;
+    showArrow?: boolean;
+    onSearch?: (value: string) => void;
+    filterOnSearch?: boolean;
+};

package/dist/components/SelectSearch/types.js

@@ -0,0 +1 @@
+

package/dist/components/SelectSearchOption/SelectSearchOption.d.ts

@@ -0,0 +1,10 @@
+import { ESelectSearchSize } from '../SelectSearch/constants';
+
+export interface SelectSearchOptionProps {
+    record: Record<string, unknown>;
+    children?: React.ReactNode;
+    size?: ESelectSearchSize;
+    className?: string;
+    title?: string;
+}
+export declare function SelectSearchOption({ record, size, children, className }: SelectSearchOptionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectSearchOption/SelectSearchOption.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../index-CweZ_OcN.js";
+import { S } from "../../SelectSearchOption-snHM9uZX.js";
+import "../../icons/Icon.js";
+import "../SelectSearch/constants.js";
+export {
+  S as SelectSearchOption
+};

package/dist/components/SelectSearchOption/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectSearchOption } from './SelectSearchOption';
+export type { SelectSearchOptionProps } from './SelectSearchOption';

package/dist/components/SelectSearchOption/index.js

@@ -0,0 +1,4 @@
+import { S } from "../../SelectSearchOption-snHM9uZX.js";
+export {
+  S as SelectSearchOption
+};

package/dist/components/Tag/Tag.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { ETagSize, ETagType } from "./constants.js";
-import '../../assets/Tag.css';const container = "_container_1f2sk_2";
-const disabled = "_disabled_1f2sk_24";
-const inner = "_inner_1f2sk_29";
-const M = "_M_1f2sk_37";
-const S = "_S_1f2sk_41";
-const XS = "_XS_1f2sk_49";
+import '../../assets/Tag.css';const container = "_container_ok6fq_2";
+const disabled = "_disabled_ok6fq_25";
+const inner = "_inner_ok6fq_30";
+const M = "_M_ok6fq_38";
+const S = "_S_ok6fq_42";
+const XS = "_XS_ok6fq_50";
 const cls = {
   container,
   disabled,

package/dist/components/Timer/Timer.d.ts

@@ -20,5 +20,5 @@ type TProps = {
 /**
  *  Компонент Timer отображает таймер с отсчетом времени в минутах и секундах.
  */
-export declare const Timer: ({ expiryTimestamp, autoStart, onTimerEnd, className }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Timer: import('react').MemoExoticComponent<({ expiryTimestamp, autoStart, onTimerEnd, className }: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/Timer/Timer.js

@@ -1,29 +1,27 @@
 import { jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo } from "react";
 import { useTimer } from "../../hooks/useTimer/index.js";
 import '../../assets/Timer.css';const timer = "_timer_llwad_3";
 const cls = {
   timer
 };
-const Timer = ({
-  expiryTimestamp,
-  autoStart = false,
-  onTimerEnd,
-  className
-}) => {
-  const { minutes, seconds } = useTimer({
-    expiryTimestamp,
-    onExpire: onTimerEnd,
-    autoStart
-  });
-  const formattedMinutes = String(minutes).padStart(2, "0");
-  const formattedSeconds = String(seconds).padStart(2, "0");
-  return /* @__PURE__ */ jsxs("div", { className: classNames(cls.timer, className), children: [
-    formattedMinutes,
-    ":",
-    formattedSeconds
-  ] });
-};
+const Timer = memo(
+  ({ expiryTimestamp, autoStart = false, onTimerEnd, className }) => {
+    const { minutes, seconds } = useTimer({
+      expiryTimestamp,
+      onExpire: onTimerEnd,
+      autoStart
+    });
+    const formattedMinutes = String(minutes).padStart(2, "0");
+    const formattedSeconds = String(seconds).padStart(2, "0");
+    return /* @__PURE__ */ jsxs("div", { className: classNames(cls.timer, className), children: [
+      formattedMinutes,
+      ":",
+      formattedSeconds
+    ] });
+  }
+);
 export {
   Timer
 };

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

@@ -0,0 +1,5 @@
+import { TProps as TToastProps } from './Toast';
+
+type TProps = Pick<TToastProps, 'duration' | 'variant'>;
+export declare const ProgressBar: import('react').MemoExoticComponent<({ duration, variant }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/Toasts/ProgressBar.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../index-CweZ_OcN.js";
+import "react";
+import "./constants.js";
+import { P } from "../../ProgressBar-BekX41HR.js";
+export {
+  P as ProgressBar
+};

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

@@ -0,0 +1,54 @@
+import { ReactNode, RefObject } from 'react';
+import { EToastVariant, EToastPosition } from './constants';
+
+export type TProps = {
+    /**
+     * Идентификатор уведомления.
+     */
+    id: string;
+    /**
+     * Вариант уведомления.
+     */
+    variant?: EToastVariant | `${EToastVariant}`;
+    /**
+     * Сообщение уведомления.
+     */
+    message: ReactNode;
+    /**
+     * Заголовок уведомления.
+     */
+    title: string;
+    /**
+     * Длительность уведомления.
+     */
+    duration?: number;
+    /**
+     * Позиция уведомления.
+     */
+    position?: EToastPosition | `${EToastPosition}`;
+    /**
+     * Флаг, указывающий на автоматическое закрытие уведомления.
+     */
+    autoClose?: boolean;
+    /**
+     * Флаг, указывающий на необходимость таймера.
+     */
+    needTimer?: boolean;
+    /**
+     * Флаг, указывающий на необходимость индикатора прогресса.
+     */
+    needProgress?: boolean;
+    /**
+     * Флаг, указывающий на необходимость кнопки закрытия.
+     */
+    needCloseButton?: boolean;
+    /**
+     * Функция обратного вызова, вызываемая при удалении уведомления.
+     */
+    onToastRemove?: (toastId: string, ref: RefObject<HTMLDivElement>) => void;
+    /**
+     * Слот уведомления.
+     */
+    slot?: ReactNode;
+};
+export declare const Toast: import('react').MemoExoticComponent<({ id, title, message, position, variant, duration, autoClose, needProgress, needTimer, needCloseButton, onToastRemove, slot }: TProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Toasts/Toast.js

@@ -0,0 +1,73 @@
+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-BekX41HR.js";
+import { useTimer } from "../../hooks/useTimer/index.js";
+import { Button } from "../Button/Button.js";
+const Toast = memo(
+  ({
+    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 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__ */ jsxs(
+      "div",
+      {
+        style: {
+          ["--elm-translate"]: ANIMATION_VARIABLES_MAP[position]
+        },
+        className: classNames(
+          cls["toast-in"],
+          cls["toast-wrapper"],
+          cls[variant]
+        ),
+        ref: wrapperRef,
+        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,
+                " сек"
+              ] })
+            ] }),
+            !!duration && needProgress && /* @__PURE__ */ jsx(ProgressBar, { variant, duration })
+          ] }),
+          needCloseButton && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => onToastRemove == null ? void 0 : onToastRemove(id, wrapperRef),
+              clear: true,
+              isIconButton: true,
+              className: cls["close-button"],
+              iconName: "Close24px"
+            }
+          ),
+          slot && /* @__PURE__ */ jsx("div", { className: cls.slot, children: slot })
+        ]
+      }
+    );
+  }
+);
+export {
+  Toast
+};

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

@@ -0,0 +1,10 @@
+import { EToastPosition } from './constants';
+import { TProps as TToastProps } from './Toast';
+
+type TProps = {
+    position?: EToastPosition | `${EToastPosition}`;
+    toasts: TToastProps[];
+    onToastRemove?: (toastId: string, ref: React.RefObject<HTMLDivElement>) => void;
+};
+export declare const ToastList: import('react').MemoExoticComponent<({ toasts, position, onToastRemove }: TProps) => import("react/jsx-runtime").JSX.Element | null>;
+export {};

package/dist/components/Toasts/ToastList.js

@@ -0,0 +1,50 @@
+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-BekX41HR.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);
+        }
+      },
+      [position]
+    );
+    useEffect(() => {
+      listRef.current && handleScrolling(listRef.current);
+    }, [handleScrolling, toasts]);
+    if (!toasts.length) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: listRef,
+        className: classNames(cls["toast-list"], cls[position]),
+        children: toasts.map((toast) => /* @__PURE__ */ jsx(
+          Toast,
+          {
+            position,
+            onToastRemove,
+            ...toast
+          },
+          toast.id
+        ))
+      }
+    );
+  }
+);
+export {
+  ToastList
+};

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

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+
+export declare const ToastProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toasts/ToastsProvider.js

@@ -0,0 +1,46 @@
+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-BekX41HR.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(
+    () => ({
+      [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 })
+    }),
+    [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__ */ jsxs(ToastContext.Provider, { value: toast, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      ToastList,
+      {
+        toasts: toasts.toasts,
+        onToastRemove: handleToastRemove,
+        position: toasts.position
+      }
+    )
+  ] });
+};
+export {
+  ToastProvider
+};

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

@@ -0,0 +1,23 @@
+export declare enum EToastVariant {
+    DEFAULT = "default",
+    ALARM = "alarm",
+    SUCCESS = "success",
+    ERROR = "error"
+}
+export declare enum EToastPosition {
+    TOP_LEFT = "top-left",
+    TOP_CENTER = "top-center",
+    TOP_RIGHT = "top-right",
+    BOTTOM_RIGHT = "bottom-right",
+    BOTTOM_CENTER = "bottom-center",
+    BOTTOM_LEFT = "bottom-left"
+}
+export declare const ANIMATION_VARIABLES_MAP: {
+    "top-right": string;
+    "top-center": string;
+    "top-left": string;
+    "bottom-left": string;
+    "bottom-center": string;
+    "bottom-right": string;
+};
+export declare const DEFAULT_TOAST_DURATION = 3000;

package/dist/components/Toasts/constants.js

@@ -0,0 +1,49 @@
+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 {
+  ANIMATION_VARIABLES_MAP,
+  DEFAULT_TOAST_DURATION,
+  EToastPosition,
+  EToastVariant
+};

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

@@ -0,0 +1,2 @@
+export declare const ToastContext: import('react').Context<import('./types').TToast>;
+export declare const useToast: () => import('./types').TToast;

package/dist/components/Toasts/hooks.js

@@ -0,0 +1,16 @@
+import { createContext, useContext } from "react";
+const ToastContext = createContext({
+  alarm: () => {
+  },
+  default: () => {
+  },
+  error: () => {
+  },
+  success: () => {
+  }
+});
+const useToast = () => useContext(ToastContext);
+export {
+  ToastContext,
+  useToast
+};

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

@@ -0,0 +1,3 @@
+export { ToastProvider } from './ToastsProvider';
+export { useToast } from './hooks';
+export { EToastPosition, EToastVariant } from './constants';

package/dist/components/Toasts/index.js

@@ -0,0 +1,9 @@
+import { ToastProvider } from "./ToastsProvider.js";
+import { useToast } from "./hooks.js";
+import { EToastPosition, EToastVariant } from "./constants.js";
+export {
+  EToastPosition,
+  EToastVariant,
+  ToastProvider,
+  useToast
+};

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

@@ -0,0 +1,29 @@
+import { EToastPosition } from './constants';
+import { TProps } from './Toast';
+
+export type State = {
+    toasts: TProps[];
+    position: EToastPosition | `${EToastPosition}`;
+};
+export declare enum EToastsActions {
+    SET_TOASTS = "setToasts",
+    REMOVE_TOAST = "removeToast",
+    RESET = "reset"
+}
+export declare const actionCreators: {
+    setToasts: (payload: Omit<TProps, "id">) => {
+        readonly type: EToastsActions.SET_TOASTS;
+        readonly payload: Omit<TProps, "id">;
+    };
+    removeToast: (payload: string) => {
+        readonly type: EToastsActions.REMOVE_TOAST;
+        readonly payload: string;
+    };
+    reset: () => {
+        readonly type: EToastsActions.RESET;
+    };
+};
+type ActionTypes = ReturnType<typeof actionCreators.setToasts> | ReturnType<typeof actionCreators.removeToast> | ReturnType<typeof actionCreators.reset>;
+export declare const initialState: State;
+export declare const reducer: (state: State | undefined, action: ActionTypes) => State;
+export {};

package/dist/components/Toasts/store.js

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

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

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

package/dist/components/Toasts/types.js

@@ -0,0 +1 @@
+