mimir-ui-kit 1.43.28 → 1.44.1

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>>;

package/dist/components/Pagination/Pagination.js

@@ -1,210 +1,251 @@
-import { jsxs as k, jsx as a, Fragment as x } from "react/jsx-runtime";
+import { jsxs as x, jsx as i, Fragment as B } from "react/jsx-runtime";
 import { c as P } from "../../index-DIxK0V-G.js";
-import { forwardRef as M, useState as R, useEffect as S } from "react";
-import { FIRST_PAGE_NUMBER as m, DEFAULT_PER_PAGE as j } from "./constants.js";
-import { useWindowSize as $ } from "../../hooks/useWindowSize/index.js";
-import { MergedButton as v } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_ellipsis_uqdck_42", G = "_disabled_uqdck_47", C = {
-  "pagination-button": "_pagination-button_uqdck_2",
-  "is-active": "_is-active_uqdck_23",
-  container: F,
-  ellipsis: L,
-  disabled: G
-}, T = ({
+import { forwardRef as R, useState as S, useEffect as $ } from "react";
+import { FIRST_PAGE_NUMBER as f, DEFAULT_PER_PAGE as F } from "./constants.js";
+import { Counter as L } from "./Counter/Counter.js";
+import { useWindowSize as G } from "../../hooks/useWindowSize/index.js";
+import { MergedButton as y } from "../MergedButton/MergedButton.js";
+import '../../assets/Pagination.css';const T = "_container_1rzjl_43", U = "_ellipsis_1rzjl_64", O = "_disabled_1rzjl_69", a = {
+  "pagination-button": "_pagination-button_1rzjl_2",
+  "is-active": "_is-active_1rzjl_23",
+  "pagination-button--date": "_pagination-button--date_1rzjl_26",
+  "date-content": "_date-content_1rzjl_31",
+  "date-text": "_date-text_1rzjl_38",
+  container: T,
+  "container--date-mode": "_container--date-mode_1rzjl_53",
+  ellipsis: U,
+  disabled: O
+}, V = ({
   currentPageNumber: t,
   onClick: n,
-  setCurrentPage: c,
-  disabled: o
-}) => /* @__PURE__ */ a(
-  v,
+  setCurrentPage: u,
+  disabled: c
+}) => /* @__PURE__ */ i(
+  y,
   {
     buttons: [
       {
         isIconButton: !0,
         variant: "white",
         onClick: () => {
-          t !== m && (c(t - 1), n(t - 1));
+          t !== f && (u(t - 1), n(t - 1));
         },
         iconName: "ArrowLeft16px",
-        disabled: o || t === m,
+        disabled: c || t === f,
         "data-testid": "back-button"
       }
     ]
   }
-), U = ({
+), W = ({
   currentPageNumber: t,
   lastPageNumber: n,
-  onClick: c,
-  setCurrentPage: o,
+  onClick: u,
+  setCurrentPage: c,
   disabled: r
 }) => {
-  const s = t >= n;
-  return /* @__PURE__ */ a(
-    v,
+  const e = t >= n;
+  return /* @__PURE__ */ i(
+    y,
     {
       buttons: [
         {
           isIconButton: !0,
           variant: "white",
           onClick: () => {
-            s || (o(t + 1), c(t + 1));
+            e || (c(t + 1), u(t + 1));
           },
-          disabled: r || s,
+          disabled: r || e,
           iconName: "ArrowRight16px",
           "data-testid": "next-button"
         }
       ]
     }
   );
-}, B = () => /* @__PURE__ */ a(
-  v,
+}, E = () => /* @__PURE__ */ i(
+  y,
   {
     buttons: [
       {
         children: "...",
         variant: "transparent",
-        className: P(C["pagination-button"], C.ellipsis)
+        className: P(a["pagination-button"], a.ellipsis)
       }
     ]
   }
-), N = ({
+), A = ({
   currentPageNumber: t,
   newPageNumber: n,
-  onClick: c,
-  setCurrentPage: o,
-  disabled: r
+  onClick: u,
+  setCurrentPage: c,
+  disabled: r,
+  pageData: e,
+  isDateMode: o = !1
 }) => {
-  const s = t === n, i = () => {
-    r || (o(n), c(n));
-  }, e = n < 10 ? `0${n}` : n;
-  return /* @__PURE__ */ a(
+  const s = t === n, p = () => {
+    r || (c(n), u(n));
+  }, l = n < 10 ? `0${n}` : n;
+  return o && e ? /* @__PURE__ */ i(
     "button",
     {
-      "data-testid": `pagination-button-${e}`,
+      "data-testid": `pagination-button-${l}`,
       type: "button",
-      onClick: i,
+      onClick: p,
       disabled: r,
-      className: P(C["pagination-button"], {
-        [C["is-active"]]: s
+      className: P(
+        a["pagination-button"],
+        a["pagination-button--date"],
+        {
+          [a["is-active"]]: s
+        }
+      ),
+      children: /* @__PURE__ */ x("div", { className: a["date-content"], children: [
+        /* @__PURE__ */ i("span", { className: a["date-text"], children: e.date }),
+        e.count !== void 0 && /* @__PURE__ */ i(L, { value: e.count, variant: e.counterVariant })
+      ] })
+    }
+  ) : /* @__PURE__ */ i(
+    "button",
+    {
+      "data-testid": `pagination-button-${l}`,
+      type: "button",
+      onClick: p,
+      disabled: r,
+      className: P(a["pagination-button"], {
+        [a["is-active"]]: s
       }),
-      children: e
+      children: l
     }
   );
-}, z = ({
+}, q = ({
   start: t,
   end: n,
-  currentPageNumber: c,
-  onClick: o,
+  currentPageNumber: u,
+  onClick: c,
   setCurrentPage: r,
-  disabled: s
+  disabled: e,
+  pagesData: o,
+  isDateMode: s
 }) => {
-  const i = [];
-  for (let e = t; e <= n; e++)
-    i.push(
-      /* @__PURE__ */ a(
-        N,
+  const p = [];
+  for (let l = t; l <= n; l++) {
+    const v = o == null ? void 0 : o[l - 1];
+    p.push(
+      /* @__PURE__ */ i(
+        A,
         {
-          currentPageNumber: c,
+          currentPageNumber: u,
           setCurrentPage: r,
-          newPageNumber: e,
-          onClick: o,
-          disabled: s
+          newPageNumber: l,
+          onClick: c,
+          disabled: e,
+          pageData: v,
+          isDateMode: s
         },
-        e
+        l
       )
     );
-  return i;
-}, Q = M(
+  }
+  return p;
+}, D = R(
   (t, n) => {
     const {
-      rootClassName: c,
-      total: o,
-      perPage: r = j,
-      currentPageNumber: s = m,
-      onChange: i,
-      disabled: e = !1,
-      hidePrevButton: E = !1,
-      hideNextButton: y = !1,
-      siblingCount: A,
-      boundaryCount: l = 1
-    } = t, [u, g] = R(s), d = Math.ceil(o / r), { width: q } = $(), w = q <= 650 ? 1 : 2, h = A !== void 0 ? A : w;
-    let b = 0, p = 0;
-    return S(() => {
-      g(s);
-    }, [s]), u <= l + h + 1 ? (b = m, p = Math.min(
-      l + h * 2 + 1,
-      d
-    )) : u >= d - l - h ? (b = Math.max(
-      d - l - h * 2,
-      m
-    ), p = d) : (b = u - h, p = u + h), o <= r ? null : /* @__PURE__ */ k(
+      rootClassName: u,
+      total: c,
+      perPage: r = F,
+      currentPageNumber: e = f,
+      onChange: o,
+      disabled: s = !1,
+      hidePrevButton: p = !1,
+      hideNextButton: l = !1,
+      siblingCount: v,
+      boundaryCount: d = 1,
+      isDateMode: j = !1,
+      pagesData: h
+    } = t, [m, k] = S(e), _ = Math.ceil(c / r), { width: M } = G(), w = M <= 650 ? 1 : 2, N = v !== void 0 ? v : w;
+    let C = 0, g = 0;
+    return $(() => {
+      k(e);
+    }, [e]), m <= d + N + 1 ? (C = f, g = Math.min(
+      d + N * 2 + 1,
+      _
+    )) : m >= _ - d - N ? (C = Math.max(
+      _ - d - N * 2,
+      f
+    ), g = _) : (C = m - N, g = m + N), c <= r ? null : /* @__PURE__ */ x(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: P(C.container, c, {
-          [C.disabled]: e
+        className: P(a.container, u, {
+          [a.disabled]: s,
+          [a["container--date-mode"]]: j
         }),
         ref: n,
         children: [
-          !E && /* @__PURE__ */ a(
-            T,
+          !p && /* @__PURE__ */ i(
+            V,
             {
-              currentPageNumber: u,
-              onClick: i,
-              setCurrentPage: g,
-              disabled: e
+              currentPageNumber: m,
+              onClick: o,
+              setCurrentPage: k,
+              disabled: s
             }
           ),
-          b > m && /* @__PURE__ */ k(x, { children: [
-            Array.from({ length: l }).map((I, _) => {
-              const f = m + _;
-              return f >= b ? null : /* @__PURE__ */ a(
-                N,
+          C > f && /* @__PURE__ */ x(B, { children: [
+            Array.from({ length: d }).map((I, z) => {
+              const b = f + z;
+              return b >= C ? null : /* @__PURE__ */ i(
+                A,
                 {
-                  newPageNumber: f,
-                  currentPageNumber: u,
-                  onClick: i,
-                  setCurrentPage: g,
-                  disabled: e
+                  newPageNumber: b,
+                  currentPageNumber: m,
+                  onClick: o,
+                  setCurrentPage: k,
+                  disabled: s,
+                  pageData: h == null ? void 0 : h[b - 1],
+                  isDateMode: j
                 },
-                `boundary-start-${f}`
+                `boundary-start-${b}`
               );
             }),
-            b > l + m && /* @__PURE__ */ a(B, {})
+            C > d + f && /* @__PURE__ */ i(E, {})
           ] }),
-          z({
-            start: b,
-            end: p,
-            currentPageNumber: u,
-            setCurrentPage: g,
-            onClick: i,
-            disabled: e
+          q({
+            start: C,
+            end: g,
+            currentPageNumber: m,
+            setCurrentPage: k,
+            onClick: o,
+            disabled: s,
+            pagesData: h,
+            isDateMode: j
           }),
-          p < d && /* @__PURE__ */ k(x, { children: [
-            p < d - l && /* @__PURE__ */ a(B, {}),
-            Array.from({ length: l }).map((I, _) => {
-              const f = d - l + 1 + _;
-              return f <= p ? null : /* @__PURE__ */ a(
-                N,
+          g < _ && /* @__PURE__ */ x(B, { children: [
+            g < _ - d && /* @__PURE__ */ i(E, {}),
+            Array.from({ length: d }).map((I, z) => {
+              const b = _ - d + 1 + z;
+              return b <= g ? null : /* @__PURE__ */ i(
+                A,
                 {
-                  newPageNumber: f,
-                  currentPageNumber: u,
-                  onClick: i,
-                  setCurrentPage: g,
-                  disabled: e
+                  newPageNumber: b,
+                  currentPageNumber: m,
+                  onClick: o,
+                  setCurrentPage: k,
+                  disabled: s,
+                  pageData: h == null ? void 0 : h[b - 1],
+                  isDateMode: j
                 },
-                `boundary-end-${f}`
+                `boundary-end-${b}`
               );
             })
           ] }),
-          !y && /* @__PURE__ */ a(
-            U,
+          !l && /* @__PURE__ */ i(
+            W,
             {
-              currentPageNumber: u,
-              setCurrentPage: g,
-              lastPageNumber: d,
-              onClick: i,
-              disabled: e
+              currentPageNumber: m,
+              setCurrentPage: k,
+              lastPageNumber: _,
+              onClick: o,
+              disabled: s
             }
           )
         ]
@@ -213,5 +254,5 @@ import '../../assets/Pagination.css';const F = "_container_uqdck_27", L = "_elli
   }
 );
 export {
-  Q as Pagination
+  D as Pagination
 };