@alphakits/ui 2.0.13 → 2.2.0

package/dist/info-block-item/index.js

@@ -2,4 +2,3 @@ import { InfoBlockItem as f } from "./component.js";
 export {
   f as InfoBlockItem
 };
-//# sourceMappingURL=index.js.map

package/dist/info-block-item/index.module.css.js

@@ -16,4 +16,3 @@ export {
   o as rightAddons,
   n as start
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/info-block-wrapper/component.d.ts

@@ -1,10 +1,6 @@
 import { default as React } from 'react';
 export interface InfoBlockWrapperProps {
-    /** children - slot */
     children: React.ReactNode;
-    /**
-     * view - вид обертки
-     */
     view?: 'default' | 'bordered';
 }
 export declare const InfoBlockWrapper: React.FC<InfoBlockWrapperProps>;

package/dist/info-block-wrapper/component.js

@@ -8,4 +8,3 @@ const e = ({
 export {
   e as InfoBlockWrapper
 };
-//# sourceMappingURL=component.js.map

package/dist/info-block-wrapper/index.js

@@ -2,4 +2,3 @@ import { InfoBlockWrapper as p } from "./component.js";
 export {
   p as InfoBlockWrapper
 };
-//# sourceMappingURL=index.js.map

package/dist/info-block-wrapper/index.module.css.js

@@ -12,4 +12,3 @@ export {
   o as infoBlock,
   n as withHover
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/input/component.d.ts

@@ -1,233 +1,65 @@
 import { default as React, ChangeEvent, InputHTMLAttributes, MouseEvent } from 'react';
 export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown'> & {
-    /**
-     * Значение поля ввода
-     */
     value?: string;
-    /**
-     * Начальное значение поля
-     */
     defaultValue?: string;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean;
-    /**
-     * Крестик для очистки поля
-     */
     clear?: boolean;
-    /**
-     * Размер компонента
-     */
     size?: 's' | 'm' | 'l';
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean;
-    /**
-     * Отображение иконки успеха
-     */
     success?: boolean;
-    /**
-     * Текст подсказки
-     */
     hint?: string;
-    /**
-     * Лейбл компонента
-     */
     label?: React.ReactNode;
-    /**
-     * Атрибут type
-     */
     type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
-    /**
-     * Ref для обертки input
-     */
     wrapperRef?: React.Ref<HTMLDivElement>;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Слот под инпутом
-     */
     bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string;
-    /**
-     * Дополнительный класс инпута
-     */
     inputClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
     labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
     addonsClassName?: string;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
     focusedClassName?: string;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
     filledClassName?: string;
-    /**
-     * Обработчик поля ввода
-     */
     onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
         value: string;
     }) => void;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
     onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик клика по полю
-     */
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseDown по полю
-     */
     onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Обработчик MouseUp по полю
-     */
     onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string;
 };
 export declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
-    /**
-     * Значение поля ввода
-     */
     value?: string | undefined;
-    /**
-     * Начальное значение поля
-     */
     defaultValue?: string | undefined;
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
     block?: boolean | undefined;
-    /**
-     * required - индикатор * лейбла для обязательного заполнения поля
-     */
     required?: boolean | undefined;
-    /**
-     * Крестик для очистки поля
-     */
     clear?: boolean | undefined;
-    /**
-     * Размер компонента
-     */
     size?: "s" | "m" | "l" | undefined;
-    /**
-     * Отображение ошибки
-     */
     error?: string | boolean | undefined;
-    /**
-     * Отображение иконки успеха
-     */
     success?: boolean | undefined;
-    /**
-     * Текст подсказки
-     */
     hint?: string | undefined;
-    /**
-     * Лейбл компонента
-     */
     label?: React.ReactNode;
-    /**
-     * Атрибут type
-     */
     type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-    /**
-     * Ref для обертки input
-     */
     wrapperRef?: React.Ref<HTMLDivElement> | undefined;
-    /**
-     * Слот слева
-     */
     leftAddons?: React.ReactNode;
-    /**
-     * Слот справа
-     */
     rightAddons?: React.ReactNode;
-    /**
-     * Слот под инпутом
-     */
     bottomAddons?: React.ReactNode;
-    /**
-     * Дополнительный класс
-     */
     className?: string | undefined;
-    /**
-     * Дополнительный класс для поля
-     */
     fieldClassName?: string | undefined;
-    /**
-     * Дополнительный класс инпута
-     */
     inputClassName?: string | undefined;
-    /**
-     * Дополнительный класс для лейбла
-     */
     labelClassName?: string | undefined;
-    /**
-     * Дополнительный класс для аддонов
-     */
     addonsClassName?: string | undefined;
-    /**
-     * Класс, который будет установлен при фокусе
-     */
     focusedClassName?: string | undefined;
-    /**
-     * Класс, который будет установлен, если в поле есть значение
-     */
     filledClassName?: string | undefined;
-    /**
-     * Обработчик поля ввода
-     */
     onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
         value: string;
     }) => void) | undefined;
