mimir-ui-kit 1.38.36 → 1.38.39

package/dist/components/GosZnak/GosZnak.js

@@ -0,0 +1,63 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { EGosZnakSize as g, EGosZnakType as f } from "./constants.js";
+import '../../assets/GosZnak.css';const y = "_number_dr109_13", N = "_region_dr109_32", b = "_country_dr109_46", h = "_l_dr109_53", k = "_s_dr109_62", z = "_normal_dr109_71", v = "_traffic_dr109_78", x = "_military_dr109_85", G = "_police_dr109_92", Z = "_diplomatic_dr109_99", r = {
+  "gos-znak": "_gos-znak_dr109_2",
+  number: y,
+  "number-container": "_number-container_dr109_22",
+  region: N,
+  "region-container": "_region-container_dr109_38",
+  country: b,
+  l: h,
+  s: k,
+  normal: z,
+  traffic: v,
+  military: x,
+  police: G,
+  diplomatic: Z
+}, S = ({
+  number: i,
+  region: s,
+  country: a,
+  size: e = g.L,
+  type: _ = f.Normal,
+  className: t,
+  numberClassName: l,
+  regionClassName: m,
+  countryClassName: d,
+  numberContainerClassName: p,
+  regionContainerClassName: u
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: n(r["gos-znak"], r[e], r[_], t),
+    children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          className: n(
+            r["number-container"],
+            p
+          ),
+          children: /* @__PURE__ */ o("span", { className: n(r.number, l), children: i })
+        }
+      ),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: n(
+            r["region-container"],
+            u
+          ),
+          children: [
+            /* @__PURE__ */ o("span", { className: n(r.region, m), children: s }),
+            /* @__PURE__ */ o("span", { className: n(r.country, d), children: a })
+          ]
+        }
+      )
+    ]
+  }
+);
+export {
+  S as GosZnak
+};

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

@@ -0,0 +1,11 @@
+export declare enum EGosZnakSize {
+    S = "s",
+    L = "l"
+}
+export declare enum EGosZnakType {
+    Normal = "normal",
+    Traffic = "traffic",
+    Military = "military",
+    Police = "police",
+    Diplomatic = "diplomatic"
+}

package/dist/components/GosZnak/constants.js

@@ -0,0 +1,5 @@
+var i = /* @__PURE__ */ ((r) => (r.S = "s", r.L = "l", r))(i || {}), l = /* @__PURE__ */ ((r) => (r.Normal = "normal", r.Traffic = "traffic", r.Military = "military", r.Police = "police", r.Diplomatic = "diplomatic", r))(l || {});
+export {
+  i as EGosZnakSize,
+  l as EGosZnakType
+};

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

@@ -0,0 +1,3 @@
+export { GosZnak } from './GosZnak';
+export { EGosZnakSize, EGosZnakType } from './constants';
+export type { TGosZnakProps } from './types';

package/dist/components/GosZnak/index.js

@@ -0,0 +1,7 @@
+import { GosZnak as r } from "./GosZnak.js";
+import { EGosZnakSize as k, EGosZnakType as n } from "./constants.js";
+export {
+  k as EGosZnakSize,
+  n as EGosZnakType,
+  r as GosZnak
+};

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

