@consta/uikit 5.18.0 → 5.19.1

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

@@ -1,13 +1,13 @@
 import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { AsAttributes, AsTags } from "../../utils/types/AsTags";
-import { PropsWithAsAttributes } from "../../utils/types/PropsWithAsAttributes";
+import { AsAttributes, AsTags } from '##/utils/types/AsTags';
+import { PropsWithAsAttributes } from '##/utils/types/PropsWithAsAttributes';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-export declare type TabDimensions = {
+export type TabDimensions = {
     size: number;
     gap: number;
 };
-export declare type TabsItemDefault = {
+export type TabsItemDefault = {
     label: string | number;
     leftIcon?: IconComponent;
     rightIcon?: IconComponent;
@@ -23,30 +23,30 @@ export declare type TabsItemDefault = {
     icon?: IconComponent;
 };
 export declare const tabsSizes: readonly ["m", "s", "xs"];
-export declare type TabsPropSize = typeof tabsSizes[number];
+export type TabsPropSize = typeof tabsSizes[number];
 export declare const tabsDefaultSize: TabsPropSize;
 export declare const tabsViews: readonly ["bordered", "clear"];
-export declare type TabsPropView = typeof tabsViews[number];
+export type TabsPropView = typeof tabsViews[number];
 export declare const tabsDefaultView: TabsPropView;
 export declare const tabsLinePositions: readonly ["bottom", "top", "left", "right"];
-export declare type TabsPropLinePosition = typeof tabsLinePositions[number];
+export type TabsPropLinePosition = typeof tabsLinePositions[number];
 export declare const tabsDefaultLinePosition: TabsPropLinePosition;
 export declare const tabsFitModes: readonly ["scroll", "dropdown"];
-export declare type TabsPropFitMode = typeof tabsFitModes[number];
+export type TabsPropFitMode = typeof tabsFitModes[number];
 export declare const tabsDefaultFitMode: TabsPropFitMode;
-export declare type TabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;
-export declare type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
-export declare type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
-export declare type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
-export declare type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
-export declare type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
-export declare type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
-export declare type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
-export declare type TabsPropOnChange<ITEM> = (value: ITEM, props: {
+export type TabsPropGetItemKey<ITEM> = (item: ITEM) => string | number;
+export type TabsPropGetItemLabel<ITEM> = (item: ITEM) => string | number;
+export type TabsPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
+export type TabsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type TabsPropGetItemSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export type TabsPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export type TabsPropGetItemAttributes<ITEM> = (item: ITEM) => TabsItemDefault['attributes'];
+export type TabsPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
+export type TabsPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export type TabsPropOnChange<ITEM> = (value: ITEM, props: {
     e: React.MouseEvent | React.KeyboardEvent;
 }) => void;
-export declare type RenderItemProps<ITEM> = {
+export type RenderItemProps<ITEM> = {
     item: ITEM;
     onChange: React.MouseEventHandler;
     checked: boolean;
@@ -57,8 +57,8 @@ export declare type RenderItemProps<ITEM> = {
     tabRef?: React.RefObject<HTMLElement>;
     renderInDropdown?: boolean;
 } & Omit<TabsItemDefault, 'label' | 'ref'>;
-export declare type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
-export declare type TabsFitModeWrapperProps<ITEM> = {
+export type RenderItem<ITEM> = (props: RenderItemProps<ITEM>) => React.ReactElement | null;
+export type TabsFitModeWrapperProps<ITEM> = {
     items: ITEM[];
     tabsDimensions: TabDimensions[];
     getItemKey: TabsPropGetItemKey<ITEM>;
@@ -70,7 +70,7 @@ export declare type TabsFitModeWrapperProps<ITEM> = {
     size: TabsPropSize;
     withScrollButtons?: boolean;
 };
-export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+export type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
     size?: TabsPropSize;
     onlyIcon?: boolean;
     view?: TabsPropView;
@@ -112,8 +112,8 @@ export declare type TabsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesA
 } ? {} : {
     getItemLabel: TabsPropGetItemLabel<ITEM>;
 });
-export declare type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
-export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
+export type TabsComponent = <ITEM>(props: TabsProps<ITEM>) => React.ReactElement | null;
+export type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
     onChange: React.MouseEventHandler;
     checked: boolean;
     size: TabsPropSize;
@@ -124,8 +124,8 @@ export declare type TabsTabProps<AS extends AsTags = 'button'> = PropsWithAsAttr
     tabRef?: React.RefObject<HTMLElement>;
     renderInDropdown?: boolean;
 } & Omit<TabsItemDefault, 'label' | 'ref' | 'attributes'>, AS>;
-export declare type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
-export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
+export type TabsTabComponent = <AS extends AsTags = 'button'>(props: TabsTabProps<AS>) => React.ReactElement | null;
+export type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAttributesAndRef<{
     items: ITEM[];
     renderItem: (item: ITEM, onClick: () => void, renderInDropdown?: boolean) => React.ReactNode;
     getItemKey: TabsPropGetItemKey<ITEM>;
@@ -133,10 +133,10 @@ export declare type TabsMoreItemsProps<ITEM = TabsItemDefault> = PropsWithHTMLAt
     height: number;
     size: TabsPropSize;
 } & React.RefAttributes<HTMLDivElement>, HTMLDivElement>;
-export declare type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
-export declare type RenderItemsListProp = (props: {
+export type TabsMoreItemsComponent = <ITEM>(props: TabsMoreItemsProps<ITEM>) => React.ReactElement | null;
+export type RenderItemsListProp = (props: {
     visibleIndexes?: number[];
     withRunningLine?: boolean;
     getTabClassName?: (idx: number) => string | undefined;
 }) => React.ReactNode;
-export declare type TabsDirection = 'horizontal' | 'vertical';
+export type TabsDirection = 'horizontal' | 'vertical';

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

@@ -1,12 +1,12 @@
 import { IconComponent, IconProps } from '@consta/icons/Icon';
 import React from 'react';
-import { AsTagAttribute, AsTags } from "../../utils/types/AsTags";
+import { AsTagAttribute, AsTags } from '##/utils/types/AsTags';
 import { TagBase } from '../TagBase/TagBase';
-declare type TagBaseProps = React.ComponentProps<typeof TagBase>;
+type TagBaseProps = React.ComponentProps<typeof TagBase>;
 export declare const tagPropMode: readonly ["button", "check", "cancel", "link", "info"];
 export declare const tagPropModeDefault: "button";
-declare type TagPropMode = typeof tagPropMode[number];
-declare type CommonProps = {
+type TagPropMode = typeof tagPropMode[number];
+type CommonProps = {
     size?: TagBaseProps['size'];
     label: TagBaseProps['label'];
     group?: TagBaseProps['group'];
@@ -15,7 +15,7 @@ declare type CommonProps = {
     children?: never;
     disabled?: boolean;
 };
-declare type PropsWithModeButton = CommonProps & {
+type PropsWithModeButton = CommonProps & {
     mode?: 'button';
     onClick: React.MouseEventHandler<HTMLButtonElement>;
     checked?: never;
@@ -23,14 +23,14 @@ declare type PropsWithModeButton = CommonProps & {
     onCancel?: never;
     cancelButtonTabIndex?: never;
 };
-declare type PropsWithModeLink = CommonProps & {
+type PropsWithModeLink = CommonProps & {
     mode: 'link';
     checked?: never;
     onChange?: never;
     onCancel?: never;
     cancelButtonTabIndex?: never;
 };
-declare type PropsWithModeCheck = CommonProps & {
+type PropsWithModeCheck = CommonProps & {
     mode: 'check';
     onChange: (checked: boolean, params: {
         e?: React.MouseEvent;
@@ -41,7 +41,7 @@ declare type PropsWithModeCheck = CommonProps & {
     onCancel?: never;
     cancelButtonTabIndex?: never;
 };
-declare type PropsWithModeCancel = CommonProps & {
+type PropsWithModeCancel = CommonProps & {
     mode: 'cancel';
     onCancel: React.MouseEventHandler<HTMLButtonElement>;
     cancelButtonTabIndex?: number;
@@ -49,7 +49,7 @@ declare type PropsWithModeCancel = CommonProps & {
     onChange?: never;
     checked?: never;
 };
-declare type PropsWithModeInfo = CommonProps & {
+type PropsWithModeInfo = CommonProps & {
     mode: 'info';
     onCancel?: never;
     onClick?: never;
@@ -57,8 +57,8 @@ declare type PropsWithModeInfo = CommonProps & {
     checked?: never;
     cancelButtonTabIndex?: never;
 };
-declare type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
-declare type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
+type Props<ROLE extends TagPropMode = 'button'> = ROLE extends 'button' ? PropsWithModeButton & Omit<AsTagAttribute<'button'>, keyof PropsWithModeButton> : {} & ROLE extends 'check' ? PropsWithModeCheck & Omit<AsTagAttribute<'button'>, keyof PropsWithModeCheck> : {} & ROLE extends 'cancel' ? PropsWithModeCancel & Omit<AsTagAttribute<'span'>, keyof PropsWithModeCancel> : {} & ROLE extends 'link' ? PropsWithModeLink & Omit<AsTagAttribute<'a'>, keyof PropsWithModeLink> : {} & ROLE extends 'info' ? PropsWithModeInfo & Omit<AsTagAttribute<'span'>, keyof PropsWithModeInfo> : {};
+type TagComponent = <ROLE extends TagPropMode>(props: Props<ROLE> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
 export declare function getParams(mode: TagPropMode, checked?: PropsWithModeCheck['checked'], onClick?: React.MouseEventHandler, onChange?: PropsWithModeCheck['onChange'], onCancel?: PropsWithModeCancel['onCancel']): {
     view?: TagBaseProps['view'];
     onClick?: TagBaseProps['onClick'];

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

@@ -3,15 +3,15 @@ import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
 export declare const tagBasePropSize: readonly ["m", "xs", "s", "l"];
 export declare const tagBasePropSizeDefault: "m";
-export declare type TagBasePropSize = typeof tagBasePropSize[number];
+export type TagBasePropSize = typeof tagBasePropSize[number];
 export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
 export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: (1 | "1" | 4 | 2 | 3 | 5 | 9 | "2" | 7 | 6 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
-export declare type TagBasePropGroup = typeof tagBasePropGroup[number];
+export declare const tagBasePropGroup: ("1" | 1 | 4 | 2 | 3 | 5 | 9 | "2" | 7 | 6 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
+export type TagBasePropGroup = typeof tagBasePropGroup[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";
-export declare type TagBasePropView = typeof tagBasePropView[number];
-export declare type Props = {
+export type TagBasePropView = typeof tagBasePropView[number];
+export type Props = {
     size?: TagBasePropSize;
     label: string;
     children?: never;

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

@@ -1,34 +1,34 @@
 import './Text.css';
 export declare const textPropAlign: readonly ["left", "center", "right"];
-export declare type TextPropAlign = typeof textPropAlign[number];
+export type TextPropAlign = typeof textPropAlign[number];
 export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
-export declare type TextPropDisplay = typeof textPropDisplay[number];
+export type TextPropDisplay = typeof textPropDisplay[number];
 export declare const textPropFont: readonly ["primary", "mono"];
-export declare type TextPropFont = typeof textPropFont[number];
+export type TextPropFont = typeof textPropFont[number];
 export declare const textPropCursor: readonly ["pointer"];
-export declare type TextPropCursor = typeof textPropCursor[number];
+export type TextPropCursor = typeof textPropCursor[number];
 export declare const textPropDecoration: readonly ["underline"];
-export declare type TextPropDecoration = typeof textPropDecoration[number];
+export type TextPropDecoration = typeof textPropDecoration[number];
 export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
-export declare type TextPropLineHeight = typeof textPropLineHeight[number];
+export 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 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 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 type TextPropView = typeof textPropView[number];
 export declare const textPropViewDefault: TextPropView;
 export declare const textPropWeight: readonly ["thin", "extralight", "light", "regular", "medium", "semibold", "bold", "extrabold", "black"];
-export declare type TextPropWeight = typeof textPropWeight[number];
+export type TextPropWeight = typeof textPropWeight[number];
 export declare const textPropFontStyle: readonly ["italic"];
-export declare type TextPropFontStyle = typeof textPropFontStyle[number];
+export type TextPropFontStyle = typeof textPropFontStyle[number];
 export declare const textPropTransform: readonly ["uppercase"];
-export declare type TextPropTransform = typeof textPropTransform[number];
+export type TextPropTransform = typeof textPropTransform[number];
 export declare const textPropWidth: readonly ["default"];
-export declare type TextPropWidth = typeof textPropWidth[number];
-export declare type TextProps = {
+export type TextPropWidth = typeof textPropWidth[number];
+export type TextProps = {
     align?: TextPropAlign;
     cursor?: TextPropCursor;
     decoration?: TextPropDecoration;

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

@@ -1,34 +1,34 @@
 import './Text.css';
 export declare const textPropAlign: readonly ["left", "center", "right"];
-export declare type TextPropAlign = typeof textPropAlign[number];
+export type TextPropAlign = typeof textPropAlign[number];
 export declare const textPropDisplay: readonly ["block", "inlineBlock", "inline"];
-export declare type TextPropDisplay = typeof textPropDisplay[number];
+export type TextPropDisplay = typeof textPropDisplay[number];
 export declare const textPropFont: readonly ["primary", "mono"];
-export declare type TextPropFont = typeof textPropFont[number];
+export type TextPropFont = typeof textPropFont[number];
 export declare const textPropCursor: readonly ["pointer"];
-export declare type TextPropCursor = typeof textPropCursor[number];
+export type TextPropCursor = typeof textPropCursor[number];
 export declare const textPropDecoration: readonly ["underline"];
-export declare type TextPropDecoration = typeof textPropDecoration[number];
+export type TextPropDecoration = typeof textPropDecoration[number];
 export declare const textPropLineHeight: readonly ["2xs", "xs", "s", "m", "l"];
-export declare type TextPropLineHeight = typeof textPropLineHeight[number];
+export 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 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 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 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 type TextPropWeight = typeof textPropWeight[number];
 export declare const textPropFontStyle: readonly ["italic"];
-export declare type TextPropFontStyle = typeof textPropFontStyle[number];
+export type TextPropFontStyle = typeof textPropFontStyle[number];
 export declare const textPropTransform: readonly ["uppercase"];
-export declare type TextPropTransform = typeof textPropTransform[number];
+export type TextPropTransform = typeof textPropTransform[number];
 export declare const textPropWidth: readonly ["default"];
-export declare type TextPropWidth = typeof textPropWidth[number];
-export declare type TextProps = {
+export type TextPropWidth = typeof textPropWidth[number];
+export type TextProps = {
     align?: TextPropAlign;
     cursor?: TextPropCursor;
     decoration?: TextPropDecoration;

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

@@ -2,27 +2,27 @@ 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 type TextFieldPropValue = string | null;
+export type TextFieldPropName = string;
+export type TextFieldPropId = string | number;
 export declare const textFieldPropSize: readonly ["m", "xs", "s", "l"];
-export declare type TextFieldPropSize = typeof textFieldPropSize[number];
+export type TextFieldPropSize = typeof textFieldPropSize[number];
 export declare const textFieldPropSizeDefault: TextFieldPropSize;
-export declare type TextFieldPropOnChange = (value: TextFieldPropValue, params: TextFieldOnChangeArguments) => void;
-export declare type TextFieldOnChangeArguments = {
+export type TextFieldPropOnChange = (value: TextFieldPropValue, params: TextFieldOnChangeArguments) => void;
+export 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 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 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' ? {
+export type TextFieldPropStatus = typeof textFieldPropStatus[number];
+export type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ? {
     minRows?: never;
     maxRows?: never;
     rows?: number;
@@ -35,12 +35,12 @@ export declare type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea' ?
     minRows?: never;
     maxRows?: never;
 };
-declare type InputRef<TYPE> = TYPE extends 'textarea' ? {
+type InputRef<TYPE> = TYPE extends 'textarea' ? {
     inputRef?: React.Ref<HTMLTextAreaElement>;
 } : {
     inputRef?: React.Ref<HTMLInputElement>;
 };
-export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
+export type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<{
     className?: string;
     value?: TextFieldPropValue;
     defaultValue?: TextFieldPropValue;
@@ -88,5 +88,5 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     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 type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldCanary.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/TextFieldCanary.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"}
+{"version":3,"file":"TextFieldCanary.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/TextFieldCanary.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    typeMap.text) as TextFieldTypeComponent<TYPE>;\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,CAAIT,OAAO,CAACO,CAAK,CAACG,IAAN,EAAc,MAAf,CAAP,EACjBV,OAAO,CAACC,IADV,CAGA,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.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","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import React,{forwardRef,useCallback,useMemo}from"react";import{FieldClearButton,FieldControlLayout,FieldCounter,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../../hooks/useSortSteps";import{useTextField}from"../useTextField";import{cnTextFieldTypeNumber}from"./cnTextFieldTypeNumber";import{getValueByStep,stepIsActive}from"./helpers";export var TextFieldTypeNumber=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.incrementButtons,G=a.max,H=a.min,I=a.step,J=a.onKeyDown,K=a.onKeyDownCapture,L=a.onKeyUp,M=a.onKeyUpCapture,N=a.onCopy,O=a.onCopyCapture,P=a.onCut,Q=a.onCutCapture,R=a.onPaste,S=a.onPasteCapture,T=a.onClear,U=a.onWheel,V=_objectWithoutProperties(a,_excluded),W=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:T}),X=W.handleBlur,Y=W.handleChange,Z=W.handleClear,$=W.handleFocus,_=W.focused,aa=W.withValue,ba=W.ref,ca=W.inputRef,da=W.handleClick,ea=W.mutableRefs,fa=W.setWithValue,ga=useSortSteps({step:I,min:H,max:G}),ha=useMutableRef([ga,H,G,J,stepIsActive(ga,k),U]),ia=useCallback(function(a,b){var c,d;if(ca.current&&!ea.current[4]){var e=getValueByStep(ha.current[0],ca.current.value,b,ha.current[1],ha.current[2]);null===(c=(d=ea.current)[0])||void 0===c?void 0:c.call(d,e,{e:a}),ca.current.value=e,fa.on()}},[]),ja=useCallback(function(a){return ia(a,!0)},[]),ka=useCallback(function(a){return ia(a,!1)},[]),la=useKeys(useMemo(function(){return{isActive:!0,keys:{ArrowUp:function ArrowUp(a){a.preventDefault(),ha.current[4]&&ia(a,!0)},ArrowDown:function ArrowDown(a){a.preventDefault(),ha.current[4]&&ia(a,!1)}},onEvent:ha.current[3]}},[])),ma=useCallback(function(a){if(ha.current[5])ha.current[5](a);else{var b;null===(b=ca.current)||void 0===b?void 0:b.blur()}},[]);return React.createElement(FieldControlLayout,Object.assign({},V,{className:cnTextFieldTypeNumber({incrementButtons:F},[c]),form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&aa&&!F&&React.createElement(FieldClearButton,{size:m,onClick:Z}),F&&ha.current[4]&&React.createElement(FieldCounter,{onIncrementClick:ja,onIncrementFocus:$,onDecrementClick:ka,onDecrementFocus:$})],focused:_,view:o,ref:useForkRef([b,ba]),disabled:k,onClick:da}),React.createElement(FieldInput,{className:cnTextFieldTypeNumber("Input"),placeholder:u,autoFocus:t,autoComplete:x,onBlur:X,onChange:Y,onFocus:$,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ca]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:la,onKeyDownCapture:K,onKeyUp:L,onKeyUpCapture:M,onWheel:ma,maxLength:j,disabled:k,type:A,max:G,min:H,id:g,name:h,onCopy:N,onCopyCapture:O,onCut:P,onCutCapture:Q,onPaste:R,onPasteCapture:S}))});
+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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];import React,{forwardRef,useCallback,useMemo}from"react";import{FieldClearButton,FieldControlLayout,FieldCounter,FieldInput,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useKeys}from"../../../hooks/useKeys";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../../hooks/useSortSteps";import{useTextField}from"../useTextField";import{cnTextFieldTypeNumber}from"./cnTextFieldTypeNumber";import{getValueByStep,stepIsActive}from"./helpers";export var TextFieldTypeNumber=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.clearButton,z=a.readOnly,A=a.type,B=a.tabIndex,C=a.ariaLabel,D=a.iconSize,E=a.onClick,F=a.incrementButtons,G=a.max,H=a.min,I=a.step,J=a.onKeyDown,K=a.onKeyDownCapture,L=a.onKeyUp,M=a.onKeyUpCapture,N=a.onCopy,O=a.onCopyCapture,P=a.onCut,Q=a.onCutCapture,R=a.onPaste,S=a.onPasteCapture,T=a.onClear,U=a.onWheel,V=a.iconClear,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:T}),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=X.mutableRefs,ga=X.setWithValue,ha=useSortSteps({step:I,min:H,max:G}),ia=useMutableRef([ha,H,G,J,stepIsActive(ha,k),U]),ja=useCallback(function(a,b){var c,d;if(da.current&&!fa.current[4]){var e=getValueByStep(ia.current[0],da.current.value,b,ia.current[1],ia.current[2]);null===(c=(d=fa.current)[0])||void 0===c?void 0:c.call(d,e,{e:a}),da.current.value=e,ga.on()}},[]),ka=useCallback(function(a){return ja(a,!0)},[]),la=useCallback(function(a){return ja(a,!1)},[]),ma=useKeys(useMemo(function(){return{isActive:!0,keys:{ArrowUp:function ArrowUp(a){a.preventDefault(),ia.current[4]&&ja(a,!0)},ArrowDown:function ArrowDown(a){a.preventDefault(),ia.current[4]&&ja(a,!1)}},onEvent:ia.current[3]}},[])),na=useCallback(function(a){if(ia.current[5])ia.current[5](a);else{var b;null===(b=da.current)||void 0===b?void 0:b.blur()}},[]);return React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeNumber({incrementButtons:F},[c]),form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&ba&&!F&&React.createElement(FieldClearButton,{size:m,onClick:$,icon:V}),F&&ia.current[4]&&React.createElement(FieldCounter,{onIncrementClick:ka,onIncrementFocus:_,onDecrementClick:la,onDecrementFocus:_})],focused:aa,view:o,ref:useForkRef([b,ca]),disabled:k,onClick:ea}),React.createElement(FieldInput,{className:cnTextFieldTypeNumber("Input"),placeholder:u,autoFocus:t,autoComplete:x,onBlur:Y,onChange:Z,onFocus:_,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,da]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:ma,onKeyDownCapture:K,onKeyUp:L,onKeyUpCapture:M,onWheel:na,maxLength:j,disabled:k,type:A,max:G,min:H,id:g,name:h,onCopy:N,onCopyCapture:O,onCut:P,onCutCapture:Q,onPaste:R,onPasteCapture:S}))});
 //# sourceMappingURL=TextFieldTypeNumber.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","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","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent","handleWheel","blur"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = 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      incrementButtons,\n      max,\n      min,\n      step,\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      onWheel,\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      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n      onWheel,\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    const handleWheel = useCallback((e: React.WheelEvent<HTMLInputElement>) => {\n      if (refs.current[5]) {\n        refs.current[5](e);\n      } else {\n        inputRef.current?.blur();\n      }\n    }, []);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\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={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          onWheel={handleWheel}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\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":"ikBAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,OAAzC,KAAwD,OAAxD,CAEA,OACEC,gBADF,CAEEC,kBAFF,CAGEC,YAHF,CAIEC,UAJF,CAKEC,UALF,6BAOA,OAASC,UAAT,iCACA,OAASC,OAAT,8BACA,OAASC,aAAT,kDACA,OAASC,YAAT,mCAGA,OAASC,YAAT,uBACA,OAASC,qBAAT,+BACA,OAASC,cAAT,CAAyBC,YAAzB,iBAEA,MAAO,IAAMC,oBAAqD,CAAGhB,UAAU,CAC7E,SAACiB,CAAD,CAAQC,CAAR,CAAyB,IAErBC,EAFqB,CA+CnBF,CA/CmB,CAErBE,SAFqB,CAGrBC,CAHqB,CA+CnBH,CA/CmB,CAGrBG,KAHqB,CAIrBC,CAJqB,CA+CnBJ,CA/CmB,CAIrBI,YAJqB,CAKrBC,CALqB,CA+CnBL,CA/CmB,CAKrBK,QALqB,CAMrBC,CANqB,CA+CnBN,CA/CmB,CAMrBM,EANqB,CAOrBC,CAPqB,CA+CnBP,CA/CmB,CAOrBO,IAPqB,CAQXC,CARW,CA+CnBR,CA/CmB,CAQrBS,QARqB,CASrBC,CATqB,CA+CnBV,CA/CmB,CASrBU,SATqB,CAUrBC,CAVqB,CA+CnBX,CA/CmB,CAUrBW,QAVqB,GA+CnBX,CA/CmB,CAWrBY,IAXqB,CAWrBA,CAXqB,YAWd,GAXc,KA+CnBZ,CA/CmB,CAYrBa,IAZqB,CAYrBA,CAZqB,YAYd,SAZc,GAarBC,CAbqB,CA+CnBd,CA/CmB,CAarBc,IAbqB,CAcrBC,CAdqB,CA+CnBf,CA/CmB,CAcrBe,MAdqB,CAerBC,CAfqB,CA+CnBhB,CA/CmB,CAerBgB,MAfqB,CAgBrBC,CAhBqB,CA+CnBjB,CA/CmB,CAgBrBiB,OAhBqB,CAiBrBC,CAjBqB,CA+CnBlB,CA/CmB,CAiBrBkB,SAjBqB,CAkBrBC,CAlBqB,CA+CnBnB,CA/CmB,CAkBrBmB,WAlBqB,CAmBrBC,CAnBqB,CA+CnBpB,CA/CmB,CAmBrBoB,QAnBqB,CAoBrBC,CApBqB,CA+CnBrB,CA/CmB,CAoBrBqB,SApBqB,CAqBrBC,CArBqB,CA+CnBtB,CA/CmB,CAqBrBsB,YArBqB,CAsBrBC,CAtBqB,CA+CnBvB,CA/CmB,CAsBrBuB,eAtBqB,CAuBrBC,CAvBqB,CA+CnBxB,CA/CmB,CAuBrBwB,QAvBqB,CAwBrBC,CAxBqB,CA+CnBzB,CA/CmB,CAwBrByB,IAxBqB,CAyBrBC,CAzBqB,CA+CnB1B,CA/CmB,CAyBrB0B,QAzBqB,CA0BrBC,CA1BqB,CA+CnB3B,CA/CmB,CA0BrB2B,SA1BqB,CA2BrBC,CA3BqB,CA+CnB5B,CA/CmB,CA2BrB4B,QA3BqB,CA4BrBC,CA5BqB,CA+CnB7B,CA/CmB,CA4BrB6B,OA5BqB,CA6BrBC,CA7BqB,CA+CnB9B,CA/CmB,CA6BrB8B,gBA7BqB,CA8BrBC,CA9BqB,CA+CnB/B,CA/CmB,CA8BrB+B,GA9BqB,CA+BrBC,CA/BqB,CA+CnBhC,CA/CmB,CA+BrBgC,GA/BqB,CAgCrBC,CAhCqB,CA+CnBjC,CA/CmB,CAgCrBiC,IAhCqB,CAkCrBC,CAlCqB,CA+CnBlC,CA/CmB,CAkCrBkC,SAlCqB,CAmCrBC,CAnCqB,CA+CnBnC,CA/CmB,CAmCrBmC,gBAnCqB,CAoCrBC,CApCqB,CA+CnBpC,CA/CmB,CAoCrBoC,OApCqB,CAqCrBC,CArCqB,CA+CnBrC,CA/CmB,CAqCrBqC,cArCqB,CAsCrBC,CAtCqB,CA+CnBtC,CA/CmB,CAsCrBsC,MAtCqB,CAuCrBC,CAvCqB,CA+CnBvC,CA/CmB,CAuCrBuC,aAvCqB,CAwCrBC,CAxCqB,CA+CnBxC,CA/CmB,CAwCrBwC,KAxCqB,CAyCrBC,CAzCqB,CA+CnBzC,CA/CmB,CAyCrByC,YAzCqB,CA0CrBC,CA1CqB,CA+CnB1C,CA/CmB,CA0CrB0C,OA1CqB,CA2CrBC,CA3CqB,CA+CnB3C,CA/CmB,CA2CrB2C,cA3CqB,CA4CrBC,CA5CqB,CA+CnB5C,CA/CmB,CA4CrB4C,OA5CqB,CA6CrBC,CA7CqB,CA+CnB7C,CA/CmB,CA6CrB6C,OA7CqB,CA8ClBC,CA9CkB,0BA+CnB9C,CA/CmB,cA6DnBL,YAAY,CAAC,CACfkC,OAAO,CAAPA,CADe,CAEfxB,QAAQ,CAARA,CAFe,CAGfW,MAAM,CAANA,CAHe,CAIfC,OAAO,CAAPA,CAJe,CAKfN,QAAQ,CAARA,CALe,CAMfiC,OAAO,CAAPA,CANe,CAAD,CA7DO,CAkDrBG,CAlDqB,GAkDrBA,UAlDqB,CAmDrBC,CAnDqB,GAmDrBA,YAnDqB,CAoDrBC,CApDqB,GAoDrBA,WApDqB,CAqDrBC,CArDqB,GAqDrBA,WArDqB,CAsDrBC,CAtDqB,GAsDrBA,OAtDqB,CAuDrBC,EAvDqB,GAuDrBA,SAvDqB,CAwDrBC,EAxDqB,GAwDrBA,GAxDqB,CAyDrB5C,EAzDqB,GAyDrBA,QAzDqB,CA0DrB6C,EA1DqB,GA0DrBA,WA1DqB,CA2DrBC,EA3DqB,GA2DrBA,WA3DqB,CA4DrBC,EA5DqB,GA4DrBA,YA5DqB,CAsEjBC,EAAS,CAAG/D,YAAY,CAAC,CAAEuC,IAAI,CAAJA,CAAF,CAAQD,GAAG,CAAHA,CAAR,CAAaD,GAAG,CAAHA,CAAb,CAAD,CAtEP,CAwEjB2B,EAAI,CAAGjE,aAAa,CAAC,CACzBgE,EADyB,CAEzBzB,CAFyB,CAGzBD,CAHyB,CAIzBG,CAJyB,CAKzBpC,YAAY,CAAC2D,EAAD,CAAY9C,CAAZ,CALa,CAMzBkC,CANyB,CAAD,CAxEH,CAiFjBc,EAAiB,CAAG3E,WAAW,CACnC,SACE4E,CADF,CAEEC,CAFF,CAGK,SACH,GAAKpD,EAAQ,CAACqD,OAAV,GAAqBP,EAAW,CAACO,OAAZ,CAAoB,CAApB,CAAzB,EAIA,GAAMC,EAAQ,CAAGlE,cAAc,CAC7B6D,EAAI,CAACI,OAAL,CAAa,CAAb,CAD6B,CAE7BrD,EAAQ,CAACqD,OAAT,CAAiB3D,KAFY,CAG7B0D,CAH6B,CAI7BH,EAAI,CAACI,OAAL,CAAa,CAAb,CAJ6B,CAK7BJ,EAAI,CAACI,OAAL,CAAa,CAAb,CAL6B,CAA/B,CAJA,UAYA,GAAAP,EAAW,CAACO,OAAZ,EAAoB,CAApB,CAZA,qBAYA,SAAyBC,CAAzB,CAAmC,CAAEH,CAAC,CAADA,CAAF,CAAnC,CAZA,CAcAnD,EAAQ,CAACqD,OAAT,CAAiB3D,KAAjB,CAAyB4D,CAdzB,CAeAP,EAAY,CAACQ,EAAb,EAfA,CAgBD,CArBkC,CAsBnC,EAtBmC,CAjFd,CA0GjBC,EAAqB,CAAGjF,WAAW,CACvC,SAAC4E,CAAD,QAA4CD,GAAiB,CAACC,CAAD,IAA7D,CADuC,CAEvC,EAFuC,CA1GlB,CA+GjBM,EAAqB,CAAGlF,WAAW,CACvC,SAAC4E,CAAD,QAA4CD,GAAiB,CAACC,CAAD,IAA7D,CADuC,CAEvC,EAFuC,CA/GlB,CAoHjBO,EAAkB,CAAG3E,OAAO,CAChCP,OAAO,CACL,iBAAO,CACLmF,QAAQ,GADH,CAELC,IAAI,CAAE,CACJC,OAAO,CAAE,iBAACV,CAAD,CAAO,CACdA,CAAC,CAACW,cAAF,EADc,CAEdb,EAAI,CAACI,OAAL,CAAa,CAAb,GAAmBH,EAAiB,CAACC,CAAD,IACrC,CAJG,CAKJY,SAAS,CAAE,mBAACZ,CAAD,CAAO,CAChBA,CAAC,CAACW,cAAF,EADgB,CAEhBb,EAAI,CAACI,OAAL,CAAa,CAAb,GAAmBH,EAAiB,CAACC,CAAD,IACrC,CARG,CAFD,CAYLa,OAAO,CAAEf,EAAI,CAACI,OAAL,CAAa,CAAb,CAZJ,CAAP,CADK,CAeL,EAfK,CADyB,CApHX,CAwIjBY,EAAW,CAAG1F,WAAW,CAAC,SAAC4E,CAAD,CAA2C,CACzE,GAAIF,EAAI,CAACI,OAAL,CAAa,CAAb,CAAJ,CACEJ,EAAI,CAACI,OAAL,CAAa,CAAb,EAAgBF,CAAhB,CADF,KAEO,iBACLnD,EAAQ,CAACqD,OADJ,qBACL,EAAkBa,IAAlB,EACD,CACF,CAN8B,CAM5B,EAN4B,CAxIR,CAgJvB,MACE,qBAAC,kBAAD,kBACM7B,CADN,EAEE,SAAS,CAAElD,qBAAqB,CAAC,CAAEkC,gBAAgB,CAAhBA,CAAF,CAAD,CAAuB,CAAC5B,CAAD,CAAvB,CAFlC,CAGE,IAAI,CAAEY,CAHR,CAIE,MAAM,CAAEC,CAJV,CAKE,IAAI,CAAEH,CALR,CAME,QAAQ,CAAEtB,UAAU,CAAC8B,CAAD,CAAWR,CAAX,CAAiBgB,CAAjB,CANtB,CAOE,SAAS,CAAE,CACTL,CAAe,EAAI,CAACZ,CAApB,EAAgCyC,EAAhC,EAA6C,CAACtB,CAA9C,EACE,oBAAC,gBAAD,EAAkB,IAAI,CAAElB,CAAxB,CAA8B,OAAO,CAAEqC,CAAvC,EAFO,CAITnB,CAAgB,EAAI4B,EAAI,CAACI,OAAL,CAAa,CAAb,CAApB,EACE,oBAAC,YAAD,EACE,gBAAgB,CAAEG,EADpB,CAEE,gBAAgB,CAAEf,CAFpB,CAGE,gBAAgB,CAAEgB,EAHpB,CAIE,gBAAgB,CAAEhB,CAJpB,EALO,CAPb,CAoBE,OAAO,CAAEC,CApBX,CAqBE,IAAI,CAAEtC,CArBR,CAsBE,GAAG,CAAEtB,UAAU,CAAC,CAACU,CAAD,CAAeoD,EAAf,CAAD,CAtBjB,CAuBE,QAAQ,CAAE1C,CAvBZ,CAwBE,OAAO,CAAE2C,EAxBX,GA0BE,oBAAC,UAAD,EACE,SAAS,CAAE1D,qBAAqB,CAAC,OAAD,CADlC,CAEE,WAAW,CAAEuB,CAFf,CAGE,SAAS,CAAED,CAHb,CAIE,YAAY,CAAEI,CAJhB,CAKE,MAAM,CAAEyB,CALV,CAME,QAAQ,CAAEC,CANZ,CAOE,OAAO,CAAEE,CAPX,CAQE,YAAY,CAAE9C,CAAY,QAR5B,CASE,KAAK,CAAY,IAAV,GAAAD,CAAK,CAAY,EAAZ,CAAiBA,CAT/B,CAUE,GAAG,CAAEZ,UAAU,CAAC,CAACiB,CAAD,CAAeC,EAAf,CAAD,CAVjB,CAWE,QAAQ,CAAEe,CAXZ,CAYE,QAAQ,CAAEE,CAZZ,CAaE,aAAYC,CAbd,CAcE,SAAS,CAAEwC,EAdb,CAeE,gBAAgB,CAAEhC,CAfpB,CAgBE,OAAO,CAAEC,CAhBX,CAiBE,cAAc,CAAEC,CAjBlB,CAkBE,OAAO,CAAEqC,EAlBX,CAmBE,SAAS,CAAEhE,CAnBb,CAoBE,QAAQ,CAAEC,CApBZ,CAqBE,IAAI,CAAEc,CArBR,CAsBE,GAAG,CAAEM,CAtBP,CAuBE,GAAG,CAAEC,CAvBP,CAwBE,EAAE,CAAE1B,CAxBN,CAyBE,IAAI,CAAEC,CAzBR,CA0BE,MAAM,CAAE+B,CA1BV,CA2BE,aAAa,CAAEC,CA3BjB,CA4BE,KAAK,CAAEC,CA5BT,CA6BE,YAAY,CAAEC,CA7BhB,CA8BE,OAAO,CAAEC,CA9BX,CA+BE,cAAc,CAAEC,CA/BlB,EA1BF,CA6DH,CA/M4E,CAAxE"}
+{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent","handleWheel","blur"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = 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      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      incrementButtons,\n      max,\n      min,\n      step,\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      onWheel,\n      iconClear,\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      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n      onWheel,\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<Element>(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    const handleWheel = useCallback((e: React.WheelEvent<HTMLInputElement>) => {\n      if (refs.current[5]) {\n        refs.current[5](e);\n      } else {\n        inputRef.current?.blur();\n      }\n    }, []);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\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={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          onWheel={handleWheel}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\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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"}

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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","onWheel"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,FieldToggleVisiblePasswordButton,renderSide}from"../../FieldComponents";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypePassword=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=a.onWheel,R=_objectWithoutProperties(a,_excluded),S=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:P}),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,aa=useFlag(),ba=_slicedToArray(aa,2),ca=ba[0],da=ba[1];return React.createElement(FieldControlLayout,Object.assign({},R,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&Y&&React.createElement(FieldClearButton,{size:m,onClick:V}),Y&&React.createElement(FieldToggleVisiblePasswordButton,{size:m,onClick:da.toggle,active:ca})],focused:X,view:o,ref:useForkRef([b,Z]),disabled:k,onClick:_}),React.createElement(FieldInput,{type:ca?"text":"password",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:B,"aria-label":C,onKeyDown:F,onKeyDownCapture:G,onKeyUp:H,onKeyUpCapture:I,maxLength:j,disabled:k,id:g,name:h,onCopy:J,onCopyCapture:K,onCut:L,onCutCapture:M,onPaste:N,onPasteCapture:O,onWheel:Q}))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword"];import React,{forwardRef}from"react";import{FieldClearButton,FieldControlLayout,FieldInput,FieldToggleVisiblePasswordButton,renderSide}from"../../FieldComponents";import{useFlag}from"../../../hooks/useFlag";import{useForkRef}from"../../../hooks/useForkRef";import{useTextField}from"../useTextField";export var TextFieldTypePassword=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.clearButton,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=a.onWheel,R=a.iconClear,S=a.iconShowPassword,T=a.iconHidePassword,U=_objectWithoutProperties(a,_excluded),V=useTextField({onClick:E,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:P}),W=V.handleBlur,X=V.handleChange,Y=V.handleClear,Z=V.handleFocus,$=V.focused,_=V.withValue,aa=V.ref,ba=V.inputRef,ca=V.handleClick,da=useFlag(),ea=_slicedToArray(da,2),fa=ea[0],ga=ea[1];return React.createElement(FieldControlLayout,Object.assign({},U,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,D),rightSide:[y&&!k&&_&&React.createElement(FieldClearButton,{size:m,onClick:Y,icon:R}),_&&React.createElement(FieldToggleVisiblePasswordButton,{size:m,onClick:ga.toggle,active:fa,startIcon:S,endIcon:T})],focused:$,view:o,ref:useForkRef([b,aa]),disabled:k,onClick:ca}),React.createElement(FieldInput,{type:fa?"text":"password",placeholder:u,autoFocus:t,autoComplete:x,onBlur:W,onChange:X,onFocus:Z,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,ba]),readOnly:z,tabIndex:B,"aria-label":C,onKeyDown:F,onKeyDownCapture:G,onKeyUp:H,onKeyUpCapture:I,maxLength:j,disabled:k,id:g,name:h,onCopy:J,onCopyCapture:K,onCut:L,onCutCapture:M,onPaste:N,onPasteCapture:O,onWheel:Q}))});
 //# sourceMappingURL=TextFieldTypePassword.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypePassword.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","FieldToggleVisiblePasswordButton","renderSide","useFlag","useForkRef","useTextField","TextFieldTypePassword","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","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","visiblePassword","setVisiblePassword","toggle"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  FieldToggleVisiblePasswordButton,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypePassword: TextFieldTypeComponent<'password'> =\n  forwardRef((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      onWheel,\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    const [visiblePassword, setVisiblePassword] = useFlag();\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          withValue && (\n            <FieldToggleVisiblePasswordButton\n              size={size}\n              onClick={setVisiblePassword.toggle}\n              active={visiblePassword}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          type={visiblePassword ? 'text' : 'password'}\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          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypePassword.js","names":["React","forwardRef","FieldClearButton","FieldControlLayout","FieldInput","FieldToggleVisiblePasswordButton","renderSide","useFlag","useForkRef","useTextField","TextFieldTypePassword","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","iconShowPassword","iconHidePassword","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","visiblePassword","setVisiblePassword","toggle"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypePassword/TextFieldTypePassword.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldInput,\n  FieldToggleVisiblePasswordButton,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { TextFieldTypeComponent } from '..';\nimport { useTextField } from '../useTextField';\n\nexport const TextFieldTypePassword: TextFieldTypeComponent<'password'> =\n  forwardRef((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      clearButton,\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      onWheel,\n      iconClear,\n      iconShowPassword,\n      iconHidePassword,\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    const [visiblePassword, setVisiblePassword] = useFlag();\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          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\n          ),\n          withValue && (\n            <FieldToggleVisiblePasswordButton\n              size={size}\n              onClick={setVisiblePassword.toggle}\n              active={visiblePassword}\n              startIcon={iconShowPassword}\n              endIcon={iconHidePassword}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          type={visiblePassword ? 'text' : 'password'}\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          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n          onWheel={onWheel}\n        />\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

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","onWheel"];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=a.onWheel,S=_objectWithoutProperties(a,_excluded),T=useTextField({onClick:F,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:Q}),U=T.handleBlur,V=T.handleChange,W=T.handleClear,X=T.handleFocus,Y=T.focused,Z=T.withValue,$=T.ref,_=T.inputRef,aa=T.handleClick;return React.createElement(FieldControlLayout,Object.assign({},S,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,E),rightSide:[y&&!k&&Z&&React.createElement(FieldClearButton,{size:m,onClick:W}),renderSide(w,m,E)],focused:Y,view:o,ref:useForkRef([b,$]),disabled:k,onClick:aa}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:U,onChange:V,onFocus:X,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,onWheel:R}))});
+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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];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.clearButton,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=a.onWheel,S=a.iconClear,T=_objectWithoutProperties(a,_excluded),U=useTextField({onClick:F,onChange:f,onBlur:r,onFocus:s,disabled:k,onClear:Q}),V=U.handleBlur,W=U.handleChange,X=U.handleClear,Y=U.handleFocus,Z=U.focused,$=U.withValue,_=U.ref,aa=U.inputRef,ba=U.handleClick;return React.createElement(FieldControlLayout,Object.assign({},T,{className:c,form:p,status:q,size:m,leftSide:renderSide(v,m,E),rightSide:[y&&!k&&$&&React.createElement(FieldClearButton,{size:m,onClick:X,icon:S}),renderSide(w,m,E)],focused:Z,view:o,ref:useForkRef([b,_]),disabled:k,onClick:ba}),React.createElement(FieldInput,{placeholder:u,autoFocus:t,autoComplete:x,onBlur:V,onChange:W,onFocus:Y,defaultValue:e||void 0,value:null===d?"":d,ref:useForkRef([i,aa]),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,onWheel:R}))});
 //# sourceMappingURL=TextFieldTypeText.js.map