-    /**
-     * Обработчик нажатия на кнопку очистки
-     */
     onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
-    /**
-     * Обработчик клика по полю
-     */
     onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик MouseDown по полю
-     */
     onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Обработчик MouseUp по полю
-     */
     onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
     dataTestId?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/input/component.js

@@ -1,143 +1,138 @@
 import { jsx as a, jsxs as et } from "react/jsx-runtime";
-import st, { useRef as ot, useState as B, useCallback as f, Fragment as at } from "react";
-import rt from "react-merge-refs";
-import b from "classnames";
-import { Button as nt } from "../button/component.js";
+import st, { useRef as ot, useState as F, useCallback as l, Fragment as at } from "react";
+import nt from "react-merge-refs";
+import I from "classnames";
+import { Button as rt } from "../button/component.js";
 import { FormControl as it } from "../form-control/component.js";
 import { useFocus as ct } from "../hooks/useFocus/index.js";
 import s from "./index.module.css.js";
-const lt = st.forwardRef(
+const Vt = st.forwardRef(
   ({
-    size: F = "m",
+    size: k = "m",
     type: v = "text",
     block: C = !1,
     bottomAddons: j,
     dataTestId: w,
-    clear: y = !1,
-    disabled: r,
+    clear: S = !1,
+    disabled: n,
     error: u,
-    success: I,
-    required: S,
+    success: N,
+    required: y,
     hint: A,
     className: L,
-    fieldClassName: P,
-    inputClassName: q,
-    labelClassName: z,
-    addonsClassName: D,
-    focusedClassName: E,
-    filledClassName: G,
-    label: n,
-    maxLength: H = 100,
-    leftAddons: J,
+    fieldClassName: q,
+    inputClassName: z,
+    labelClassName: D,
+    addonsClassName: E,
+    focusedClassName: G,
+    filledClassName: H,
+    label: r,
+    maxLength: J = 100,
+    leftAddons: K,
     onFocus: m,
     onBlur: p,
     onChange: d,
     onClear: h,
-    onClick: K,
-    onMouseDown: M,
+    onClick: M,
+    onMouseDown: P,
     onMouseUp: Q,
-    rightAddons: N,
+    rightAddons: R,
     value: g,
     defaultValue: T,
     wrapperRef: U,
     readOnly: i,
     ...W
   }, X) => {
-    const e = g === void 0, c = ot(null), [Y] = ct(c, "keyboard"), [o, R] = B(!1), [x, k] = B(T || ""), V = !!(e ? x : g), l = y && V && !r && !i, Z = f(
+    const e = g === void 0, c = ot(null), [Y] = ct(c, "keyboard"), [o, b] = F(!1), [x, B] = F(T || ""), V = !!(e ? x : g), f = S && V && !n && !i, Z = l(
       (t) => {
-        i || R(!0), m && m(t);
+        i || b(!0), m && m(t);
       },
       [m, i]
-    ), _ = f(
+    ), _ = l(
       (t) => {
-        R(!1), p && p(t);
+        b(!1), p && p(t);
       },
       [p]
-    ), $ = f(
+    ), $ = l(
       (t) => {
-        d && d(t, { value: t.target.value }), e && k(t.target.value);
+        d && d(t, { value: t.target.value }), e && B(t.target.value);
       },
       [d, e]
-    ), O = f(
+    ), O = l(
       (t) => {
-        l && (e && k(""), h && h(t), c.current && !o && c.current.focus());
+        f && (e && B(""), h && h(t), c.current && !o && c.current.focus());
       },
-      [l, o, h, e]
-    ), tt = () => (l || N || I) && /* @__PURE__ */ et(at, { children: [
-      l && /* @__PURE__ */ a(
-        nt,
+      [f, o, h, e]
+    ), tt = () => (f || R || N) && /* @__PURE__ */ et(at, { children: [
+      f && /* @__PURE__ */ a(
+        rt,
         {
           type: "button",
           view: "ghost",
-          disabled: r,
+          disabled: n,
           "aria-label": "Очистить",
           className: s.clearButton,
           onClick: O,
           children: /* @__PURE__ */ a("span", { className: s.clearIcon })
         }
       ),
-      I && !u && /* @__PURE__ */ a("span", { className: s.successIcon }),
-      N
+      N && !u && /* @__PURE__ */ a("span", { className: s.successIcon }),
+      R
     ] });
     return /* @__PURE__ */ a(
       it,
       {
         ref: U,
-        className: b(L, o && E, V && G),
-        fieldClassName: b(P, {
+        className: I(L, o && G, V && H),
+        fieldClassName: I(q, {
           [s.focusVisible]: Y
         }),
-        labelClassName: z,
-        addonsClassName: D,
-        size: F,
+        labelClassName: D,
+        addonsClassName: E,
+        size: k,
         block: C,
-        required: S,
-        disabled: r,
+        required: y,
+        disabled: n,
         filled: V || o,
         focused: o,
         error: u,
-        label: n,
+        label: r,
         hint: A,
-        leftAddons: J,
+        leftAddons: K,
         rightAddons: tt(),
         bottomAddons: j,
-        onClick: K,
-        onMouseDown: M,
+        onClick: M,
+        onMouseDown: P,
         onMouseUp: Q,
         children: /* @__PURE__ */ a(
           "input",
           {
             ...W,
-            className: b(
+            className: I(
               s.input,
               {
-                [s.hasLabel]: n
+                [s.hasLabel]: r
               },
-              q
+              z
             ),
-            disabled: r,
+            disabled: n,
             onBlur: _,
             onFocus: Z,
             onChange: $,
-            maxLength: H,
-            ref: rt([X, c]),
+            maxLength: J,
+            ref: nt([X, c]),
             type: v,
             value: e ? x : g,
             readOnly: i,
             "data-test-id": w,
             "data-error": !!u,
-            "aria-label": typeof n == "string" ? n : void 0
+            "aria-label": typeof r == "string" ? r : void 0
           }
         )
       }
     );
   }
 );
-lt.defaultProps = {
-  type: "text",
-  block: !1
-};
 export {
-  lt as Input
+  Vt as Input
 };
-//# sourceMappingURL=component.js.map

package/dist/input/index.js

@@ -2,4 +2,3 @@ import { Input as r } from "./component.js";
 export {
   r as Input
 };
-//# sourceMappingURL=index.js.map

package/dist/input/index.module.css.js

@@ -14,4 +14,3 @@ export {
   s as input,
   n as successIcon
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/input-autocomplete/autocomplete-field/index.d.ts

@@ -1,4 +1,5 @@
+import { default as React } from 'react';
 import { SelectFieldProps } from '../../select';
 import { InputAutocompleteProps } from '../component';
 export type AutocompleteFieldProps = SelectFieldProps & Pick<InputAutocompleteProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
-export declare const AutocompleteField: ({ label, placeholder, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => JSX.Element;
+export declare const AutocompleteField: ({ label, placeholder, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;

package/dist/input-autocomplete/autocomplete-field/index.js

@@ -63,4 +63,3 @@ const E = ({
 export {
   E as AutocompleteField
 };
-//# sourceMappingURL=index.js.map

package/dist/input-autocomplete/autocomplete-field/index.module.css.js

@@ -8,4 +8,3 @@ export {
   e as default,
   o as error
 };
-//# sourceMappingURL=index.module.css.js.map

package/dist/input-autocomplete/component.d.ts

@@ -2,46 +2,20 @@ import { default as React, FC, ChangeEvent, RefAttributes } from 'react';
 import { InputProps } from '../input';
 import { BaseSelectProps } from '../select';
 export type InputAutocompleteProps = Omit<BaseSelectProps, 'Field' | 'nativeSelect'> & {
-    /**
-     * Компонент ввода значения
-     */
     Input?: FC<InputProps & RefAttributes<HTMLInputElement>>;
-    /**
-     * Пропсы, которые будут прокинуты в инпут
-     */
     inputProps?: InputProps & Record<string, unknown>;
-    /**
-     * Значение поля ввода
-     */
     value?: string;
-    /**
-     * Поле доступно только для чтения
-     */
     readOnly?: InputProps['readOnly'];
-    /**
-     * Отображение иконки успеха
-     */
     success?: boolean;
-    /**
-     * Обработчик ввода
-     */
     onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение поповера
-     */
     updatePopover?: BaseSelectProps['updatePopover'];
 };
-export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field"> & {
-    /**
-     * Компонент ввода значения
-     */
+export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "Field" | "nativeSelect"> & {
     Input?: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
-        required?: boolean | undefined; /**
-         * Обработчик ввода
-         */
+        required?: boolean | undefined;
         clear?: boolean | undefined;
         size?: "s" | "m" | "l" | undefined;
         error?: string | boolean | undefined;
@@ -60,7 +34,7 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         addonsClassName?: string | undefined;
         focusedClassName?: string | undefined;
         filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
+        onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>, payload: {
             value: string;
         }) => void) | undefined;
         onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
@@ -69,16 +43,11 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         dataTestId?: string | undefined;
     } & React.RefAttributes<HTMLInputElement>> | undefined;
-    /**
-     * Пропсы, которые будут прокинуты в инпут
-     */
     inputProps?: (Omit<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "value" | "type" | "size"> & {
         value?: string | undefined;
         defaultValue?: string | undefined;
         block?: boolean | undefined;
-        required?: boolean | undefined; /**
-         * Обработчик ввода
-         */
+        required?: boolean | undefined;
         clear?: boolean | undefined;
         size?: "s" | "m" | "l" | undefined;
         error?: string | boolean | undefined;
@@ -97,7 +66,7 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         addonsClassName?: string | undefined;
         focusedClassName?: string | undefined;
         filledClassName?: string | undefined;
-        onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
+        onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>, payload: {
             value: string;
         }) => void) | undefined;
         onClear?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
@@ -106,24 +75,9 @@ export declare const InputAutocomplete: React.ForwardRefExoticComponent<Omit<Bas
         onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
         dataTestId?: string | undefined;
     } & Record<string, unknown>) | undefined;
-    /**
-     * Значение поля ввода
-     */
     value?: string | undefined;
-    /**
-     * Поле доступно только для чтения
-     */
     readOnly?: InputProps['readOnly'];
-    /**
-     * Отображение иконки успеха
-     */
     success?: boolean | undefined;
-    /**
-     * Обработчик ввода
-     */
     onInput?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение поповера
-     */
     updatePopover?: BaseSelectProps['updatePopover'];
 } & React.RefAttributes<HTMLInputElement>>;

package/dist/input-autocomplete/component.js

@@ -51,4 +51,3 @@ const y = a(
 export {
   y as InputAutocomplete
 };
-//# sourceMappingURL=component.js.map

package/dist/input-autocomplete/index.js

@@ -2,4 +2,3 @@ import { InputAutocomplete as e } from "./component.js";
 export {
   e as InputAutocomplete
 };
-//# sourceMappingURL=index.js.map

package/dist/input-ghost/component.d.ts

@@ -7,4 +7,4 @@ export interface InputGhostProps {
     block?: boolean;
     size?: 's' | 'm';
 }
-export declare const InputGhost: ({ value, onChange, placeholder, leftAddons, block, size, }: InputGhostProps) => JSX.Element;
+export declare const InputGhost: ({ value, onChange, placeholder, leftAddons, block, size, }: InputGhostProps) => React.JSX.Element;

package/dist/input-ghost/component.js

@@ -26,4 +26,3 @@ const x = ({
 export {
   x as InputGhost
 };
-//# sourceMappingURL=component.js.map

package/dist/input-ghost/index.js

@@ -2,4 +2,3 @@ import { InputGhost as p } from "./component.js";
 export {
   p as InputGhost
 };
-//# sourceMappingURL=index.js.map

package/dist/input-ghost/index.module.css.js

@@ -14,4 +14,3 @@ export {
   n as m,
   o as s
 };
-//# sourceMappingURL=index.module.css.js.map