mimir-ui-kit 1.7.1 → 1.8.1

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { W, K, w, b as a, z as z$1, U, y, l, T, o, j as j$1, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, c as $6179b936705e76d3$export$ae780daf29e6d456, D, d as u$1, I, G, a as u$2, u as u$3, e as o$1, f as p, r } from "../../label-BXAcSLy0.js";
-import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext } from "react";
+import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
 import { u, P, F, T as T$1, _ } from "../../focus-management-CFDo6ZSc.js";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import '../../assets/RadioGroup.css';var Le = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Le || {});
@@ -116,51 +116,57 @@ const cls = {
   frame,
   checked
 };
-function RadioGroup({
-  options,
-  value,
-  onChange,
-  label: label2,
-  ...props
-}) {
-  const radioClasses = classNames(cls["radio-wrapper"], {
-    [cls.disabled]: props.disabled
-  });
-  return /* @__PURE__ */ jsxs(Tt, { value, className: cls.group, onChange, ...props, children: [
-    label2 && /* @__PURE__ */ jsx(K, { as: "p", className: cls.label, children: label2 }),
-    /* @__PURE__ */ jsx("div", { className: cls["content-wrapper"], children: options.map(({ label: label22, value: value2 }) => /* @__PURE__ */ jsx(
-      Be,
+const RadioGroup = forwardRef(
+  ({ options, value, onChange, label: label2, ...props }, ref) => {
+    const radioClasses = classNames(cls["radio-wrapper"], {
+      [cls.disabled]: props.disabled
+    });
+    return /* @__PURE__ */ jsxs(
+      Tt,
       {
-        as: "span",
-        value: value2,
-        disabled: props.disabled,
-        className: radioClasses,
-        children: ({ checked: checked2, disabled: disabled2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            K,
+        ref,
+        value,
+        className: cls.group,
+        onChange,
+        ...props,
+        children: [
+          label2 && /* @__PURE__ */ jsx(K, { as: "p", className: cls.label, children: label2 }),
+          /* @__PURE__ */ jsx("div", { className: cls["content-wrapper"], children: options.map(({ label: label22, value: value2 }) => /* @__PURE__ */ jsx(
+            Be,
             {
-              as: "button",
-              className: classNames(cls.radio, {
-                [cls.disabled]: props.disabled
-              }),
-              children: /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: classNames(cls.frame, {
-                    [cls.checked]: checked2,
-                    [cls.disabled]: disabled2
-                  })
-                }
-              )
-            }
-          ),
-          label22
-        ] })
-      },
-      label22
-    )) })
-  ] });
-}
+              as: "span",
+              value: value2,
+              disabled: props.disabled,
+              className: radioClasses,
+              children: ({ checked: checked2, disabled: disabled2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  K,
+                  {
+                    as: "button",
+                    className: classNames(cls.radio, {
+                      [cls.disabled]: props.disabled
+                    }),
+                    children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: classNames(cls.frame, {
+                          [cls.checked]: checked2,
+                          [cls.disabled]: disabled2
+                        })
+                      }
+                    )
+                  }
+                ),
+                label22
+              ] })
+            },
+            label22
+          )) })
+        ]
+      }
+    );
+  }
+);
 export {
   RadioGroup
 };

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

@@ -1,2 +1,2 @@
 export { RadioGroup } from './RadioGroup';
-export type { TRadioOption } from './RadioGroup';
+export type { TRadioOption, TRadioGroupProps } from './RadioGroup';

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

@@ -1,21 +1,15 @@
-import { TSelectSearchItem, TSelectSearchProps } from './types';
+import { ESelectSearchSize } from './constants';
 
-export type TProps = TSelectSearchProps & {
-    /**
-     * Список элементов для выбора в SelectSearch.
-     */
+export type TSelectSearchItem = {
+    id: number;
+    name: string;
+};
+export type TSelectSearchProps = {
     items: TSelectSearchItem[];
-    /**
-     * Текст-заполнитель для поля ввода.
-     */
+    value?: TSelectSearchItem | null;
+    onChange?: (value: TSelectSearchItem | null) => void;
     placeholder?: string;
-    /**
-     * Размер SelectSearch. Допустимые значения: `l`, `xxl`.
-     */
-    size?: 'l' | 'xxl';
-    /**
-     * Флаг, указывающий, что элемент занимает все доступное пространство.
-     */
+    size?: ESelectSearchSize;
     full?: boolean;
 };
-export declare const SelectSearch: ({ items, placeholder, size, onChange, value, full }: TProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectSearch: import('react').ForwardRefExoticComponent<TSelectSearchProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/SelectSearch/SelectSearch.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import * as React from "react";
-import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useState, useLayoutEffect, createContext, useContext, Fragment, createRef } from "react";
+import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useState, useLayoutEffect, createContext, useContext, Fragment, createRef, forwardRef } from "react";
 import { ESelectSearchSize } from "./constants.js";
 import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
 import { EMediaQuery } from "../../hooks/useMediaQuery/constants.js";
