mimir-ui-kit 1.19.1 → 1.19.2

package/dist/{Input-C8BYj-Cv.js → Input-DdKAiGfJ.js}

@@ -91,6 +91,8 @@ const Input = memo(
         rightAddon,
         leftAddon,
         size = "m",
+        numbersOnly,
+        maxLength,
         ...otherProps
       } = props;
       const [isFocused, setIsFocused] = useState(autofocus);
@@ -128,9 +130,16 @@ const Input = memo(
         }
       };
       const handleChange = (event) => {
-        const targetValue = event.target.value;
-        setWithValue(!!targetValue);
+        let newValue = event.target.value;
+        if (numbersOnly) {
+          newValue = newValue.replace(/\D/g, "");
+        }
+        if (maxLength !== void 0) {
+          newValue = newValue.slice(0, maxLength);
+        }
+        event.target.value = newValue;
         onChange == null ? void 0 : onChange(event);
+        setWithValue(!!newValue);
       };
       const currentLeftAddon = renderAddon(leftAddon);
       const currentRightAddon = renderAddon(rightAddon);
@@ -188,6 +197,8 @@ const Input = memo(
                 readOnly: readonly,
                 value,
                 onChange: handleChange,
+                maxLength,
+                disabled: disabled2,
                 ...otherProps
               }
             ),

package/dist/components/DatePicker/DatePicker.js

@@ -5,7 +5,7 @@ import { c as cls, D as DatePickerModal } from "../../DatePickerModal-BM0BgzTb.j
 import { useClickOutside } from "../../hooks/useClickOutside/useClickOutside.js";
 import { formating } from "../../utils/index.js";
 import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 const DatePicker = memo(
   forwardRef(
     ({ size, value, onChangeValue, name, before, ...props }, ref) => {

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

@@ -42,6 +42,14 @@ export type TAdditionalProps = {
      * Флаг, показывающий наличие кнопки очистки.
      */
     withClearButton?: boolean;
+    /**
+     * Разрешить только числовой ввод
+     */
+    numbersOnly?: boolean;
+    /**
+     * Максимальная длина ввода
+     */
+    maxLength?: number;
 };
 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-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { I } from "../../Input-C8BYj-Cv.js";
+import { I } from "../../Input-DdKAiGfJ.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";

package/dist/components/Input/index.js

@@ -1,4 +1,4 @@
-import { I } from "../../Input-C8BYj-Cv.js";
+import { I } from "../../Input-DdKAiGfJ.js";
 import { EInputSize, EInputVariant } from "./constants.js";
 export {
   EInputSize,

package/dist/components/InputPassword/InputPassword.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 import '../../assets/InputPassword.css';const input = "_input_mam1g_2";
 const wrapper = "_wrapper_mam1g_6";
 const button = "_button_mam1g_17";

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
 import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 const InputPhoneNumber = memo(
   forwardRef(
     ({ value = "", onChange, ...props }, ref) => {

package/dist/components/OtpInput/OtpInput.js

@@ -3,7 +3,7 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef, useImperativeHandle, Fragment } from "react";
 import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
 import { useOTPInput } from "./hooks.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 import '../../assets/OtpInput.css';const otp = "_otp_196ev_3";
 const input = "_input_196ev_14";
 const separator = "_separator_196ev_28";

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

@@ -1,8 +1,9 @@
 import { RadioGroupProps } from '@headlessui/react';
+import { ReactNode } from 'react';
 
 export interface TRadioOption {
     value: string;
-    label: string;
+    label: ReactNode;
 }
 /**
  * Свойства компонента RadioGroup.
@@ -23,6 +24,11 @@ export type TRadioGroupProps = Omit<RadioGroupProps, 'value'> & {
      * Может быть необязательным.
      */
     label?: string;
+    /**
+     * Дополнительный класснейм для элементов радиогруппы.
+     *
+     */
+    classNameRadioWrapper?: string;
 };
 /**
  * Компонент RadioGroup для выбора одной опции из нескольких.
@@ -43,4 +49,9 @@ export declare const RadioGroup: import('react').ForwardRefExoticComponent<Omit<
      * Может быть необязательным.
      */
     label?: string;
+    /**
+     * Дополнительный класснейм для элементов радиогруппы.
+     *
+     */
+    classNameRadioWrapper?: string;
 } & import('react').RefAttributes<HTMLElement>>;

package/dist/components/RadioGroup/RadioGroup.js

@@ -120,10 +120,14 @@ const cls = {
   checked
 };
 const RadioGroup = forwardRef(
-  ({ options, value, onChange, label: label2, ...props }, ref) => {
-    const radioClasses = classNames(cls["radio-wrapper"], {
-      [cls.disabled]: props.disabled
-    });
+  ({ options, value, onChange, label: label2, classNameRadioWrapper, ...props }, ref) => {
+    const radioClasses = classNames(
+      cls["radio-wrapper"],
+      classNameRadioWrapper,
+      {
+        [cls.disabled]: props.disabled
+      }
+    );
     return /* @__PURE__ */ jsxs(
       Tt,
       {
@@ -163,7 +167,7 @@ const RadioGroup = forwardRef(
                 label22
               ] })
             },
-            label22
+            typeof value2 === "string" ? value2 : String(value2)
           )) })
         ]
       }

