skillgrid 0.0.24 → 0.0.25-dev-40846-input.1178444

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

@@ -6,11 +6,11 @@ export type InputComponent = 'input' | 'textarea';
 /**
  * Размер компонента Input
  */
-export type InputSize = 'small' | 'medium' | 'large';
+export type InputSize = 'S' | 'M' | 'L' | 'XL';
 /**
  * Размер компонента InputWrapper
  */
-export type InputWrapperSize = 'small' | 'medium' | 'large';
+export type InputWrapperSize = 'S' | 'M' | 'L' | 'XL';
 /**
  * Пропсы для компонента Input
  */
@@ -35,6 +35,8 @@ export interface InputProps {
     onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Обработчик нажатия клавиши */
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Обработчик нажатия клавиши */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Максимальная длина */
     maxLength?: number;
     /** CSS классы */
@@ -102,6 +104,8 @@ export interface InputWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>,
     prefix?: React.ReactNode;
     /** Суффикс (иконка справа) */
     suffix?: React.ReactNode;
+    /** Обработчик клика по суффиксу */
+    onSuffixClick?: () => void;
     /** Плейсхолдер для поля */
     placeholder?: string;
     /** Показывать ли метку */

package/dist/components/InputBase/InputBase.type.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes } from 'react';
+import { ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, ChangeEvent } from 'react';
 /**
  * Размеры для компонента InputBase
  */
-export type InputBaseSize = 'small' | 'medium' | 'large';
+export type InputBaseSize = 'S' | 'M' | 'L' | 'XL';
 /**
  * Типы компонентов для InputBase
  */