@@ -3841,125 +3841,121 @@ function No(o2, r2) {
   return H({ ourProps: { id: d2, ref: M2, role: "option", tabIndex: s2 === true ? void 0 : -1, "aria-disabled": s2 === true ? true : void 0, "aria-selected": C, disabled: void 0, onMouseDown: y2, onFocus: A2, onPointerEnter: h2, onMouseEnter: h2, onPointerMove: O, onMouseMove: O, onPointerLeave: G2, onMouseLeave: G2 }, theirProps: a3, slot: J2, defaultTag: ko, name: "Combobox.Option" });
 }
 let Uo = W$1(ho), Ho = W$1(Vo), Go = W$1(Mo), jo = K, zo = W$1(Bo), Ko = W$1(No), Nt = Object.assign(Uo, { Input: Go, Button: Ho, Label: jo, Options: zo, Option: Ko });
-const container = "_container_1oxs1_6";
-const full = "_full_1oxs1_20";
-const placeholder = "_placeholder_1oxs1_28";
-const input = "_input_1oxs1_43";
-const button = "_button_1oxs1_61";
-const options = "_options_1oxs1_69";
-const option = "_option_1oxs1_69";
-const l = "_l_1oxs1_118";
-const xxl = "_xxl_1oxs1_128";
+const container = "_container_xswn2_6";
+const full = "_full_xswn2_20";
+const placeholder = "_placeholder_xswn2_28";
+const input = "_input_xswn2_43";
+const button = "_button_xswn2_61";
+const options = "_options_xswn2_69";
+const option = "_option_xswn2_69";
+const l = "_l_xswn2_118";
+const xxl = "_xxl_xswn2_128";
 const cls = {
-  "select-search": "_select-search_1oxs1_2",
+  "select-search": "_select-search_xswn2_2",
   container,
-  "container-open": "_container-open_1oxs1_16",
+  "container-open": "_container-open_xswn2_16",
   full,
-  "selectorIcon-open": "_selectorIcon-open_1oxs1_24",
+  "selectorIcon-open": "_selectorIcon-open_xswn2_24",
   placeholder,
-  "placeholder-top": "_placeholder-top_1oxs1_37",
+  "placeholder-top": "_placeholder-top_xswn2_37",
   input,
-  "input-container": "_input-container_1oxs1_55",
+  "input-container": "_input-container_xswn2_55",
   button,
   options,
   option,
-  "option-active": "_option-active_1oxs1_103",
-  "option-inner": "_option-inner_1oxs1_106",
-  "no-options": "_no-options_1oxs1_113",
+  "option-active": "_option-active_xswn2_103",
+  "option-inner": "_option-inner_xswn2_106",
+  "no-options": "_no-options_xswn2_113",
   l,
   xxl,
-  "selected-icon": "_selected-icon_1oxs1_138"
+  "selected-icon": "_selected-icon_xswn2_138"
 };
