@consta/uikit 5.11.0 → 5.13.0

package/__internal__/src/components/TextDeprecated/TextDeprecated.d.ts

@@ -1,48 +1,48 @@
-import './Text.css';
-export declare const textPropAlign: readonly ["left", "center", "right"];
-export declare type TextPropAlign = typeof textPropAlign[number];
-export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
-export declare type TextPropDisplay = typeof textPropDisplay[number];
-export declare const textPropFont: readonly ["primary", "mono"];
-export declare type TextPropFont = typeof textPropFont[number];
-export declare const textPropCursor: readonly ["pointer"];
-export declare type TextPropCursor = typeof textPropCursor[number];
-export declare const textPropDecoration: readonly ["underline"];
-export declare type TextPropDecoration = typeof textPropDecoration[number];
-export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
-export declare type TextPropLineHeight = typeof textPropLineHeight[number];
-export declare const textPropLineHeightDefault: TextPropLineHeight;
-export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
-export declare type TextPropSize = typeof textPropSize[number];
-export declare const textPropSizeDefault: TextPropSize;
-export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
-export declare type TextPropSpacing = typeof textPropSpacing[number];
-export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
-export declare type TextPropView = typeof textPropView[number];
-export declare const textPropViewDefault: TextPropView;
-export declare const textPropWeight: readonly ["thin", "light", "regular", "medium", "semibold", "bold", "black"];
-export declare type TextPropWeight = typeof textPropWeight[number];
-export declare const textPropFontStyle: readonly ["italic"];
-export declare type TextPropFontStyle = typeof textPropFontStyle[number];
-export declare const textPropTransform: readonly ["uppercase"];
-export declare type TextPropTransform = typeof textPropTransform[number];
-export declare const textPropWidth: readonly ["default"];
-export declare type TextPropWidth = typeof textPropWidth[number];
-export declare type TextProps = {
-    align?: TextPropAlign;
-    cursor?: TextPropCursor;
-    decoration?: TextPropDecoration;
-    display?: TextPropDisplay;
-    font?: TextPropFont;
-    lineHeight?: TextPropLineHeight;
-    size?: TextPropSize;
-    spacing?: TextPropSpacing;
-    fontStyle?: TextPropFontStyle;
-    transform?: TextPropTransform;
-    view?: TextPropView;
-    weight?: TextPropWeight;
-    width?: TextPropWidth;
-    truncate?: boolean;
-};
-export declare const cnText: import("@bem-react/classname").ClassNameFormatter;
-export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<TextProps, "div">;
+import './Text.css';
+export declare const textPropAlign: readonly ["left", "center", "right"];
+export declare type TextPropAlign = typeof textPropAlign[number];
+export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
+export declare type TextPropDisplay = typeof textPropDisplay[number];
+export declare const textPropFont: readonly ["primary", "mono"];
+export declare type TextPropFont = typeof textPropFont[number];
+export declare const textPropCursor: readonly ["pointer"];
+export declare type TextPropCursor = typeof textPropCursor[number];
+export declare const textPropDecoration: readonly ["underline"];
+export declare type TextPropDecoration = typeof textPropDecoration[number];
+export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
+export declare type TextPropLineHeight = typeof textPropLineHeight[number];
+export declare const textPropLineHeightDefault: TextPropLineHeight;
+export declare const textPropSize: readonly ["m", "2xs", "xs", "s", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export declare type TextPropSize = typeof textPropSize[number];
+export declare const textPropSizeDefault: TextPropSize;
+export declare const textPropSpacing: readonly ["xs", "s", "m", "l"];
+export declare type TextPropSpacing = typeof textPropSpacing[number];
+export declare const textPropView: readonly ["primary", "secondary", "brand", "ghost", "link", "linkMinor", "system", "normal", "success", "warning", "alert", "caution", "critical"];
+export declare type TextPropView = typeof textPropView[number];
+export declare const textPropViewDefault: TextPropView;
+export declare const textPropWeight: readonly ["thin", "light", "regular", "medium", "semibold", "bold", "black"];
+export declare type TextPropWeight = typeof textPropWeight[number];
+export declare const textPropFontStyle: readonly ["italic"];
+export declare type TextPropFontStyle = typeof textPropFontStyle[number];
+export declare const textPropTransform: readonly ["uppercase"];
+export declare type TextPropTransform = typeof textPropTransform[number];
+export declare const textPropWidth: readonly ["default"];
+export declare type TextPropWidth = typeof textPropWidth[number];
+export declare type TextProps = {
+    align?: TextPropAlign;
+    cursor?: TextPropCursor;
+    decoration?: TextPropDecoration;
+    display?: TextPropDisplay;
+    font?: TextPropFont;
+    lineHeight?: TextPropLineHeight;
+    size?: TextPropSize;
+    spacing?: TextPropSpacing;
+    fontStyle?: TextPropFontStyle;
+    transform?: TextPropTransform;
+    view?: TextPropView;
+    weight?: TextPropWeight;
+    width?: TextPropWidth;
+    truncate?: boolean;
+};
+export declare const cnText: import("@bem-react/classname").ClassNameFormatter;
+export declare const Text: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<TextProps, "div">;

package/__internal__/src/components/TextDeprecated/index.d.ts

@@ -1 +1 @@
-export * from './TextDeprecated';
+export * from './TextDeprecated';

package/__internal__/src/components/TextField/TextField.d.ts

@@ -1,8 +1,8 @@
-import './TextField.css';
-import React from 'react';
-import { TextFieldComponent, TextFieldProps } from './types';
-export declare const COMPONENT_NAME: "TextField";
-export declare const cnTextField: import("@bem-react/classname").ClassNameFormatter;
-export declare const TextFieldRender: <TYPE extends string>(props: TextFieldProps<TYPE>, ref: React.Ref<HTMLDivElement>) => JSX.Element;
-export declare const TextField: TextFieldComponent;
-export * from './types';
+import './TextField.css';
+import React from 'react';
+import { TextFieldComponent, TextFieldProps } from './types';
+export declare const COMPONENT_NAME: "TextField";
+export declare const cnTextField: import("@bem-react/classname").ClassNameFormatter;
+export declare const TextFieldRender: <TYPE extends string>(props: TextFieldProps<TYPE>, ref: React.Ref<HTMLDivElement>) => JSX.Element;
+export declare const TextField: TextFieldComponent;
+export * from './types';

package/__internal__/src/components/TextField/helpers.d.ts

@@ -1,9 +1,9 @@
-import { IconPropSize } from '@consta/icons/Icon';
-import { TextFieldPropSize, TextFieldPropValue } from './types';
-export declare const sizeMap: Record<TextFieldPropSize, IconPropSize>;
-export declare const getValueByStepArray: (steps: number[], value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
-export declare const getValueByStepNumber: (step: number | string, value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
-export declare const getTypeForRender: (type: string, passwordVible: boolean) => string;
-export declare const getValueByStep: (steps: number | number[], value: string | null | undefined, isIncrement: boolean, min?: number | string, max?: number | string) => string;
-export declare const inputValue: (value?: TextFieldPropValue) => string | undefined;
-export declare const stepIsActive: (step: number | string | number[], type: string, disabled?: boolean) => boolean;
+import { IconPropSize } from '@consta/icons/Icon';
+import { TextFieldPropSize, TextFieldPropValue } from './types';
+export declare const sizeMap: Record<TextFieldPropSize, IconPropSize>;
+export declare const getValueByStepArray: (steps: number[], value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
+export declare const getValueByStepNumber: (step: number | string, value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
+export declare const getTypeForRender: (type: string, passwordVible: boolean) => string;
+export declare const getValueByStep: (steps: number | number[], value: string | null | undefined, isIncrement: boolean, min?: number | string, max?: number | string) => string;
+export declare const inputValue: (value?: TextFieldPropValue) => string | undefined;
+export declare const stepIsActive: (step: number | string | number[], type: string, disabled?: boolean) => boolean;

package/__internal__/src/components/TextField/index.d.ts

@@ -1 +1 @@
-export * from './TextField';
+export * from './TextField';

package/__internal__/src/components/TextField/types.d.ts

@@ -1,92 +1,92 @@
-import { IconComponent, IconPropSize } from '@consta/icons/Icon';
-import React from 'react';
-import { AutoCompete } from '../../utils/types/AutoComplete';
-import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type TextFieldPropValue = string | null;
-export declare type TextFieldPropName = string;
-export declare type TextFieldPropId = string | number;
-export declare const textFieldPropSize: readonly ["m", "xs", "s", "l"];
-export declare type TextFieldPropSize = typeof textFieldPropSize[number];
-export declare const textFieldPropSizeDefault: TextFieldPropSize;
-export declare type TextFieldPropOnChange = (value: TextFieldPropValue, params: TextFieldOnChangeArguments) => void;
-export declare type TextFieldOnChangeArguments = {
-    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
-    id?: TextFieldPropId;
-    name?: TextFieldPropName;
-};
-export declare const textFieldPropView: readonly ["default", "clear"];
-export declare type TextFieldPropView = typeof textFieldPropView[number];
-export declare const textFieldPropViewDefault: TextFieldPropView;
-export declare const textFieldPropForm: readonly ["default", "defaultClear", "defaultBrick", "brick", "brickDefault", "brickClear", "brickRound", "round", "roundClear", "roundBrick", "clearRound", "clearDefault", "clearBrick", "clearClear"];
-export declare type TextFieldPropForm = typeof textFieldPropForm[number];
-export declare const textFieldPropFormDefault: TextFieldPropForm;
-export declare const textFieldPropStatus: readonly ["alert", "success", "warning"];
-export declare type TextFieldPropStatus = typeof textFieldPropStatus[number];
-export declare type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ? {
-    minRows?: never;
-    maxRows?: never;
-    rows?: number;
-} | {
-    rows?: never;
-    minRows?: number;
-    maxRows?: number;
-} : {
-    rows?: never;
-    minRows?: never;
-    maxRows?: never;
-};
-declare type InputRef<TYPE> = TYPE extends 'textarea' ? {
-    inputRef?: React.Ref<HTMLTextAreaElement>;
-} : {
-    inputRef?: React.Ref<HTMLInputElement>;
-};
-export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
-    className?: string;
-    value?: TextFieldPropValue;
-    defaultValue?: TextFieldPropValue;
-    cols?: number;
-    onChange?: TextFieldPropOnChange;
-    id?: TextFieldPropId;
-    name?: TextFieldPropName;
-    type?: TYPE;
-    disabled?: boolean;
-    maxLength?: number;
-    size?: TextFieldPropSize;
-    view?: TextFieldPropView;
-    form?: TextFieldPropForm;
-    state?: TextFieldPropStatus;
-    status?: TextFieldPropStatus;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    incrementButtons?: boolean;
-    autoFocus?: boolean;
-    placeholder?: string;
-    leftSide?: string | IconComponent;
-    rightSide?: string | IconComponent;
-    withClearButton?: boolean;
-    autoComplete?: AutoCompete;
-    max?: number | string;
-    min?: number | string;
-    readOnly?: boolean;
-    required?: boolean;
-    step?: number | string | number[];
-    tabIndex?: number;
-    inputContainerRef?: React.Ref<HTMLDivElement>;
-    ariaLabel?: string;
-    iconSize?: IconPropSize;
-    children?: never;
-    label?: string;
-    labelIcon?: IconComponent;
-    caption?: string;
-    labelPosition?: 'top' | 'left';
-    focused?: boolean;
-    onKeyDownCapture?: React.KeyboardEventHandler;
-    onKeyPress?: React.KeyboardEventHandler;
-    onKeyPressCapture?: React.KeyboardEventHandler;
-    onKeyUp?: React.KeyboardEventHandler;
-    onKeyUpCapture?: React.KeyboardEventHandler;
-    onKeyDown?: React.KeyboardEventHandler;
-    onClear?: React.MouseEventHandler<HTMLButtonElement>;
-}, HTMLDivElement> & InputRef<TYPE> & TextFieldPropsTextareaType<TYPE> & React.RefAttributes<HTMLDivElement>;
-export declare type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
-export {};
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { AutoCompete } from '../../utils/types/AutoComplete';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare type TextFieldPropValue = string | null;
+export declare type TextFieldPropName = string;
+export declare type TextFieldPropId = string | number;
+export declare const textFieldPropSize: readonly ["m", "xs", "s", "l"];
+export declare type TextFieldPropSize = typeof textFieldPropSize[number];
+export declare const textFieldPropSizeDefault: TextFieldPropSize;
+export declare type TextFieldPropOnChange = (value: TextFieldPropValue, params: TextFieldOnChangeArguments) => void;
+export declare type TextFieldOnChangeArguments = {
+    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;
+    id?: TextFieldPropId;
+    name?: TextFieldPropName;
+};
+export declare const textFieldPropView: readonly ["default", "clear"];
+export declare type TextFieldPropView = typeof textFieldPropView[number];
+export declare const textFieldPropViewDefault: TextFieldPropView;
+export declare const textFieldPropForm: readonly ["default", "defaultClear", "defaultBrick", "brick", "brickDefault", "brickClear", "brickRound", "round", "roundClear", "roundBrick", "clearRound", "clearDefault", "clearBrick", "clearClear"];
+export declare type TextFieldPropForm = typeof textFieldPropForm[number];
+export declare const textFieldPropFormDefault: TextFieldPropForm;
+export declare const textFieldPropStatus: readonly ["alert", "success", "warning"];
+export declare type TextFieldPropStatus = typeof textFieldPropStatus[number];
+export declare type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ? {
+    minRows?: never;
+    maxRows?: never;
+    rows?: number;
+} | {
+    rows?: never;
+    minRows?: number;
+    maxRows?: number;
+} : {
+    rows?: never;
+    minRows?: never;
+    maxRows?: never;
+};
+declare type InputRef<TYPE> = TYPE extends 'textarea' ? {
+    inputRef?: React.Ref<HTMLTextAreaElement>;
+} : {
+    inputRef?: React.Ref<HTMLInputElement>;
+};
+export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
+    className?: string;
+    value?: TextFieldPropValue;
+    defaultValue?: TextFieldPropValue;
+    cols?: number;
+    onChange?: TextFieldPropOnChange;
+    id?: TextFieldPropId;
+    name?: TextFieldPropName;
+    type?: TYPE;
+    disabled?: boolean;
+    maxLength?: number;
+    size?: TextFieldPropSize;
+    view?: TextFieldPropView;
+    form?: TextFieldPropForm;
+    state?: TextFieldPropStatus;
+    status?: TextFieldPropStatus;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    incrementButtons?: boolean;
+    autoFocus?: boolean;
+    placeholder?: string;
+    leftSide?: string | IconComponent;
+    rightSide?: string | IconComponent;
+    withClearButton?: boolean;
+    autoComplete?: AutoCompete;
+    max?: number | string;
+    min?: number | string;
+    readOnly?: boolean;
+    required?: boolean;
+    step?: number | string | number[];
+    tabIndex?: number;
+    inputContainerRef?: React.Ref<HTMLDivElement>;
+    ariaLabel?: string;
+    iconSize?: IconPropSize;
+    children?: never;
+    label?: string;
+    labelIcon?: IconComponent;
+    caption?: string;
+    labelPosition?: 'top' | 'left';
+    focused?: boolean;
+    onKeyDownCapture?: React.KeyboardEventHandler;
+    onKeyPress?: React.KeyboardEventHandler;
+    onKeyPressCapture?: React.KeyboardEventHandler;
+    onKeyUp?: React.KeyboardEventHandler;
+    onKeyUpCapture?: React.KeyboardEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    onClear?: React.MouseEventHandler<HTMLButtonElement>;
+}, HTMLDivElement> & InputRef<TYPE> & TextFieldPropsTextareaType<TYPE> & React.RefAttributes<HTMLDivElement>;
+export declare type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
+export {};

package/__internal__/src/components/TextFieldCanary/TextField.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldComponent } from './types';
-export declare const TextField: TextFieldComponent;
+import { TextFieldComponent } from './types';
+export declare const TextField: TextFieldComponent;

package/__internal__/src/components/TextFieldCanary/TextField.js

@@ -1,2 +1,2 @@
-import React,{forwardRef}from"react";import{TextFieldTypeNumber}from"./TextFieldTypeNumber";import{TextFieldTypePassword}from"./TextFieldTypePassword";import{TextFieldTypeText}from"./TextFieldTypeText";import{TextFieldTypeTextArea}from"./TextFieldTypeTextArea";import{TextFieldTypeTextArray}from"./TextFieldTypeTextArray";var typeMap={text:TextFieldTypeText,textarea:TextFieldTypeTextArea,password:TextFieldTypePassword,number:TextFieldTypeNumber,textarray:TextFieldTypeTextArray},TextFieldRender=function(a,b){var c=typeMap[a.type||"text"];return React.createElement(c,Object.assign({ref:b},a))};export var TextField=forwardRef(TextFieldRender);
+import React,{forwardRef}from"react";import{TextFieldTypeNumber}from"./TextFieldTypeNumber";import{TextFieldTypePassword}from"./TextFieldTypePassword";import{TextFieldTypeText}from"./TextFieldTypeText";import{TextFieldTypeTextArea}from"./TextFieldTypeTextArea";import{TextFieldTypeTextArray}from"./TextFieldTypeTextArray";var typeMap={text:TextFieldTypeText,textarea:TextFieldTypeTextArea,password:TextFieldTypePassword,number:TextFieldTypeNumber,textarray:TextFieldTypeTextArray},TextFieldRender=function(a,b){var c=typeMap[a.type||"text"]||typeMap.text;return React.createElement(c,Object.assign({ref:b},a))};export var TextField=forwardRef(TextFieldRender);
 //# sourceMappingURL=TextField.js.map

package/__internal__/src/components/TextFieldCanary/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["React","forwardRef","TextFieldTypeNumber","TextFieldTypePassword","TextFieldTypeText","TextFieldTypeTextArea","TextFieldTypeTextArray","typeMap","text","textarea","password","number","textarray","TextFieldRender","props","ref","Component","type","TextField"],"sources":["../../../../../src/components/TextFieldCanary/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TextFieldTypeNumber } from './TextFieldTypeNumber';\nimport { TextFieldTypePassword } from './TextFieldTypePassword';\nimport { TextFieldTypeText } from './TextFieldTypeText';\nimport { TextFieldTypeTextArea } from './TextFieldTypeTextArea';\nimport { TextFieldTypeTextArray } from './TextFieldTypeTextArray';\nimport {\n  TextFieldComponent,\n  TextFieldProps,\n  TextFieldTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n  string,\n  | TextFieldTypeComponent<'text'>\n  | TextFieldTypeComponent<'textarea'>\n  | TextFieldTypeComponent<'password'>\n  | TextFieldTypeComponent<'number'>\n  | TextFieldTypeComponent<'textarray'>\n> = {\n  text: TextFieldTypeText,\n  textarea: TextFieldTypeTextArea,\n  password: TextFieldTypePassword,\n  number: TextFieldTypeNumber,\n  textarray: TextFieldTypeTextArray,\n};\n\nconst TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const Component = typeMap[props.type || 'text'];\n\n  return <Component ref={ref} {...(props as TextFieldTypeComponent<TYPE>)} />;\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\n"],"mappings":"AAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,mBAAT,6BACA,OAASC,qBAAT,+BACA,OAASC,iBAAT,2BACA,OAASC,qBAAT,+BACA,OAASC,sBAAT,gC,GAOMC,QAOL,CAAG,CACFC,IAAI,CAAEJ,iBADJ,CAEFK,QAAQ,CAAEJ,qBAFR,CAGFK,QAAQ,CAAEP,qBAHR,CAIFQ,MAAM,CAAET,mBAJN,CAKFU,SAAS,CAAEN,sBALT,C,CAQEO,eAAe,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGnB,CACH,GAAMC,EAAS,CAAGT,OAAO,CAACO,CAAK,CAACG,IAAN,EAAc,MAAf,CAAzB,CAEA,MAAO,qBAAC,CAAD,gBAAW,GAAG,CAAEF,CAAhB,EAA0BD,CAA1B,EACR,C,CAED,MAAO,IAAMI,UAAS,CAAGjB,UAAU,CAACY,eAAD,CAA5B"}
+{"version":3,"file":"TextField.js","names":["React","forwardRef","TextFieldTypeNumber","TextFieldTypePassword","TextFieldTypeText","TextFieldTypeTextArea","TextFieldTypeTextArray","typeMap","text","textarea","password","number","textarray","TextFieldRender","props","ref","Component","type","TextField"],"sources":["../../../../../src/components/TextFieldCanary/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { TextFieldTypeNumber } from './TextFieldTypeNumber';\nimport { TextFieldTypePassword } from './TextFieldTypePassword';\nimport { TextFieldTypeText } from './TextFieldTypeText';\nimport { TextFieldTypeTextArea } from './TextFieldTypeTextArea';\nimport { TextFieldTypeTextArray } from './TextFieldTypeTextArray';\nimport {\n  TextFieldComponent,\n  TextFieldProps,\n  TextFieldTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n  string,\n  | TextFieldTypeComponent<'text'>\n  | TextFieldTypeComponent<'textarea'>\n  | TextFieldTypeComponent<'password'>\n  | TextFieldTypeComponent<'number'>\n  | TextFieldTypeComponent<'textarray'>\n> = {\n  text: TextFieldTypeText,\n  textarea: TextFieldTypeTextArea,\n  password: TextFieldTypePassword,\n  number: TextFieldTypeNumber,\n  textarray: TextFieldTypeTextArray,\n};\n\nconst TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const Component = typeMap[props.type || 'text'] || typeMap.text;\n\n  return <Component ref={ref} {...props} />;\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\n"],"mappings":"AAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,mBAAT,6BACA,OAASC,qBAAT,+BACA,OAASC,iBAAT,2BACA,OAASC,qBAAT,+BACA,OAASC,sBAAT,gC,GAOMC,QAOL,CAAG,CACFC,IAAI,CAAEJ,iBADJ,CAEFK,QAAQ,CAAEJ,qBAFR,CAGFK,QAAQ,CAAEP,qBAHR,CAIFQ,MAAM,CAAET,mBAJN,CAKFU,SAAS,CAAEN,sBALT,C,CAQEO,eAAe,CAAG,SACtBC,CADsB,CAEtBC,CAFsB,CAGnB,CACH,GAAMC,EAAS,CAAGT,OAAO,CAACO,CAAK,CAACG,IAAN,EAAc,MAAf,CAAP,EAAiCV,OAAO,CAACC,IAA3D,CAEA,MAAO,qBAAC,CAAD,gBAAW,GAAG,CAAEO,CAAhB,EAAyBD,CAAzB,EACR,C,CAED,MAAO,IAAMI,UAAS,CAAGjB,UAAU,CAACY,eAAD,CAA5B"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldTypeComponent } from '../types';
-export declare const TextFieldTypeNumber: TextFieldTypeComponent<'number'>;
+import { TextFieldTypeComponent } from '../types';
+export declare const TextFieldTypeNumber: TextFieldTypeComponent<'number'>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/cnTextFieldTypeNumber.d.ts

@@ -1,2 +1,2 @@
-import './TextFieldTypeNumber.css';
-export declare const cnTextFieldTypeNumber: import("@bem-react/classname").ClassNameFormatter;
+import './TextFieldTypeNumber.css';
+export declare const cnTextFieldTypeNumber: import("@bem-react/classname").ClassNameFormatter;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/helpers.d.ts

@@ -1,4 +1,4 @@
-export declare const getValueByStepArray: (steps: number[], value: string | null | undefined, isIncrement: boolean) => number;
-export declare const getValueByStepNumber: (step: number | string, value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
-export declare const getValueByStep: (steps: number | number[], value: string | null | undefined, isIncrement: boolean, min?: number | string, max?: number | string) => string;
-export declare const stepIsActive: (step: number | string | number[], disabled?: boolean) => boolean;
+export declare const getValueByStepArray: (steps: number[], value: string | null | undefined, isIncrement: boolean) => number;
+export declare const getValueByStepNumber: (step: number | string, value: string | null | undefined, min: number | string | undefined, max: number | string | undefined, isIncrement: boolean) => number;
+export declare const getValueByStep: (steps: number | number[], value: string | null | undefined, isIncrement: boolean, min?: number | string, max?: number | string) => string;
+export declare const stepIsActive: (step: number | string | number[], disabled?: boolean) => boolean;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeNumber/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypeNumber';
+export * from './TextFieldTypeNumber';

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldTypeComponent } from '..';
-export declare const TextFieldTypePassword: TextFieldTypeComponent<'password'>;
+import { TextFieldTypeComponent } from '..';
+export declare const TextFieldTypePassword: TextFieldTypeComponent<'password'>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypePassword/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypePassword';
+export * from './TextFieldTypePassword';

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldTypeComponent } from '..';
-export declare const TextFieldTypeText: TextFieldTypeComponent<'text'>;
+import { TextFieldTypeComponent } from '..';
+export declare const TextFieldTypeText: TextFieldTypeComponent<string>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypeText=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.onKeyDown,G=a.onKeyDownCapture,H=a.onKeyUp,I=a.onKeyUpCapture,J=a.onCopy,K=a.onCopyCapture,L=a.onCut,M=a.onCutCapture,N=a.onPaste,O=a.onPasteCapture,P=a.onClear,Q=_objectWithoutProperties(a,_excluded),R=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:P}),S=R.handleBlur,T=R.handleChange,U=R.handleClear,V=R.handleFocus,W=R.focused,X=R.withValue,Y=R.ref,Z=R.inputRef,$=R.handleClick;return React.createElement(FieldControlLayout,Object.assign({},Q,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&X&&React.createElement(FieldClearButton,{size:m,onClick:U}),renderSide(w,m,D)],focused:W,view:o,ref:useForkRef([b,Y]),disabled:k,onClick:$}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:S,onChange:T,onFocus:V,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,Z]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:F,onKeyDownCapture:G,onKeyUp:H,onKeyUpCapture:I,maxLength:j,disabled:k,type:A,id:g,name:h,onCopy:J,onCopyCapture:K,onCut:L,onCutCapture:M,onPaste:N,onPasteCapture:O}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypeText=forwardRef(function(a,b){var c=a.className,d=a.value,e=a.defaultValue,f=a.onChange,g=a.id,h=a.name,i=a.inputRef,j=a.maxLength,k=a.disabled,l=a.size,m=void 0===l?"m":l,n=a.view,o=void 0===n?"default":n,p=a.form,q=a.status,r=a.onBlur,s=a.onFocus,t=a.autoFocus,u=a.placeholder,v=a.leftSide,w=a.rightSide,x=a.autoComplete,y=a.withClearButton,z=a.readOnly,A=a.type,B=void 0===A?"text":A,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.onKeyDown,H=a.onKeyDownCapture,I=a.onKeyUp,J=a.onKeyUpCapture,K=a.onCopy,L=a.onCopyCapture,M=a.onCut,N=a.onCutCapture,O=a.onPaste,P=a.onPasteCapture,Q=a.onClear,R=_objectWithoutProperties(a,_excluded),S=useTextField({onClick:F,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:Q}),T=S.handleBlur,U=S.handleChange,V=S.handleClear,W=S.handleFocus,X=S.focused,Y=S.withValue,Z=S.ref,$=S.inputRef,_=S.handleClick;return React.createElement(FieldControlLayout,Object.assign({},R,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,E),rightSide:[y&&!k&&Y&&React.createElement(FieldClearButton,{size:m,onClick:V}),renderSide(w,m,E)],focused:X,view:o,ref:useForkRef([b,Z]),disabled:k,onClick:_}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:T,onChange:U,onFocus:W,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,$]),readOnly:z,tabIndex:C,"aria-label":D,onKeyDown:G,onKeyDownCapture:H,onKeyUp:I,onKeyUpCapture:J,maxLength:j,disabled:k,type:B,id:g,name:h,onCopy:K,onCopyCapture:L,onCut:M,onCutCapture:N,onPaste:O,onPasteCapture:P}))});
 //# sourceMappingURL=TextFieldTypeText.js.map

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeText.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","renderSide","useForkRef","useTextField","TextFieldTypeText","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypeText: TextFieldTypeComponent<'text'> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeText.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","renderSide","useForkRef","useTextField","TextFieldTypeText","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeText/TextFieldTypeText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypeText: TextFieldTypeComponent<string> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type = 'text',\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={className}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={onKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"ihBAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,gBADF,CAEEC,kBAFF,CAGEC,UAHF,CAIEC,UAJF,6BAMA,OAASC,UAAT,iCAGA,OAASC,YAAT,uBAEA,MAAO,IAAMC,kBAAiD,CAAGP,UAAU,CACzE,SAACQ,CAAD,CAAQC,CAAR,CAAyB,IAErBC,EAFqB,CA0CnBF,CA1CmB,CAErBE,SAFqB,CAGrBC,CAHqB,CA0CnBH,CA1CmB,CAGrBG,KAHqB,CAIrBC,CAJqB,CA0CnBJ,CA1CmB,CAIrBI,YAJqB,CAKrBC,CALqB,CA0CnBL,CA1CmB,CAKrBK,QALqB,CAMrBC,CANqB,CA0CnBN,CA1CmB,CAMrBM,EANqB,CAOrBC,CAPqB,CA0CnBP,CA1CmB,CAOrBO,IAPqB,CAQXC,CARW,CA0CnBR,CA1CmB,CAQrBS,QARqB,CASrBC,CATqB,CA0CnBV,CA1CmB,CASrBU,SATqB,CAUrBC,CAVqB,CA0CnBX,CA1CmB,CAUrBW,QAVqB,GA0CnBX,CA1CmB,CAWrBY,IAXqB,CAWrBA,CAXqB,YAWd,GAXc,KA0CnBZ,CA1CmB,CAYrBa,IAZqB,CAYrBA,CAZqB,YAYd,SAZc,GAarBC,CAbqB,CA0CnBd,CA1CmB,CAarBc,IAbqB,CAcrBC,CAdqB,CA0CnBf,CA1CmB,CAcrBe,MAdqB,CAerBC,CAfqB,CA0CnBhB,CA1CmB,CAerBgB,MAfqB,CAgBrBC,CAhBqB,CA0CnBjB,CA1CmB,CAgBrBiB,OAhBqB,CAiBrBC,CAjBqB,CA0CnBlB,CA1CmB,CAiBrBkB,SAjBqB,CAkBrBC,CAlBqB,CA0CnBnB,CA1CmB,CAkBrBmB,WAlBqB,CAmBrBC,CAnBqB,CA0CnBpB,CA1CmB,CAmBrBoB,QAnBqB,CAoBrBC,CApBqB,CA0CnBrB,CA1CmB,CAoBrBqB,SApBqB,CAqBrBC,CArBqB,CA0CnBtB,CA1CmB,CAqBrBsB,YArBqB,CAsBrBC,CAtBqB,CA0CnBvB,CA1CmB,CAsBrBuB,eAtBqB,CAuBrBC,CAvBqB,CA0CnBxB,CA1CmB,CAuBrBwB,QAvBqB,GA0CnBxB,CA1CmB,CAwBrByB,IAxBqB,CAwBrBA,CAxBqB,YAwBd,MAxBc,GAyBrBC,CAzBqB,CA0CnB1B,CA1CmB,CAyBrB0B,QAzBqB,CA0BrBC,CA1BqB,CA0CnB3B,CA1CmB,CA0BrB2B,SA1BqB,CA2BrBC,CA3BqB,CA0CnB5B,CA1CmB,CA2BrB4B,QA3BqB,CA4BrBC,CA5BqB,CA0CnB7B,CA1CmB,CA4BrB6B,OA5BqB,CA8BrBC,CA9BqB,CA0CnB9B,CA1CmB,CA8BrB8B,SA9BqB,CA+BrBC,CA/BqB,CA0CnB/B,CA1CmB,CA+BrB+B,gBA/BqB,CAgCrBC,CAhCqB,CA0CnBhC,CA1CmB,CAgCrBgC,OAhCqB,CAiCrBC,CAjCqB,CA0CnBjC,CA1CmB,CAiCrBiC,cAjCqB,CAkCrBC,CAlCqB,CA0CnBlC,CA1CmB,CAkCrBkC,MAlCqB,CAmCrBC,CAnCqB,CA0CnBnC,CA1CmB,CAmCrBmC,aAnCqB,CAoCrBC,CApCqB,CA0CnBpC,CA1CmB,CAoCrBoC,KApCqB,CAqCrBC,CArCqB,CA0CnBrC,CA1CmB,CAqCrBqC,YArCqB,CAsCrBC,CAtCqB,CA0CnBtC,CA1CmB,CAsCrBsC,OAtCqB,CAuCrBC,CAvCqB,CA0CnBvC,CA1CmB,CAuCrBuC,cAvCqB,CAwCrBC,CAxCqB,CA0CnBxC,CA1CmB,CAwCrBwC,OAxCqB,CAyClBC,CAzCkB,0BA0CnBzC,CA1CmB,cAsDnBF,YAAY,CAAC,CACf+B,OAAO,CAAPA,CADe,CAEfxB,QAAQ,CAARA,CAFe,CAGfW,MAAM,CAANA,CAHe,CAIfC,OAAO,CAAPA,CAJe,CAKfN,QAAQ,CAARA,CALe,CAMf6B,OAAO,CAAPA,CANe,CAAD,CAtDO,CA6CrBE,CA7CqB,GA6CrBA,UA7CqB,CA8CrBC,CA9CqB,GA8CrBA,YA9CqB,CA+CrBC,CA/CqB,GA+CrBA,WA/CqB,CAgDrBC,CAhDqB,GAgDrBA,WAhDqB,CAiDrBC,CAjDqB,GAiDrBA,OAjDqB,CAkDrBC,CAlDqB,GAkDrBA,SAlDqB,CAmDrBC,CAnDqB,GAmDrBA,GAnDqB,CAoDrBvC,CApDqB,GAoDrBA,QApDqB,CAqDrBwC,CArDqB,GAqDrBA,WArDqB,CA+DvB,MACE,qBAAC,kBAAD,kBACMR,CADN,EAEE,SAAS,CAAEvC,CAFb,CAGE,IAAI,CAAEY,CAHR,CAIE,MAAM,CAAEC,CAJV,CAKE,IAAI,CAAEH,CALR,CAME,QAAQ,CAAEhB,UAAU,CAACwB,CAAD,CAAWR,CAAX,CAAiBgB,CAAjB,CANtB,CAOE,SAAS,CAAE,CACTL,CAAe,EAAI,CAACZ,CAApB,EAAgCoC,CAAhC,EACE,oBAAC,gBAAD,EAAkB,IAAI,CAAEnC,CAAxB,CAA8B,OAAO,CAAEgC,CAAvC,EAFO,CAIThD,UAAU,CAACyB,CAAD,CAAYT,CAAZ,CAAkBgB,CAAlB,CAJD,CAPb,CAaE,OAAO,CAAEkB,CAbX,CAcE,IAAI,CAAEjC,CAdR,CAeE,GAAG,CAAEhB,UAAU,CAAC,CAACI,CAAD,CAAe+C,CAAf,CAAD,CAfjB,CAgBE,QAAQ,CAAErC,CAhBZ,CAiBE,OAAO,CAAEsC,CAjBX,GAmBE,oBAAC,UAAD,EACE,WAAW,CAAE9B,CADf,CAEE,SAAS,CAAED,CAFb,CAGE,YAAY,CAAEI,CAHhB,CAIE,MAAM,CAAEoB,CAJV,CAKE,QAAQ,CAAEC,CALZ,CAME,OAAO,CAAEE,CANX,CAOE,YAAY,CAAEzC,CAAY,QAP5B,CAQE,KAAK,CAAY,IAAV,GAAAD,CAAK,CAAY,EAAZ,CAAiBA,CAR/B,CASE,GAAG,CAAEN,UAAU,CAAC,CAACW,CAAD,CAAeC,CAAf,CAAD,CATjB,CAUE,QAAQ,CAAEe,CAVZ,CAWE,QAAQ,CAAEE,CAXZ,CAYE,aAAYC,CAZd,CAaE,SAAS,CAAEG,CAbb,CAcE,gBAAgB,CAAEC,CAdpB,CAeE,OAAO,CAAEC,CAfX,CAgBE,cAAc,CAAEC,CAhBlB,CAiBE,SAAS,CAAEvB,CAjBb,CAkBE,QAAQ,CAAEC,CAlBZ,CAmBE,IAAI,CAAEc,CAnBR,CAoBE,EAAE,CAAEnB,CApBN,CAqBE,IAAI,CAAEC,CArBR,CAsBE,MAAM,CAAE2B,CAtBV,CAuBE,aAAa,CAAEC,CAvBjB,CAwBE,KAAK,CAAEC,CAxBT,CAyBE,YAAY,CAAEC,CAzBhB,CA0BE,OAAO,CAAEC,CA1BX,CA2BE,cAAc,CAAEC,CA3BlB,EAnBF,CAkDH,CAnHwE,CAApE"}

