mimir-ui-kit 1.43.27 → 1.44.0

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -0,0 +1,115 @@
+import { jsx as s, jsxs as d, Fragment as D } from "react/jsx-runtime";
+import { c as a } from "../../index-DIxK0V-G.js";
+import { forwardRef as b } from "react";
+import { EDropdownSelectSize as y } from "./constants.js";
+import { Icon as f } from "../../icons/Icon.js";
+import { H as S, U as C, K as k, W as U } from "../../combobox-fIVOzEhl.js";
+import '../../assets/DropdownSelect.css';const V = "_full_ow9jf_265", z = "_disabled_ow9jf_268", A = "_trigger_ow9jf_273", H = "_options_ow9jf_313", K = "_option_ow9jf_313", W = "_focused_ow9jf_356", B = "_s_ow9jf_381", E = "_m_ow9jf_390", F = "_l_ow9jf_399", e = {
+  "dropdown-select": "_dropdown-select_ow9jf_261",
+  full: V,
+  disabled: z,
+  trigger: A,
+  "trigger-text": "_trigger-text_ow9jf_302",
+  options: H,
+  option: K,
+  focused: W,
+  "option-content": "_option-content_ow9jf_360",
+  "option-check": "_option-check_ow9jf_372",
+  s: B,
+  m: E,
+  l: F
+}, I = b(
+  (p, _) => {
+    const {
+      value: t,
+      onChange: n,
+      options: m,
+      placeholder: w = "Выберите значение",
+      disabled: i = !1,
+      className: g,
+      triggerClassName: u,
+      optionsClassName: j,
+      optionClassName: N,
+      full: c = !1,
+      size: l = y.M
+    } = p, h = (o) => {
+      n == null || n(o);
+    }, x = (o) => o ? o.displayValue ? o.displayValue : typeof o.name == "string" ? o.name : typeof o.value == "string" ? o.value : String(o.id) : "";
+    return /* @__PURE__ */ s(
+      S,
+      {
+        as: "div",
+        ref: _,
+        value: t,
+        onChange: h,
+        disabled: i,
+        className: a(
+          e["dropdown-select"],
+          e[l],
+          {
+            [e.full]: c,
+            [e.disabled]: i
+          },
+          g
+        ),
+        children: ({ open: o }) => /* @__PURE__ */ d(D, { children: [
+          /* @__PURE__ */ d(
+            C,
+            {
+              className: a(
+                e.trigger,
+                e[l],
+                {
+                  [e.full]: c,
+                  [e.disabled]: i
+                },
+                u
+              ),
+              "data-testid": "dropdown-select-trigger",
+              children: [
+                /* @__PURE__ */ s("span", { className: a(e["trigger-text"]), children: t ? x(t) : w }),
+                /* @__PURE__ */ s(
+                  f,
+                  {
+                    iconName: o ? "DropdownArrowUp16px" : "DropdownArrowBottom16px"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ s(
+            k,
+            {
+              className: a(e.options, e[l], j),
+              "data-testid": "dropdown-select-options",
+              children: m.map((r) => /* @__PURE__ */ d(
+                U,
+                {
+                  value: r,
+                  className: ({ focus: v }) => a(
+                    e.option,
+                    e[l],
+                    {
+                      [e.focused]: v
+                    },
+                    N
+                  ),
+                  "data-testid": `dropdown-select-option-${r.id}`,
+                  children: [
+                    /* @__PURE__ */ s("div", { className: e["option-content"], children: r.name }),
+                    t && t.id === r.id && /* @__PURE__ */ s("div", { className: e["option-check"], children: /* @__PURE__ */ s(f, { iconName: "Done16px" }) })
+                  ]
+                },
+                r.id
+              ))
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+I.displayName = "DropdownSelect";
+export {
+  I as DropdownSelect
+};

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

@@ -0,0 +1,5 @@
+export declare enum EDropdownSelectSize {
+    S = "s",
+    M = "m",
+    L = "l"
+}

package/dist/components/DropdownSelect/constants.js

@@ -0,0 +1,4 @@
+var a = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(a || {});
+export {
+  a as EDropdownSelectSize
+};

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

@@ -0,0 +1,3 @@
+export { DropdownSelect } from './DropdownSelect';
+export { EDropdownSelectSize } from './constants';
+export type { TDropdownSelectOption, TDropdownSelectProps } from './types';

package/dist/components/DropdownSelect/index.js

@@ -0,0 +1,6 @@
+import { DropdownSelect as r } from "./DropdownSelect.js";
+import { EDropdownSelectSize as t } from "./constants.js";
+export {
+  r as DropdownSelect,
+  t as EDropdownSelectSize
+};

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

@@ -0,0 +1,56 @@
+import { ReactNode } from 'react';
+import { EDropdownSelectSize } from './constants';
+
+export type TDropdownSelectOption = {
+    name: string | ReactNode;
+    id: number | string;
+    value?: string | number;
+    displayValue?: string;
+    [index: string]: unknown;
+};
+export type TDropdownSelectProps = {
+    /**
+     * Текущее выбранное значение
+     */
+    value?: TDropdownSelectOption | null;
+    /**
+     * Размер компонента выбора.
+     */
+    size?: EDropdownSelectSize | `${EDropdownSelectSize}`;
+    /**
+     * Функция обратного вызова при изменении выбранного значения
+     */
+    onChange?: (value: TDropdownSelectOption | null) => void;
+    /**
+     * Массив опций для выбора
+     */
+    options: TDropdownSelectOption[];
+    /**
+     * Placeholder для триггера
+     */
+    placeholder?: string;
+    /**
+     * Отключить компонент
+     */
+    disabled?: boolean;
+    /**
+     * Дополнительный класс для компонента
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для триггера
+     */
+    triggerClassName?: string;
+    /**
+     * Дополнительный класс для опций
+     */
+    optionsClassName?: string;
+    /**
+     * Дополнительный класс для отдельной опции
+     */
+    optionClassName?: string;
+    /**
+     * Полная ширина компонента
+     */
+    full?: boolean;
+};

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { EInputBorderRadius } from './constants';
 import { TInputProps, TAddon, TIconAddon, TSize, TVariant, TStatus } from './types';
 
 export type TAdditionalProps = {
@@ -66,6 +67,10 @@ export type TAdditionalProps = {
      * Управляет поведением автозаполнения браузера
      */
     autocomplete?: 'on' | 'off';
+    /**
+     * Управление скруглениями углов
+     */
+    borderRadius?: EInputBorderRadius | `${EInputBorderRadius}`;
 };
 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

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-DIxK0V-G.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-BU_6U1CW.js";
+import { I as f } from "../../Input-IzZ6B9kw.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

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

@@ -12,3 +12,9 @@ export declare enum EInputSize {
     M = "m",
     L = "l"
 }
+export declare enum EInputBorderRadius {
+    All = "all",
+    Left = "left",
+    Right = "right",
+    None = "none"
+}

package/dist/components/Input/constants.js

@@ -1,6 +1,7 @@
-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 || {});
+var e = /* @__PURE__ */ ((r) => (r.DefaultGray = "default-gray", r.DefaultWhite = "default-white", r))(e || {}), l = /* @__PURE__ */ ((r) => (r.Alarm = "alarm", r.Success = "success", r.Error = "error", r))(l || {}), a = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(a || {}), f = /* @__PURE__ */ ((r) => (r.All = "all", r.Left = "left", r.Right = "right", r.None = "none", r))(f || {});
 export {
-  l as EInputSize,
-  a as EInputStatus,
+  f as EInputBorderRadius,
+  a as EInputSize,
+  l as EInputStatus,
   e as EInputVariant
 };

package/dist/components/Input/index.js

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

package/dist/components/InputPassword/InputPassword.js

@@ -3,7 +3,7 @@ import { c as l } from "../../index-DIxK0V-G.js";
 import { memo as d, forwardRef as b, useState as f, useCallback as r } from "react";
 import { Icon as x } from "../../icons/Icon.js";
 import { Button as N } from "../Button/Button.js";
-import { I as h } from "../../Input-BU_6U1CW.js";
+import { I as h } from "../../Input-IzZ6B9kw.js";
 import '../../assets/InputPassword.css';const M = "_input_7b9x2_2", y = "_wrapper_7b9x2_6", I = "_button_7b9x2_17", v = "_icon_7b9x2_33", C = "_show_7b9x2_38", e = {
   input: M,
   wrapper: y,

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 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-BU_6U1CW.js";
+import { I as b } from "../../Input-IzZ6B9kw.js";
 const h = I(
   i(
     ({ value: s = "", onChange: e, ...p }, a) => {

package/dist/components/MultiSelectSearch/MultiSelectSearch.js

@@ -8,7 +8,7 @@ import { Icon as ot } from "../../icons/Icon.js";
 import { Button as st } from "../Button/Button.js";
 import { CheckboxMimir as we } from "../CheckboxMimir/CheckboxMimir.js";
 import { Chip as rt } from "../Chip/Chip.js";
-import { I as ye } from "../../Input-BU_6U1CW.js";
+import { I as ye } from "../../Input-IzZ6B9kw.js";
 import { EInputVariant as at } from "../Input/constants.js";
 import { Loader as Ne } from "../Loader/Loader.js";
 import { H as lt, U as Se, G as xe, W as Ce, K as ct } from "../../combobox-fIVOzEhl.js";

package/dist/components/MultiSelectSearch/utils.js

@@ -1,5 +1,5 @@
 import { EMultiSelectSearchSize as i, MOBILE_MENU_HEIGHT as c, DESKTOP_MENU_HEIGHT as a } from "./constants.js";
-import "../../Input-BU_6U1CW.js";
+import "../../Input-IzZ6B9kw.js";
 import { EInputSize as u } from "../Input/constants.js";
 const m = (t) => {
   switch (t) {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as u } from "../../index-DIxK0V-G.js";
 import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
 import { ITEMS_PER_SEPARATOR as v, DEFAULT_VALUE_LENGTH as y } from "./constants.js";
 import { useOTPInput as z } from "./hooks.js";
-import { I as A } from "../../Input-BU_6U1CW.js";
+import { I as A } from "../../Input-IzZ6B9kw.js";
 import '../../assets/OtpInput.css';const C = "_otp_1ncuz_2", F = "_input_1ncuz_13", L = "_separator_1ncuz_27", n = {
   otp: C,
   "input-wrapper": "_input-wrapper_1ncuz_13",

package/dist/components/Pagination/Counter/Counter.d.ts

@@ -0,0 +1,9 @@
+import { ECounterVariant } from '../constants';
+
+export type TCounterProps = {
+    value: number;
+    variant?: `${ECounterVariant}` | ECounterVariant;
+    className?: string;
+};
+export declare const Counter: ({ value, variant, className }: TCounterProps) => import("react/jsx-runtime").JSX.Element;
+export { ECounterVariant };

package/dist/components/Pagination/Counter/Counter.js

@@ -0,0 +1,28 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c } from "../../../index-DIxK0V-G.js";
+import { ECounterVariant as m } from "../constants.js";
+import '../../../assets/Counter.css';const u = "_counter_q40vf_2", r = {
+  counter: u,
+  "counter--default": "_counter--default_q40vf_15",
+  "counter--warning": "_counter--warning_q40vf_19",
+  "counter--error": "_counter--error_q40vf_23",
+  "counter--success": "_counter--success_q40vf_27"
+}, a = ({
+  value: e,
+  variant: o = "default",
+  className: t
+}) => /* @__PURE__ */ n(
+  "span",
+  {
+    className: c(
+      r.counter,
+      r[`counter--${o}`],
+      t
+    ),
+    children: e
+  }
+);
+export {
+  a as Counter,
+  m as ECounterVariant
+};

package/dist/components/Pagination/Pagination.d.ts

@@ -1,3 +1,5 @@
+import { ECounterVariant } from './constants';
+
 export type TBackProps = {
     currentPageNumber: number;
     onClick: (nextPage: number) => void;
@@ -11,12 +13,19 @@ export type TNextProps = {
     setCurrentPage: (nextPage: number) => void;
     disabled?: boolean;
 };
+export type TPageData = {
+    date?: string;
+    count?: number;
+    counterVariant?: `${ECounterVariant}` | ECounterVariant;
+};
 export type TItemProps = {
     currentPageNumber: number;
     newPageNumber: number;
     onClick: (pageNumber: number) => void;
     setCurrentPage: (pageNumber: number) => void;
     disabled?: boolean;
+    pageData?: TPageData;
+    isDateMode?: boolean;
 };
 export type TProps = {
     /**
@@ -59,5 +68,13 @@ export type TProps = {
      * Количество страниц, отображаемых в начале и конце
      */
     boundaryCount?: number;
+    /**
+     * Режим отображения дат вместо номеров страниц
+     */
+    isDateMode?: boolean;
+    /**
+     * Данные для каждой страницы (даты и счетчики)
+     */
+    pagesData?: TPageData[];
 };
 export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;