-const SelectSearch = ({
-  items,
-  placeholder: placeholder2,
-  size: size2 = ESelectSearchSize.L,
-  onChange,
-  value,
-  full: full2
-}) => {
-  const [searchValue, setSearchValue] = useState("");
-  const [isItemSelected, setIsItemSelected] = useState(false);
-  const isMobile = useMediaQuery(EMediaQuery.XSS);
-  const filteredItems = useMemo(() => {
-    return searchValue.trim().toLowerCase() ? items.filter(
-      (item) => item.name.toLowerCase().includes(searchValue.toLowerCase())
-    ) : items;
-  }, [searchValue, items]);
-  const handleOneChange = (newValue) => {
-    onChange == null ? void 0 : onChange(newValue);
-    setIsItemSelected(!!newValue);
-  };
-  return /* @__PURE__ */ jsx(
-    Nt,
-    {
-      as: "div",
-      onChange: handleOneChange,
-      value,
-      className: classNames(cls["select-search"], { [cls.full]: full2 }),
-      children: ({ open }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: classNames(cls.container, cls[size2], {
-              [cls["container-open"]]: open
-            }),
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: cls["input-container"], children: [
-                /* @__PURE__ */ jsx(
-                  Go,
+const SelectSearch = forwardRef(
+  ({ items, placeholder: placeholder2, size: size2 = ESelectSearchSize.L, onChange, value, full: full2 }, ref) => {
+    const [searchValue, setSearchValue] = useState("");
+    const [isItemSelected, setIsItemSelected] = useState(false);
+    const isMobile = useMediaQuery(EMediaQuery.XSS);
+    const filteredItems = useMemo(() => {
+      return searchValue.trim().toLowerCase() ? items.filter(
+        (item) => item.name.toLowerCase().includes(searchValue.toLowerCase())
+      ) : items;
+    }, [searchValue, items]);
+    const handleOneChange = (newValue) => {
+      onChange == null ? void 0 : onChange(newValue);
+      setIsItemSelected(!!newValue);
+    };
+    return /* @__PURE__ */ jsx(
+      Nt,
+      {
+        as: "div",
+        onChange: handleOneChange,
+        value,
+        className: classNames(cls["select-search"], { [cls.full]: full2 }),
+        ref,
+        children: ({ open }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: classNames(cls.container, cls[size2], {
+                [cls["container-open"]]: open
+              }),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: cls["input-container"], children: [
+                  /* @__PURE__ */ jsx(
+                    Go,
+                    {
+                      className: cls.input,
+                      onChange: (event) => setSearchValue(event.target.value),
+                      displayValue: (item) => item == null ? void 0 : item.name
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: classNames(cls.placeholder, {
+                        [cls["placeholder-top"]]: isItemSelected || open || searchValue
+                      }),
+                      children: placeholder2
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(Ho, { className: cls.button, children: /* @__PURE__ */ jsx(
+                  Icon,
                   {
-                    className: cls.input,
-                    onChange: (event) => setSearchValue(event.target.value),
-                    displayValue: (item) => item == null ? void 0 : item.name
+                    iconName: isMobile ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
+                    className: classNames(cls["selector-icon"], {
+                      [cls["selector-icon-open"]]: open
+                    })
                   }
-                ),
-                /* @__PURE__ */ jsx(
-                  "span",
+                ) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(zo, { className: classNames(cls.options, cls[size2]), children: !items.length ? /* @__PURE__ */ jsx("div", { className: cls["no-options"], children: "Нет данных" }) : !filteredItems.length && searchValue.trim() ? /* @__PURE__ */ jsx("div", { className: cls["no-options"], children: "Ничего не найдено" }) : filteredItems.map((item) => /* @__PURE__ */ jsx(
+            Ko,
+            {
+              value: item,
+              className: ({ focus }) => classNames(cls.option, {
+                [cls["option-active"]]: focus
+              }),
+              children: ({ selected }) => /* @__PURE__ */ jsxs("div", { className: cls["option-inner"], children: [
+                /* @__PURE__ */ jsx("span", { className: cls["option-text"], children: item.name }),
+                selected && /* @__PURE__ */ jsx(
+                  Icon,
                   {
-                    className: classNames(cls.placeholder, {
-                      [cls["placeholder-top"]]: isItemSelected || open || searchValue
-                    }),
-                    children: placeholder2
+                    iconName: "Done16px",
+                    className: cls["selected-icon"]
                   }
                 )
-              ] }),
-              /* @__PURE__ */ jsx(Ho, { className: cls.button, children: /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  iconName: isMobile ? "DropdownArrowBottom16px" : "DropdownArrowDown24px",
-                  className: classNames(cls["selector-icon"], {
-                    [cls["selector-icon-open"]]: open
-                  })
-                }
-              ) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(zo, { className: classNames(cls.options, cls[size2]), children: !items.length ? /* @__PURE__ */ jsx("div", { className: cls["no-options"], children: "Нет данных" }) : !filteredItems.length && searchValue.trim() ? /* @__PURE__ */ jsx("div", { className: cls["no-options"], children: "Ничего не найдено" }) : filteredItems.map((item) => /* @__PURE__ */ jsx(
-          Ko,
-          {
-            value: item,
-            className: ({ focus }) => classNames(cls.option, {
-              [cls["option-active"]]: focus
-            }),
-            children: ({ selected }) => /* @__PURE__ */ jsxs("div", { className: cls["option-inner"], children: [
-              /* @__PURE__ */ jsx("span", { className: cls["option-text"], children: item.name }),
-              selected && /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  iconName: "Done16px",
-                  className: cls["selected-icon"]
-                }
-              )
-            ] })
-          },
-          item.id
-        )) })
-      ] })
-    }
-  );
-};
+              ] })
+            },
+            item.id
+          )) })
+        ] })
+      }
+    );
+  }
+);
 export {
   SelectSearch
 };

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

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