@@ -43,10 +43,14 @@ export interface InputBaseProps {
     onFocus?: () => void;
     /** Обработчик потери фокуса */
     onBlur?: () => void;
+    /** Обработчик нажатия клавиши */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    /** Обработчик клика по суффиксу */
+    onSuffixClick?: () => void;
     /** Обработчик изменения значения */
-    onChange?: (value: string) => void;
+    onChange?: (text: string, e?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Текущее значение */
-    value?: string;
+    value?: string | null;
     /** Стили для обертки */
     wrapperProps?: HTMLAttributes<HTMLDivElement>;
     /** Стили для метки */

package/dist/components/List/List.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
 import { ListProps } from './List.type';
-export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLOListElement | HTMLUListElement>> & {
-    Item: React.FC<import('./ListItem/ListItem').ListItemProps>;
+export declare const List: import('react').ForwardRefExoticComponent<ListProps & import('react').RefAttributes<HTMLOListElement | HTMLUListElement>> & {
+    Item: import('react').FC<import('./ListItem/ListItem').ListItemProps>;
 };

package/dist/components/Palette/Palette.d.ts

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { PaletteProps } from './Palette.type';
 declare const Palette: React.FC<PaletteProps>;
 export default Palette;

package/dist/components/TextArea/TextArea.type.d.ts

@@ -1,8 +1,8 @@
-import { TextareaHTMLAttributes, ReactNode } from 'react';
+import { TextareaHTMLAttributes, ReactNode, ChangeEvent } from 'react';
 /**
  * Размеры для компонента TextArea
  */
-export type TextAreaSize = 'small' | 'medium';
+export type TextAreaSize = 'M' | 'L';
 /**
  * Пропсы для компонента TextArea
  */
@@ -10,7 +10,7 @@ export interface TextAreaProps {
     /** Значение поля */
     value?: string | null;
     /** Обработчик изменения значения */
-    onChange?: (value: string | null) => void;
+    onChange?: (text: string, e?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Плейсхолдер для поля */
     placeholder?: string;
     /** Максимальная длина */
@@ -41,6 +41,10 @@ export interface TextAreaProps {
     onFocus?: () => void;
     /** Обработчик потери фокуса */
     onBlur?: () => void;
+    /** Обработчик очистки поля */
+    onClear?: () => void;
+    /** Обработчик нажатия клавиши */
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Дополнительные CSS классы */
     className?: string;
     /** Количество строк для textarea */

package/dist/components/TextArea/lib/constants.d.ts

@@ -2,22 +2,22 @@
  * Константы для размеров TextArea
  */
 export declare const SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
+    readonly M: "M";
+    readonly L: "L";
 };
 /**
  * Константы для позиций
  */
 export declare const POSITIONS: {
-    readonly SMALL: "12px";
-    readonly MEDIUM: "16px";
+    readonly M: "12px";
+    readonly L: "16px";
 };
 /**
  * Константы для размеров иконок
  */
 export declare const ICON_SIZES: {
-    readonly SMALL: "xs";
-    readonly MEDIUM: "sm";
+    readonly M: "xs";
+    readonly L: "sm";
 };
 /**
  * Константы для resize режимов
@@ -32,32 +32,32 @@ export declare const RESIZE_MODES: {
  * Константы для высот wrapper
  */
 export declare const WRAPPER_HEIGHTS: {
-    readonly SMALL: "112px";
-    readonly MEDIUM: "56px";
+    readonly M: "112px";
+    readonly L: "56px";
 };
 /**
  * Константы для высот textarea
  */
 export declare const TEXTAREA_HEIGHTS: {
-    readonly SMALL: "48px";
-    readonly MEDIUM: "22px";
+    readonly M: "48px";
+    readonly L: "22px";
 };
 /**
  * Константы для padding
  */
 export declare const PADDING: {
-    readonly SMALL: "12px 12px 12px 12px";
-    readonly MEDIUM: "16px 16px 16px 16px";
-    readonly MEDIUM_WITH_PREFIX: "12px 16px 12px 16px";
-    readonly MEDIUM_FLOATING_LABEL: "8px 16px 8px 16px";
+    readonly M: "12px 12px 12px 12px";
+    readonly L: "16px 16px 16px 16px";
+    readonly L_WITH_PREFIX: "12px 16px 12px 16px";
+    readonly L_FLOATING_LABEL: "8px 16px 8px 16px";
 };
 /**
  * Константы для minHeight значений
  */
 export declare const MIN_HEIGHTS: {
-    readonly SMALL: 48;
-    readonly MEDIUM: 56;
-    readonly LARGE: 112;
+    readonly M: 48;
+    readonly L: 56;
+    readonly XL: 112;
 };
 export type TextAreaSize = (typeof SIZES)[keyof typeof SIZES];
 export type TextAreaPosition = (typeof POSITIONS)[keyof typeof POSITIONS];

package/dist/components/TextArea/lib/getters.d.ts

@@ -23,7 +23,7 @@ export declare const getPadding: (size: TextAreaSize, minHeight?: number, should
 /**
  * Получает размер для InputBase в зависимости от размера TextArea и minHeight
  */
-export declare const getInputBaseSize: (size: TextAreaSize, minHeight?: number) => "small" | "medium";
+export declare const getInputBaseSize: (size: TextAreaSize, minHeight?: number) => "M" | "L";
 /**
  * Получает размер иконки в зависимости от размера TextArea
  */

package/dist/components/TextInput/TextInput.type.d.ts

@@ -1,8 +1,8 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
 /**
  * Размеры для компонента TextInput
  */
-export type TextInputSize = 'small' | 'medium' | 'large';
+export type TextInputSize = 'S' | 'M' | 'L' | 'XL';
 /**
  * Пропсы для компонента TextInput
  */
@@ -10,7 +10,7 @@ export interface TextInputProps {
     /** Значение поля */
     value?: string | null;
     /** Обработчик изменения значения */
-    onChange?: (value: string | null) => void;
+    onChange?: (text: string, e?: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Плейсхолдер для поля */
     placeholder?: string;
     /** Тип элемента input */
@@ -47,6 +47,10 @@ export interface TextInputProps {
     onFocus?: () => void;
     /** Обработчик потери фокуса */
     onBlur?: () => void;
+    /** Обработчик клика по суффиксу */
+    onSuffixClick?: () => void;
+    /** Обработчик очистки поля */
+    onClear?: () => void;
     /** Дополнительные CSS классы */
     className?: string;
     /** Включить обрезку текста с многоточием */

package/dist/components/TextInput/lib/constants.d.ts

@@ -2,8 +2,9 @@
  * Константы для размеров TextInput
  */
 export declare const SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-    readonly LARGE: "large";
+    readonly S: "S";
+    readonly M: "M";
+    readonly L: "L";
+    readonly XL: "XL";
 };
 export type TextInputSize = (typeof SIZES)[keyof typeof SIZES];

package/dist/components/TextInput/lib/getters.d.ts

@@ -21,17 +21,21 @@ export declare const getHeight: (size: TextInputSize) => string;
  */
 export declare const getPrefixSuffixSpacing: (size: TextInputSize) => number;
 /**
- * Получает стили для большого размера
+ * Получает стили для S размера
  */
-export declare const getLargeSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+export declare const getSSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
 /**
- * Получает стили для среднего размера
+ * Получает стили для XL размера
  */
-export declare const getMediumSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+export declare const getXLSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
 /**
- * Получает стили для малого размера
+ * Получает стили для L размера
  */
-export declare const getSmallSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+export declare const getLSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
+/**
+ * Получает стили для M размера
+ */
+export declare const getMSizeStyles: (height: string, padding: string, spacing: number) => SizeStyles;
 /**
  * Основная функция для получения стилей размеров
  */