package/__internal__/src/components/TextFieldCanary/TextFieldTypeText/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypeText';
+export * from './TextFieldTypeText';

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.d.ts

@@ -1,4 +1,4 @@
-import './TextFieldTypeTextArea.css';
-import { TextFieldTypeComponent } from '../types';
-export declare const cnTextFieldTypeTextArea: import("@bem-react/classname").ClassNameFormatter;
-export declare const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'>;
+import './TextFieldTypeTextArea.css';
+import { TextFieldTypeComponent } from '../types';
+export declare const cnTextFieldTypeTextArea: import("@bem-react/classname").ClassNameFormatter;
+export declare const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/index.d.ts

@@ -1 +1 @@
-export * from './TextFieldTypeTextArea';
+export * from './TextFieldTypeTextArea';

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.d.ts

@@ -1,2 +1,2 @@
-import { TextFieldTypeComponent } from '../types';
-export declare const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'>;
+import { TextFieldTypeComponent } from '../types';
+export declare const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'>;

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useMemo,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{getStyleProps}from"../../../hooks/useStyleProps";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{useTextField}from"../useTextField";import{cnTextFieldTypeTextArray}from"./cnTextFieldTypeTextArray";var defaultRenderValueItem=function(a){var b=a.item,c=a.index,d=a.size,e=a.disabled,f=a.onRemove;return React.createElement(FieldArrayValueItem,{key:c,size:d,label:b,disabled:e,onRemove:f})};export var TextFieldTypeTextArray=forwardRef(function(a,b){var c,d=a.className,f=a.value,g=a.defaultValue,h=a.onChange,i=a.id,e=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.style,H=a.inputValue,I=a.renderValueItem,J=void 0===I?defaultRenderValueItem:I,K=a.onInputChange,L=a.onKeyDown,M=a.onKeyDownCapture,N=a.onKeyUp,O=a.onKeyUpCapture,P=a.onCopy,Q=a.onCopyCapture,R=a.onCut,S=a.onCutCapture,T=a.onPaste,U=a.onPasteCapture,V=a.onClear,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:F,onChange:K,onBlur:s,onFocus:t,disabled:l,onClear:void 0}),Y=X.handleBlur,Z=X.handleChange,$=X.handleClear,_=X.handleFocus,aa=X.focused,ba=X.withValue,ca=X.ref,da=X.inputRef,ea=X.handleClick,fa=ba||!!(null!==f&&void 0!==f&&f.length),ga=useRef(null),ha=useRef(null),ia=useMutableRef([h,$,f]),ja=function(a){return function(b){if(null!==f&&void 0!==f&&f.length){var c=_toConsumableArray(f);c.splice(a,1),null===h||void 0===h?void 0:h(c.length?c:null,{e:b})}}},ka=useCallback(function(a){var b;if(ia.current[1](a),null!==(b=ia.current[2])&&void 0!==b&&b.length){var c,d;null===(c=(d=ia.current)[0])||void 0===c?void 0:c.call(d,null,{e:a})}},[]),la=useMemo(function(){return{Enter:function Enter(a){var b=a.target.value;if(b){var c,d;null===(c=(d=ia.current)[0])||void 0===c?void 0:c.call(d,[].concat(_toConsumableArray(ia.current[2]||[]),[b]),{e:a}),ga.current&&ga.current.scrollTo({top:ga.current.scrollHeight})}},Backspace:function Backspace(a){var b=a.target.value,c=ia.current[2];if(!b&&null!==c&&void 0!==c&&c.length){var d,e;a.preventDefault();var f=_toConsumableArray(c);f.pop(),null===(d=(e=ia.current)[0])||void 0===d?void 0:d.call(e,f,{e:a})}}}},[]),ma=useKeys({isActive:!!h,keys:la,onEvent:L}),na=useRefs(2,[!!x,z&&!l&&fa]),oa=useComponentSize(ga),pa=useResizeObserved(na,getElementWidth),qa=ca.current?getStyleProps(ca.current,["max-height","height"]):void 0;return useEffect(function(){ga.current&&ha.current&&aa&&ha.current.scrollTo({top:oa.height})},[oa.height]),useEffect(function(){da.current&&da.current.value!==H&&(da.current.value=H||"")},[H,da.current]),React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeTextArray(null,[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&fa&&React.createElement(FieldClearButton,{size:n,onClick:V||ka}),renderSide(x,n,E)],focused:aa,view:p,ref:useForkRef([b,ca]),disabled:l,onClick:ea,rightSlotsRefs:na,style:_objectSpread(_objectSpread({},G),{},(c={},_defineProperty(c,"--text-tield-textarray-max-height",(null===qa||void 0===qa?void 0:qa["max-height"])||(null===qa||void 0===qa?void 0:qa.height)||"auto"),_defineProperty(c,"--text-field-textarray-slot-sizes-width","".concat(pa.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarray-slot-sizes-lenght",pa.filter(function(a){return!!a}).length),c))}),React.createElement("div",{ref:ha,className:cnTextFieldTypeTextArray("ScrollWrapper",[cnMixScrollBar({size:"xs"})])},React.createElement(FieldArrayValueInlineControl,{size:n,inputRef:useForkRef([da,j]),value:null!==f&&void 0!==f?f:void 0,onInputFocus:_,onInputBlur:Y,onInputChange:Z,inputAutoFocus:u,onInputKeyDown:ma,ref:ga,placeholder:v,renderValue:function renderValue(a,b){return J({item:a,index:b,size:n,disabled:l,onRemove:ja(b)})},onCopy:P,onCopyCapture:Q,onCut:R,onCutCapture:S,onPaste:T,onPasteCapture:U,inputTabIndex:C})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useMemo,useRef}from"react";import{FieldArrayValueInlineControl,FieldArrayValueItem,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{getStyleProps}from"../../../hooks/useStyleProps";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{useTextField}from"../useTextField";import{cnTextFieldTypeTextArray}from"./cnTextFieldTypeTextArray";var defaultRenderValueItem=function(a){var b=a.item,c=a.index,d=a.size,e=a.disabled,f=a.onRemove;return React.createElement(FieldArrayValueItem,{key:c,size:d,label:b,disabled:e,onRemove:f})};export var TextFieldTypeTextArray=forwardRef(function(a,b){var c,d=a.className,f=a.value,g=a.defaultValue,h=a.onChange,i=a.id,e=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.style,H=a.inputValue,I=a.renderValueItem,J=void 0===I?defaultRenderValueItem:I,K=a.onInputChange,L=a.onKeyDown,M=a.onKeyDownCapture,N=a.onKeyUp,O=a.onKeyUpCapture,P=a.onCopy,Q=a.onCopyCapture,R=a.onCut,S=a.onCutCapture,T=a.onPaste,U=a.onPasteCapture,V=a.onClear,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:F,onChange:K,onBlur:s,onFocus:t,disabled:l,onClear:void 0}),Y=X.handleBlur,Z=X.handleChange,$=X.handleClear,_=X.handleFocus,aa=X.focused,ba=X.withValue,ca=X.ref,da=X.inputRef,ea=X.handleClick,fa=ba||!!(null!==f&&void 0!==f&&f.length),ga=useRef(null),ha=useRef(null),ia=useMutableRef([h,$,f]),ja=function(a){return function(b){if(null!==f&&void 0!==f&&f.length){var c=_toConsumableArray(f);c.splice(a,1),null===h||void 0===h?void 0:h(c.length?c:null,{e:b})}}},ka=useCallback(function(a){var b;if(ia.current[1](a),null!==(b=ia.current[2])&&void 0!==b&&b.length){var c,d;null===(c=(d=ia.current)[0])||void 0===c?void 0:c.call(d,null,{e:a})}},[]),la=useMemo(function(){return{Enter:function Enter(a){var b=a.target.value;if(b){var c,d;null===(c=(d=ia.current)[0])||void 0===c?void 0:c.call(d,[].concat(_toConsumableArray(ia.current[2]||[]),[b]),{e:a}),ga.current&&ga.current.scrollTo({top:ga.current.scrollHeight})}},Backspace:function Backspace(a){var b=a.target.value,c=ia.current[2];if(!b&&null!==c&&void 0!==c&&c.length){var d,e;a.preventDefault();var f=_toConsumableArray(c);f.pop(),null===(d=(e=ia.current)[0])||void 0===d?void 0:d.call(e,f,{e:a})}}}},[]),ma=useKeys({isActive:!!h,keys:la,onEvent:L}),na=useRefs(2,[!!x,z&&!l&&fa]),oa=useComponentSize(ga),pa=useResizeObserved(na,getElementWidth),qa=ca.current?getStyleProps(ca.current,["max-height","height"]):void 0;return useEffect(function(){ga.current&&ha.current&&aa&&ha.current.scrollTo({top:oa.height})},[oa.height]),useEffect(function(){da.current&&da.current.value!==H&&(da.current.value=H||"")},[H,da.current]),React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeTextArray(null,[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&fa&&React.createElement(FieldClearButton,{size:n,onClick:V||ka}),renderSide(x,n,E)],focused:aa,view:p,ref:useForkRef([b,ca]),disabled:l,onClick:ea,rightSlotsRefs:na,style:_objectSpread(_objectSpread({},G),{},(c={},_defineProperty(c,"--text-tield-textarray-max-height",(null===qa||void 0===qa?void 0:qa["max-height"])||(null===qa||void 0===qa?void 0:qa.height)||"auto"),_defineProperty(c,"--text-field-textarray-slot-sizes-width","".concat(pa.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarray-slot-sizes-lenght",pa.filter(function(a){return!!a}).length),c))}),React.createElement("div",{ref:ha,className:cnTextFieldTypeTextArray("ScrollWrapper",[cnMixScrollBar({size:"xs"})])},React.createElement(FieldArrayValueInlineControl,{size:n,inputRef:useForkRef([da,j]),value:null!==f&&void 0!==f?f:void 0,onFocus:_,onBlur:Y,onChange:Z,autoFocus:u,onKeyDown:ma,ref:ga,placeholder:v,renderValue:function renderValue(a,b){return J({item:a,index:b,size:n,disabled:l,onRemove:ja(b)})},onCopy:P,onCopyCapture:Q,onCut:R,onCutCapture:S,onPaste:T,onPasteCapture:U,inputTabIndex:C,onKeyDownCapture:M,onKeyUp:N,onKeyUpCapture:O})))});
 //# sourceMappingURL=TextFieldTypeTextArray.js.map