mimir-ui-kit 1.42.1 → 1.43.0

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

@@ -5,3 +5,9 @@ export declare enum EMultiSelectSearchSize {
 export declare const MOBILE_BREAKPOINT = 767;
 export declare const MOBILE_MENU_HEIGHT = 264;
 export declare const DESKTOP_MENU_HEIGHT = 320;
+export declare enum ELoadingIndicatorPlacement {
+    Input = "input",
+    Dropdown = "dropdown",
+    Both = "both",
+    None = "none"
+}

package/dist/components/MultiSelectSearch/constants.js

@@ -1,8 +1,10 @@
-var I = /* @__PURE__ */ ((E) => (E.M = "m", E.L = "l", E))(I || {});
-const _ = 767, n = 264, o = 320;
+var p = /* @__PURE__ */ ((o) => (o.M = "m", o.L = "l", o))(p || {});
+const _ = 767, B = 264, E = 320;
+var r = /* @__PURE__ */ ((o) => (o.Input = "input", o.Dropdown = "dropdown", o.Both = "both", o.None = "none", o))(r || {});
 export {
-  o as DESKTOP_MENU_HEIGHT,
-  I as EMultiSelectSearchSize,
+  E as DESKTOP_MENU_HEIGHT,
+  r as ELoadingIndicatorPlacement,
+  p as EMultiSelectSearchSize,
   _ as MOBILE_BREAKPOINT,
-  n as MOBILE_MENU_HEIGHT
+  B as MOBILE_MENU_HEIGHT
 };

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

@@ -1,3 +1,3 @@
 export { MultiSelectSearch } from './MultiSelectSearch';
 export type { TMultiSelectSearchProps, TMultiSelectOption } from './types';
-export { EMultiSelectSearchSize } from './constants';
+export { EMultiSelectSearchSize, ELoadingIndicatorPlacement } from './constants';

package/dist/components/MultiSelectSearch/index.js

@@ -1,6 +1,7 @@
-import { MultiSelectSearch as t } from "./MultiSelectSearch.js";
-import { EMultiSelectSearchSize as c } from "./constants.js";
+import { MultiSelectSearch as r } from "./MultiSelectSearch.js";
+import { ELoadingIndicatorPlacement as o, EMultiSelectSearchSize as a } from "./constants.js";
 export {
-  c as EMultiSelectSearchSize,
-  t as MultiSelectSearch
+  o as ELoadingIndicatorPlacement,
+  a as EMultiSelectSearchSize,
+  r as MultiSelectSearch
 };

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { EMultiSelectSearchSize } from './constants';
+import { ELoadingIndicatorPlacement, EMultiSelectSearchSize } from './constants';
 import { EChipVariant } from '../Chip';
 import { TInputProps } from '../Input';
 
@@ -7,9 +7,12 @@ export type TMultiSelectOption = {
     name: string;
     id: number | string;
     bottom?: ReactNode;
+    isGroupHeader?: boolean;
+    originalValue?: string;
     [index: string]: unknown;
 };
 export type TMenuPlacement = 'top' | 'bottom';
+export type TLoadingIndicatorPlacement = 'input' | 'dropdown' | 'none';
 export type TMultiSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'variant'> & {
     /**
      * Текущее выбранное значение.
@@ -69,4 +72,33 @@ export type TMultiSelectSearchProps = Pick<TInputProps, 'withClearButton' | 'var
     autoPlacement?: boolean;
     /** Функция обратного вызова, срабатывающая при открытии и закрытии выпадающего списка */
     onIsOpen?: (value: boolean) => void;
+    /**
+     * Текст, отображаемый при отсутствии опций для выбора
+     */
+    noOptionsText?: string | ReactNode;
+    /**
+     * Текст, отображаемый при отсутствии результатов поиска
+     */
+    noMatchText?: string | ReactNode;
+    /**
+     * Функция обратного вызова, вызываемая при открытии выпадающего списка
+     * Можно использовать для загрузки данных
+     */
+    loadOnOpen?: () => void;
+    /**
+     * Флаг состояния загрузки
+     */
+    loading?: boolean;
+    /**
+     * Положение индикатора загрузки
+     */
+    loadingIndicatorPlacement?: ELoadingIndicatorPlacement | `${ELoadingIndicatorPlacement}`;
+    /**
+     * Ключ объекта TMultiSelectOption, по которому нужно группировать элементы
+     */
+    groupBy?: string;
+    /**
+     * Функция для получения заголовка группы из значения группировки
+     */
+    getGroupTitle?: (groupValue: string) => string;
 };

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

@@ -9,3 +9,4 @@ export declare const joinSelectedItems: (items: TMultiSelectOption[], displayVal
 export declare const MULTISELECT_OPEN_EVENT = "multiselectOpen";
 export declare const dispatchMultiselectOpen: (id: string) => void;
 export declare const shouldShowMenuOnTop: (selectRef: React.RefObject<HTMLDivElement>, size: EMultiSelectSearchSize) => boolean;
+export declare const prepareGroupedItems: (items: TMultiSelectOption[], groupBy: string, getGroupTitle: (value: string) => string) => TMultiSelectOption[];

package/dist/components/MultiSelectSearch/utils.js

@@ -1,28 +1,42 @@
-import { EMultiSelectSearchSize as o, MOBILE_MENU_HEIGHT as u, DESKTOP_MENU_HEIGHT as w } from "./constants.js";
+import { EMultiSelectSearchSize as i, MOBILE_MENU_HEIGHT as c, DESKTOP_MENU_HEIGHT as a } from "./constants.js";
 import "../../Input-BU_6U1CW.js";
-import { EInputSize as r } from "../Input/constants.js";
+import { EInputSize as u } from "../Input/constants.js";
 const m = (t) => {
   switch (t) {
-    case o.M:
-      return r.M;
-    case o.L:
-      return r.L;
+    case i.M:
+      return u.M;
+    case i.L:
+      return u.L;
     default:
-      return r.M;
+      return u.M;
   }
-}, M = (t, e) => t ? e === o.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : e === o.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", h = (t, e) => t && t.length > 0 ? t.map((n) => n[e]).join(", ") : "", I = (t, e) => t.map((n) => n[e]).join(", "), l = "multiselectOpen", S = (t) => {
-  window.dispatchEvent(new CustomEvent(l, { detail: t }));
-}, f = (t, e) => {
+}, E = (t, e) => t ? e === i.L ? "DropdownArrowUp24px" : "DropdownArrowUp16px" : e === i.L ? "DropdownArrowDown24px" : "DropdownArrowBottom16px", f = (t, e) => t && t.length > 0 ? t.map((r) => r[e]).join(", ") : "", g = (t, e) => t.map((r) => r[e]).join(", "), d = "multiselectOpen", S = (t) => {
+  window.dispatchEvent(new CustomEvent(d, { detail: t }));
+}, I = (t, e) => {
   if (!t.current) return !1;
-  const n = t.current.getBoundingClientRect(), p = window.innerHeight, c = e === o.M ? u : w, i = p - n.bottom, s = n.top;
-  return i >= c ? !1 : s > i;
+  const r = t.current.getBoundingClientRect(), o = window.innerHeight, s = e === i.M ? c : a, p = o - r.bottom, n = r.top;
+  return p >= s ? !1 : n > p;
+}, M = (t, e, r) => {
+  if (!t.length || !e) return t;
+  const o = [], s = /* @__PURE__ */ new Set();
+  for (const p of t) {
+    const n = String(p[e] || "Без группы");
+    s.has(n) || (s.add(n), o.push({
+      id: `group-header-${n}`,
+      name: r(n),
+      isGroupHeader: !0,
+      originalValue: n
+    })), o.push(p);
+  }
+  return o;
 };
 export {
-  l as MULTISELECT_OPEN_EVENT,
+  d as MULTISELECT_OPEN_EVENT,
   S as dispatchMultiselectOpen,
-  M as getDropdownArrowIcon,
-  h as getInitialInputValue,
-  I as joinSelectedItems,
+  E as getDropdownArrowIcon,
+  f as getInitialInputValue,
+  g as joinSelectedItems,
   m as mapSizeToInputSize,
-  f as shouldShowMenuOnTop
+  M as prepareGroupedItems,
+  I as shouldShowMenuOnTop
 };

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

@@ -2,18 +2,21 @@ export type TBackProps = {
     currentPageNumber: number;
     onClick: (nextPage: number) => void;
     setCurrentPage: (nextPage: number) => void;
+    disabled?: boolean;
 };
 export type TNextProps = {
     currentPageNumber: number;
     lastPageNumber: number;
     onClick: (nextPage: number) => void;
     setCurrentPage: (nextPage: number) => void;
+    disabled?: boolean;
 };
 export type TItemProps = {
     currentPageNumber: number;
     newPageNumber: number;
     onClick: (pageNumber: number) => void;
     setCurrentPage: (pageNumber: number) => void;
+    disabled?: boolean;
 };
 export type TProps = {
     /**
@@ -36,5 +39,25 @@ export type TProps = {
      * Текущая страница
      */
     currentPageNumber?: number;
+    /**
+     * Отключение пагинации
+     */
+    disabled?: boolean;
+    /**
+     * Скрыть кнопку "Назад"
+     */
+    hidePrevButton?: boolean;
+    /**
+     * Скрыть кнопку "Вперед"
+     */
+    hideNextButton?: boolean;
+    /**
+     * Количество страниц по обе стороны от текущей страницы
+     */
+    siblingCount?: number;
+    /**
+     * Количество страниц, отображаемых в начале и конце
+     */
+    boundaryCount?: number;
 };
 export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Pagination/Pagination.js

@@ -1,172 +1,210 @@
-import { jsxs as P, jsx as i } from "react/jsx-runtime";
-import { c as g } from "../../index-DIxK0V-G.js";
-import { forwardRef as N, useState as v, useEffect as A } from "react";
-import { FIRST_PAGE_NUMBER as u, DEFAULT_PER_PAGE as x } from "./constants.js";
-import { useWindowSize as E } from "../../hooks/useWindowSize/index.js";
-import { MergedButton as h } from "../MergedButton/MergedButton.js";
-import '../../assets/Pagination.css';const j = "_container_12l37_2", w = "_ellipsis_12l37_41", b = {
-  container: j,
-  "pagination-button": "_pagination-button_12l37_17",
-  "is-active": "_is-active_12l37_38",
-  ellipsis: w
-}, B = ({ currentPageNumber: t, onClick: n, setCurrentPage: o }) => /* @__PURE__ */ i(
-  h,
+import { jsxs as k, jsx as a, Fragment as x } 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 = ({
+  currentPageNumber: t,
+  onClick: n,
+  setCurrentPage: c,
+  disabled: o
+}) => /* @__PURE__ */ a(
+  v,
   {
     buttons: [
       {
         isIconButton: !0,
         variant: "white",
         onClick: () => {
-          t !== u && (o(t - 1), n(t - 1));
+          t !== m && (c(t - 1), n(t - 1));
         },
         iconName: "ArrowLeft16px",
-        disabled: t === u,
+        disabled: o || t === m,
         "data-testid": "back-button"
       }
     ]
   }
-), I = ({
+), U = ({
   currentPageNumber: t,
   lastPageNumber: n,
-  onClick: o,
-  setCurrentPage: a
+  onClick: c,
+  setCurrentPage: o,
+  disabled: r
 }) => {
   const s = t >= n;
-  return /* @__PURE__ */ i(
-    h,
+  return /* @__PURE__ */ a(
+    v,
     {
       buttons: [
         {
           isIconButton: !0,
           variant: "white",
           onClick: () => {
-            s || (a(t + 1), o(t + 1));
+            s || (o(t + 1), c(t + 1));
           },
-          disabled: s,
+          disabled: r || s,
           iconName: "ArrowRight16px",
           "data-testid": "next-button"
         }
       ]
     }
   );
-}, _ = () => /* @__PURE__ */ i(
-  h,
+}, B = () => /* @__PURE__ */ a(
+  v,
   {
     buttons: [
       {
         children: "...",
         variant: "transparent",
-        className: g(b["pagination-button"], b.ellipsis)
+        className: P(C["pagination-button"], C.ellipsis)
       }
     ]
   }
-), C = ({
+), N = ({
   currentPageNumber: t,
   newPageNumber: n,
-  onClick: o,
-  setCurrentPage: a
+  onClick: c,
+  setCurrentPage: o,
+  disabled: r
 }) => {
-  const s = t === n, r = () => {
-    a(n), o(n);
+  const s = t === n, i = () => {
+    r || (o(n), c(n));
   }, e = n < 10 ? `0${n}` : n;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "button",
     {
       "data-testid": `pagination-button-${e}`,
       type: "button",
-      onClick: r,
-      className: g(b["pagination-button"], {
-        [b["is-active"]]: s
+      onClick: i,
+      disabled: r,
+      className: P(C["pagination-button"], {
+        [C["is-active"]]: s
       }),
       children: e
     }
   );
-}, R = ({
+}, z = ({
   start: t,
   end: n,
-  currentPageNumber: o,
-  onClick: a,
-  setCurrentPage: s
+  currentPageNumber: c,
+  onClick: o,
+  setCurrentPage: r,
+  disabled: s
 }) => {
-  const r = [];
+  const i = [];
   for (let e = t; e <= n; e++)
-    r.push(
-      /* @__PURE__ */ i(
-        C,
+    i.push(
+      /* @__PURE__ */ a(
+        N,
         {
-          currentPageNumber: o,
-          setCurrentPage: s,
+          currentPageNumber: c,
+          setCurrentPage: r,
           newPageNumber: e,
-          onClick: a
+          onClick: o,
+          disabled: s
         },
         e
       )
     );
-  return r;
-}, U = N(
+  return i;
+}, Q = M(
   (t, n) => {
     const {
-      rootClassName: o,
-      total: a,
-      perPage: s = x,
-      currentPageNumber: r = u,
-      onChange: e
-    } = t, [c, d] = v(r), l = Math.ceil(a / s), { width: k } = E(), m = k <= 650 ? 2 : 4;
-    let p = 0, f = 0;
-    return A(() => {
-      d(r);
-    }, [r]), c <= m ? (p = u, f = Math.min(
-      u + m,
-      l
-    )) : c > l - m ? (p = l - m, f = l) : (p = c - m / 2, f = c + m / 2), a <= s ? null : /* @__PURE__ */ P(
+      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(
       "nav",
       {
         "aria-label": "Постраничная навигация",
-        className: g(b.container, o),
+        className: P(C.container, c, {
+          [C.disabled]: e
+        }),
         ref: n,
         children: [
-          /* @__PURE__ */ i(
-            B,
-            {
-              currentPageNumber: c,
-              onClick: e,
-              setCurrentPage: d
-            }
-          ),
-          p > u && /* @__PURE__ */ i(
-            C,
+          !E && /* @__PURE__ */ a(
+            T,
             {
-              newPageNumber: u,
-              currentPageNumber: c,
-              onClick: e,
-              setCurrentPage: d
+              currentPageNumber: u,
+              onClick: i,
+              setCurrentPage: g,
+              disabled: e
             }
           ),
-          p > u + 1 && /* @__PURE__ */ i(_, {}),
-          R({
-            start: p,
-            end: f,
-            currentPageNumber: c,
-            setCurrentPage: d,
-            onClick: e
+          b > m && /* @__PURE__ */ k(x, { children: [
+            Array.from({ length: l }).map((I, _) => {
+              const f = m + _;
+              return f >= b ? null : /* @__PURE__ */ a(
+                N,
+                {
+                  newPageNumber: f,
+                  currentPageNumber: u,
+                  onClick: i,
+                  setCurrentPage: g,
+                  disabled: e
+                },
+                `boundary-start-${f}`
+              );
+            }),
+            b > l + m && /* @__PURE__ */ a(B, {})
+          ] }),
+          z({
+            start: b,
+            end: p,
+            currentPageNumber: u,
+            setCurrentPage: g,
+            onClick: i,
+            disabled: e
           }),
-          f < l - 1 && /* @__PURE__ */ i(_, {}),
-          f < l && /* @__PURE__ */ i(
-            C,
-            {
-              newPageNumber: l,
-              currentPageNumber: c,
-              setCurrentPage: d,
-              onClick: e
-            }
-          ),
-          /* @__PURE__ */ i(
-            I,
+          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,
+                {
+                  newPageNumber: f,
+                  currentPageNumber: u,
+                  onClick: i,
+                  setCurrentPage: g,
+                  disabled: e
+                },
+                `boundary-end-${f}`
+              );
+            })
+          ] }),
+          !y && /* @__PURE__ */ a(
+            U,
             {
-              currentPageNumber: c,
-              setCurrentPage: d,
-              lastPageNumber: l,
-              onClick: e
+              currentPageNumber: u,
+              setCurrentPage: g,
+              lastPageNumber: d,
+              onClick: i,
+              disabled: e
             }
           )
         ]
@@ -175,5 +213,5 @@ import '../../assets/Pagination.css';const j = "_container_12l37_2", w = "_ellip
   }
 );
 export {
-  U as Pagination
+  Q as Pagination
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,10 +1,10 @@
 import { jsxs as ee, jsx as S, Fragment as _e } from "react/jsx-runtime";
-import { K as M, w as ke, a as oe, z as te, U as ie, b as Oe, T as we, j as ye, u as Pe, I as Ee, G as Te, p as De } from "../../label-DOlEWXBl.js";
-import { W as V, y as W, o as L, H as K, s as ne, n as se, $ as le, b as de, D as ue, a as Ce, u as Ge, c as F } from "../../keyboard-CUMsrFX1.js";
+import { K as M, w as ke, a as oe, z as te, U as ie, b as Oe, T as we, j as ye, u as Pe, I as Ee, G as Te, p as De } from "../../label-BmphTIGY.js";
+import { W as V, y as W, o as L, H as K, s as ne, n as se, $ as le, b as de, D as ue, a as Ce, u as Ge, c as F } from "../../keyboard-wis2TUql.js";
 import E, { createContext as ce, useId as q, useReducer as xe, useRef as B, useMemo as T, useCallback as ze, useContext as pe, forwardRef as Fe } from "react";
 import { u as Ne } from "../../use-by-comparator-CVuf9KBq.js";
 import { r as fe } from "../../bugs-diTMAGNw.js";
-import { P as re, F as j, T as ae, _ as Ae } from "../../focus-management-Dp2_vbQ3.js";
+import { P as re, F as j, T as ae, _ as Ae } from "../../focus-management-BAl0GmRk.js";
 import { c as H } from "../../index-DIxK0V-G.js";
 import '../../assets/RadioGroup.css';var Ie = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Ie || {});
 let Se = { 0(e, r) {

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

@@ -1,4 +1,4 @@
-import { ESelectSearchSize } from './constants';
+import { ELoadingIndicatorPlacement, ESelectSearchSize } from './constants';
 import { TSelectOption } from './types';
 
 export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pick<import('../Input').TInputProps, "variant" | "withClearButton"> & {
@@ -19,4 +19,11 @@ export declare const SelectSearch: import('react').ForwardRefExoticComponent<Pic
     disableInput?: boolean;
     autocomplete?: "on" | "off";
     immediate?: boolean;
+    noOptionsText?: string | import('react').ReactNode;
+    noMatchText?: string | import('react').ReactNode;
+    loadOnOpen?: () => void;
+    loading?: boolean;
+    loadingIndicatorPlacement?: ELoadingIndicatorPlacement | `${ELoadingIndicatorPlacement}`;
+    groupBy?: string;
+    getGroupTitle?: (groupValue: string) => string;
 } & import('react').RefAttributes<HTMLElement>>;