package/dist/components/SelectSearch/SelectSearch.js

@@ -4,7 +4,7 @@ import * as React from "react";
 import React__default, { useReducer, useMemo, useSyncExternalStore, useId as useId$1, useEffect, useCallback, useRef, useLayoutEffect, createContext, useContext, useState, Fragment, createRef, forwardRef } from "react";
 import { ESelectSearchSize } from "./constants.js";
 import { Icon } from "../../icons/Icon.js";
-import { I as Input } from "../../Input-C8BYj-Cv.js";
+import { I as Input } from "../../Input-DdKAiGfJ.js";
 import { EInputVariant, EInputSize } from "../Input/constants.js";
 import { n as n$2, u as u$3, d as o$1, s as s$3, o as o$2, p as p$1, t as t$3, e as s$4, W as W$1, y as y$3, T, H, M as M$1, a as u$5, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D as D$2, c as o$3 } from "../../keyboard-B256ZoM-.js";
 import * as ReactDOM from "react-dom";
@@ -3798,7 +3798,8 @@ const SelectSearch = forwardRef(
       onSearch,
       variant = EInputVariant.DefaultGray,
       menuPlacement = "bottom",
-      disabled: disabled2 = false
+      disabled: disabled2 = false,
+      searchProps
     } = props;
     const [inputValue, setInputValue] = useState("");
     const mapSizeToInputSize = (size22) => {
@@ -3863,7 +3864,8 @@ const SelectSearch = forwardRef(
                     onChange: handleInputChange,
                     value: inputValue,
                     disabled: disabled2,
-                    variant
+                    variant,
+                    ...searchProps
                   }
                 ),
                 showArrow && /* @__PURE__ */ jsx(Ho, { className: cls.button, disabled: disabled2, children: /* @__PURE__ */ jsx(

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ESelectSearchSize } from './constants';
-import { TVariant } from '../Input';
+import { TInputProps, TVariant } from '../Input';
 
 export type TSelectOption = {
     name: string;
@@ -50,4 +50,6 @@ export type TSelectSearchProps = {
     menuPlacement?: TMenuPlacement;
     /** Отключает компонент SelectSearch */
     disabled?: boolean;
+    /** Пропсы для инпута поиска опций */
+    searchProps?: Pick<TInputProps, 'numbersOnly' | 'maxLength'>;
 };

package/dist/components/TextArea/TextArea.js

@@ -5,7 +5,7 @@ import { useAutoResizeTextArea } from "./hooks.js";
 import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { c as cls } from "../../Input-C8BYj-Cv.js";
+import { c as cls } from "../../Input-DdKAiGfJ.js";
 import { EInputVariant } from "../Input/constants.js";
 import '../../assets/TextArea.css';const textarea = "_textarea_46c4k_2";
 const s = "_s_46c4k_6";

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button } from "./Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
-import { I } from "../Input-C8BYj-Cv.js";
+import { I } from "../Input-DdKAiGfJ.js";
 import { EInputSize, EInputVariant } from "./Input/constants.js";
 import { TextArea } from "./TextArea/TextArea.js";
 import { InputPassword } from "./InputPassword/InputPassword.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button } from "./components/Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./components/Button/constants.js";
-import { I } from "./Input-C8BYj-Cv.js";
+import { I } from "./Input-DdKAiGfJ.js";
 import { EInputSize, EInputVariant } from "./components/Input/constants.js";
 import { TextArea } from "./components/TextArea/TextArea.js";
 import { InputPassword } from "./components/InputPassword/InputPassword.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.19.1",
+  "version": "1.19.2",
   "type": "module",
   "exports": {
     ".": {