@@ -0,0 +1,26 @@
+import { EGosZnakSize, EGosZnakType } from './constants';
+
+export type TGosZnakProps = {
+    /** Номер государственного знака */
+    number: string;
+    /** Код региона */
+    region: string;
+    /** Код страны */
+    country: string;
+    /** Размер госзнака. Если не указан, по умолчанию используется большой размер */
+    size?: EGosZnakSize | `${EGosZnakSize}`;
+    /** Тип госзнака. Если не указан, по умолчанию используется обычный тип */
+    type?: EGosZnakType | `${EGosZnakType}`;
+    /** Дополнительный CSS класс для стилизации */
+    className?: string;
+    /** Дополнительный CSS класс для стилизации номера */
+    numberClassName?: string;
+    /** Дополнительный CSS класс для стилизации региона */
+    regionClassName?: string;
+    /** Дополнительный CSS класс для стилизации страны */
+    countryClassName?: string;
+    /** Дополнительный CSS класс для стилизации контейнера номера */
+    numberContainerClassName?: string;
+    /** Дополнительный CSS класс для стилизации контейнера региона */
+    regionContainerClassName?: string;
+};

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement, ComponentProps } from 'react';
+
+type TProps = ComponentProps<'img'> & {
+    /**
+     * Дополнительный класс к компоненту
+     */
+    className?: string;
+    /**
+     * Дополнительный класс к контейнеру picture
+     */
+    pictureClassName?: string;
+    /**
+     * Компонент, который буде показываться, пока идет загрузка изображения
+     */
+    fallback?: ReactElement;
+    /**
+     * Компонент, который буде показываться, если произошла ошибка при загрузке изображения
+     */
+    errorFallback?: ReactElement;
+    /**
+     * Изображение для десктопной версии
+     */
+    desktopImage?: string;
+    /**
+     * Изображение для мобильной версии
+     */
+    mobileImage?: string;
+};
+/**
+ * Компонент для отображения изображения с возможность показа загрузки и ошибки
+ */
+export declare const AppImage: import('react').MemoExoticComponent<(props: TProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/Image/Image.js

@@ -0,0 +1,60 @@
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
+import { memo as E, useState as g, useLayoutEffect as I } from "react";
+import { EMediaQuery as N, EMinMediaQuery as S } from "../../hooks/useMediaQuery/constants.js";
+import '../../assets/Image.css';const k = "_picture_9zemz_2", x = "_image_9zemz_3", h = "_loading_9zemz_9", s = {
+  picture: k,
+  image: x,
+  loading: h
+}, w = E((u) => {
+  const {
+    className: p,
+    src: o,
+    alt: d = "image",
+    desktopImage: e,
+    mobileImage: r,
+    pictureClassName: f,
+    errorFallback: c,
+    fallback: m,
+    ..._
+  } = u, [a, l] = g(!0), [z, y] = g(!1);
+  return I(() => {
+    const t = new Image();
+    t.src = o ?? e ?? r ?? "", t.onload = () => {
+      l(!1);
+    }, t.onerror = () => {
+      l(!1), y(!0);
+    };
+  }, [o, e, r]), a && m ? m : z && c ? c : /* @__PURE__ */ b(
+    "picture",
+    {
+      className: n(s.picture, f, {
+        [s.loading]: a
+      }),
+      children: [
+        r && /* @__PURE__ */ i("source", { srcSet: r, media: N.XS1 }),
+        e && /* @__PURE__ */ i("source", { srcSet: e, media: S.S }),
+        /* @__PURE__ */ i(
+          "img",
+          {
+            ..._,
+            style: {
+              display: "block",
+              filter: `${a ? "blur(20px)" : ""}`,
+              transition: ".3s filter ease"
+            },
+            className: n(s.image, p, {
+              [s.loading]: a
+            }),
+            loading: "lazy",
+            src: o,
+            alt: d
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  w as AppImage
+};

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

@@ -0,0 +1 @@
+export { AppImage as Image } from './Image';

package/dist/components/Image/index.js

@@ -0,0 +1,4 @@
+import { AppImage as m } from "./Image.js";
+export {
+  m as Image
+};

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,71 @@
+import { ReactNode } from 'react';
+import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
+
+export type TAdditionalProps = {
+    /**
+     * Размер ввода.
+     */
+    size?: TSize;
+    /**
+     * `Варианты отображения ввода. Может быть 'alert', 'success', 'default', 'default-gray', 'default-white'.`
+     */
+    variant?: TVariant;
+    /**
+     * `Статус ввода. Может быть 'alert', 'success', 'error'.`
+     */
+    status?: TStatus;
+    /**
+     * Дополнительный класс.
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для обертки поля ввода.
+     */
+    wrapperClassName?: string;
+    /**
+     * Дополнительный класс для дополнительного правого слота.
+     */
+    rightSlotClassName?: string;
+    /**
+     * Дополнительный класс для метки, отображающей обязательность.
+     */
+    requiredMarkClassName?: string;
+    /**
+     * Текстовое описание поля ввода.
+     */
+    label?: ReactNode;
+    /**
+     *  Автоматически фокусировать ввод при монтировании.
+     */
+    autofocus?: boolean;
+    /**
+     * Сделать ввод только для чтения.
+     */
+    readonly?: boolean;
+    /**
+     * Дополнительный слот справа.
+     */
+    rightAddon?: TAddon;
+    /**
+     * Дополнительный слот слева.
+     */
+    leftAddon?: TIconAddon;
+    /**
+     * Флаг, показывающий наличие кнопки очистки.
+     */
+    withClearButton?: boolean;
+    /**
+     * Разрешить только числовой ввод
+     */
+    numbersOnly?: boolean;
+    /**
+     * Максимальная длина ввода
+     */
+    maxLength?: number;
+    /**
+     * Управляет поведением автозаполнения браузера
+     */
+    autocomplete?: 'on' | 'off';
+};
+export type TProps = TInputProps & TAdditionalProps;
+export declare const Input: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TInputProps & TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/Input/Input.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "../../index-DIxK0V-G.js";
+import "react";
+import "./constants.js";
+import { I as f } from "../../Input-DAmc_HxO.js";
+import "../../hooks/useMergeRefs/useMergeRefs.js";
+import "../../icons/Icon.js";
+import "../Button/Button.js";
+export {
+  f as Input
+};

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

@@ -0,0 +1,14 @@
+export declare enum EInputVariant {
+    DefaultGray = "default-gray",
+    DefaultWhite = "default-white"
+}
+export declare enum EInputStatus {
+    Alarm = "alarm",
+    Success = "success",
+    Error = "error"
+}
+export declare enum EInputSize {
+    S = "s",
+    M = "m",
+    L = "l"
+}

package/dist/components/Input/constants.js

@@ -0,0 +1,6 @@
+var e = /* @__PURE__ */ ((r) => (r.DefaultGray = "default-gray", r.DefaultWhite = "default-white", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.Alarm = "alarm", r.Success = "success", r.Error = "error", r))(a || {}), l = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(l || {});
+export {
+  l as EInputSize,
+  a as EInputStatus,
+  e as EInputVariant
+};

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

@@ -0,0 +1,3 @@
+export { Input, type TProps as TInputProps, type TAdditionalProps } from './Input';
+export type { TSize, TVariant, TStatus } from './types';
+export { EInputSize, EInputVariant, EInputStatus } from './constants';

package/dist/components/Input/index.js

@@ -0,0 +1,8 @@
+import { I as n } from "../../Input-DAmc_HxO.js";
+import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
+export {
+  u as EInputSize,
+  I as EInputStatus,
+  a as EInputVariant,
+  n as Input
+};

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

@@ -0,0 +1,22 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { EInputSize, EInputVariant, EInputStatus } from './constants';
+import { TIcon } from '../../icons';
+
+export type TSize = `${EInputSize}` | EInputSize;
+export type TVariant = `${EInputVariant}` | EInputVariant;
+export type TStatus = `${EInputStatus}` | EInputStatus;
+type TTextAddon = {
+    addonType?: 'text';
+    addonContent?: string;
+};
+export type TIconAddon = {
+    addonType?: 'icon';
+    addonContent: TIcon;
+};
+export type TReactNodeAddon = {
+    addonType?: 'react-node';
+    addonContent: ReactNode;
+};
+export type TAddon = TTextAddon | TIconAddon | TReactNodeAddon;
+export type TInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'size' | 'placeholder'>;
+export {};

package/dist/components/InputPassword/InputPassword.d.ts

@@ -0,0 +1,4 @@
+import { TInputProps } from '../Input';
+
+export type TProps = TInputProps;
+export declare const InputPassword: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/InputPassword/InputPassword.js

@@ -0,0 +1,58 @@
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
+import { memo as w, forwardRef as u, useState as m } from "react";
+import { Icon as d } from "../../icons/Icon.js";
+import { Button as _ } from "../Button/Button.js";
+import { I as l } from "../../Input-DAmc_HxO.js";
+import '../../assets/InputPassword.css';const b = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
+  input: b,
+  wrapper: x,
+  "input-wrapper": "_input-wrapper_7b9x2_13",
+  "button-wrapper": "_button-wrapper_7b9x2_17",
+  button: h,
+  icon: f,
+  show: N
+}, y = w(
+  u(
+    ({ size: r, ...p }, a) => {
+      const [o, e] = m(!1), n = () => e(!o);
+      return /* @__PURE__ */ i("div", { className: t.wrapper, "data-testid": "input-password-wrapper", children: [
+        /* @__PURE__ */ s(
+          l,
+          {
+            ref: a,
+            className: t.input,
+            wrapperClassName: t["input-wrapper"],
+            size: r,
+            type: o ? "text" : "password",
+            "data-testid": "password-input",
+            ...p
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: t["button-wrapper"], children: /* @__PURE__ */ s(
+          _,
+          {
+            clear: !0,
+            type: "button",
+            className: t.button,
+            onClick: n,
+            "data-testid": "eye-icon",
+            children: /* @__PURE__ */ s(
+              d,
+              {
+                className: c(t.icon, {
+                  [t.show]: o
+                }),
+                iconName: "Eye24px"
+              }
+            )
+          }
+        ) })
+      ] });
+    }
+  )
+);
+y.displayName = "InputPassword";
+export {
+  y as InputPassword
+};

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

@@ -0,0 +1,2 @@
+export { InputPassword } from './InputPassword';
+export type { TProps as TInputPasswordProps } from './InputPassword';

package/dist/components/InputPassword/index.js

@@ -0,0 +1,4 @@
+import { InputPassword as p } from "./InputPassword.js";
+export {
+  p as InputPassword
+};

package/dist/components/InputPhoneNumber/InputPhoneNumber.d.ts

@@ -0,0 +1,4 @@
+export type ImperativeHandle = Partial<HTMLInputElement> & {
+    getPhoneNumber: () => string;
+};
+export declare const InputPhoneNumber: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -0,0 +1,35 @@
+import { jsx as d } from "react/jsx-runtime";
+import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
+import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
+import { I as b } from "../../Input-DAmc_HxO.js";
+const h = I(
+  i(
+    ({ value: s = "", onChange: e, ...p }, a) => {
+      const [r, l] = c(
+        () => m(s)
+      ), n = f(
+        (t) => {
+          const u = m(t.target.value);
+          l(u), e == null || e({
+            ...t,
+            target: {
+              ...t.target,
+              value: o(u)
+            }
+          });
+        },
+        [e]
+      );
+      return P(
+        a,
+        () => ({
+          getPhoneNumber: () => o(r)
+        })
+      ), /* @__PURE__ */ d(b, { ref: a, value: r, onChange: n, ...p });
+    }
+  )
+);
+h.displayName = "InputPhoneNumber";
+export {
+  h as InputPhoneNumber
+};

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

@@ -0,0 +1,2 @@
+export { InputPhoneNumber } from './InputPhoneNumber';
+export { getMaskedInputPhoneValue, getUnmaskedInputValue } from './utils';

package/dist/components/InputPhoneNumber/index.js

@@ -0,0 +1,7 @@
+import { InputPhoneNumber as n } from "./InputPhoneNumber.js";
+import { getMaskedInputPhoneValue as u, getUnmaskedInputValue as p } from "./utils.js";
+export {
+  n as InputPhoneNumber,
+  u as getMaskedInputPhoneValue,
+  p as getUnmaskedInputValue
+};

package/dist/components/InputPhoneNumber/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getMaskedInputPhoneValue: (value: string) => string;
+export declare const getUnmaskedInputValue: (value: string) => string;

package/dist/components/InputPhoneNumber/utils.js

@@ -0,0 +1,9 @@
+const n = (s) => {
+  const t = (s ?? "").replace(/\D/g, "");
+  let e = "+7 ";
+  return t.startsWith("7") ? e += "(" + t.substring(1, 4) : e += t.substring(0, 3), t.length > 4 && (e += ") " + t.substring(4, 7)), t.length > 7 && (e += "-" + t.substring(7, 9)), t.length > 9 && (e += "-" + t.substring(9, 11)), e;
+}, r = (s) => (s ?? "").replace(/\D/g, "");
+export {
+  n as getMaskedInputPhoneValue,
+  r as getUnmaskedInputValue
+};

package/dist/components/InputRangeSlider/InputRangeSlider.d.ts

@@ -0,0 +1,3 @@
+import { TProps } from './types';
+
+export declare const InputRangeSlider: import('react').MemoExoticComponent<({ min, max, value, disabled, isMinEqualMax, isSingleSlider, onChange, step, borderState, positions, minMaxDescriptions, onChangeValue, wrapperClassName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element>;