@consta/uikit 4.6.2 → 4.6.4

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

@@ -22,7 +22,7 @@ export declare type TextPropType = typeof textPropType[number];
 export declare const textPropView: readonly ["primary", "alert", "brand", "ghost", "link", "linkMinor", "primary", "secondary", "success", "warning"];
 export declare type TextPropView = typeof textPropView[number];
 export declare const textPropViewDefault: TextPropView;
-export declare const textPropWeight: readonly ["black", "bold", "light", "regular", "semibold", "thin", "medium"];
+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];

package/__internal__/src/components/Text/Text.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","type","view","weight","width","className","children","truncate"];import"./Text.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var textPropAlign=["left","center","right"];export var textPropDisplay=["block","inlineBlock","inline"];export var textPropFont=["primary","mono"];export var textPropCursor=["pointer"];export var textPropDecoration=["underline"];export var textPropLineHeight=["2xs","xs","s","m","l"];export var textPropLineHeightDefault="m";export var textPropSize=["m","2xs","xs","s","l","xl","2xl","3xl","4xl","5xl","6xl"];export var textPropSizeDefault=textPropSize[0];export var textPropSpacing=["xs","s","m","l"];export var textPropType=["blockquote","p","h3","h2","h1"];export var textPropView=["primary","alert","brand","ghost","link","linkMinor","primary","secondary","success","warning"];export var textPropViewDefault=textPropView[0];export var textPropWeight=["black","bold","light","regular","semibold","thin","medium"];export var textPropFontStyle=["italic"];export var textPropTransform=["uppercase"];export var textPropWidth=["default"];export var cnText=cn("Text");export var Text=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.align,f=a.cursor,g=a.decoration,h=a.display,i=a.font,j=a.lineHeight,k=void 0===j?textPropLineHeightDefault:j,l=a.size,m=void 0===l?textPropSizeDefault:l,n=a.spacing,o=a.fontStyle,p=a.transform,q=a.type,r=a.view,s=void 0===r?textPropViewDefault:r,t=a.weight,u=a.width,v=a.className,w=a.children,x=a.truncate,y=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},y,{className:cnText({align:e,cursor:f,decoration:g,display:h,font:i,lineHeight:k,size:m,spacing:n,fontStyle:o,transform:p,type:q,view:s,weight:t,width:u,truncate:void 0!==x&&x},[v]),ref:b}),w)});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","type","view","weight","width","className","children","truncate"];import"./Text.css";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var textPropAlign=["left","center","right"];export var textPropDisplay=["block","inlineBlock","inline"];export var textPropFont=["primary","mono"];export var textPropCursor=["pointer"];export var textPropDecoration=["underline"];export var textPropLineHeight=["2xs","xs","s","m","l"];export var textPropLineHeightDefault="m";export var textPropSize=["m","2xs","xs","s","l","xl","2xl","3xl","4xl","5xl","6xl"];export var textPropSizeDefault=textPropSize[0];export var textPropSpacing=["xs","s","m","l"];export var textPropType=["blockquote","p","h3","h2","h1"];export var textPropView=["primary","alert","brand","ghost","link","linkMinor","primary","secondary","success","warning"];export var textPropViewDefault=textPropView[0];export var textPropWeight=["thin","light","regular","medium","semibold","bold","black"];export var textPropFontStyle=["italic"];export var textPropTransform=["uppercase"];export var textPropWidth=["default"];export var cnText=cn("Text");export var Text=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.align,f=a.cursor,g=a.decoration,h=a.display,i=a.font,j=a.lineHeight,k=void 0===j?textPropLineHeightDefault:j,l=a.size,m=void 0===l?textPropSizeDefault:l,n=a.spacing,o=a.fontStyle,p=a.transform,q=a.type,r=a.view,s=void 0===r?textPropViewDefault:r,t=a.weight,u=a.width,v=a.className,w=a.children,x=a.truncate,y=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},y,{className:cnText({align:e,cursor:f,decoration:g,display:h,font:i,lineHeight:k,size:m,spacing:n,fontStyle:o,transform:p,type:q,view:s,weight:t,width:u,truncate:void 0!==x&&x},[v]),ref:b}),w)});
 //# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["React","cn","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropType","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","type","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = typeof textPropAlign[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = typeof textPropDisplay[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = typeof textPropFont[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = typeof textPropCursor[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = typeof textPropDecoration[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = typeof textPropLineHeight[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n  'm',\n  '2xs',\n  'xs',\n  's',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type TextPropSize = typeof textPropSize[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = typeof textPropSpacing[number];\n\nexport const textPropType = ['blockquote', 'p', 'h3', 'h2', 'h1'] as const;\nexport type TextPropType = typeof textPropType[number];\n\nexport const textPropView = [\n  'primary',\n  'alert',\n  'brand',\n  'ghost',\n  'link',\n  'linkMinor',\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n] as const;\nexport type TextPropView = typeof textPropView[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n  'black',\n  'bold',\n  'light',\n  'regular',\n  'semibold',\n  'thin',\n  'medium',\n] as const;\nexport type TextPropWeight = typeof textPropWeight[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = typeof textPropFontStyle[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = typeof textPropTransform[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = typeof textPropWidth[number];\n\nexport type TextProps = {\n  align?: TextPropAlign;\n  cursor?: TextPropCursor;\n  decoration?: TextPropDecoration;\n  display?: TextPropDisplay;\n  font?: TextPropFont;\n  lineHeight?: TextPropLineHeight;\n  size?: TextPropSize;\n  spacing?: TextPropSpacing;\n  fontStyle?: TextPropFontStyle;\n  transform?: TextPropTransform;\n  type?: TextPropType;\n  view?: TextPropView;\n  weight?: TextPropWeight;\n  width?: TextPropWidth;\n  truncate?: boolean;\n};\n\nexport const cnText = cn('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n  const {\n    as = 'div',\n    align,\n    cursor,\n    decoration,\n    display,\n    font,\n    lineHeight = textPropLineHeightDefault,\n    size = textPropSizeDefault,\n    spacing,\n    fontStyle,\n    transform,\n    type,\n    view = textPropViewDefault,\n    weight,\n    width,\n    className,\n    children,\n    truncate = false,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnText(\n        {\n          align,\n          cursor,\n          decoration,\n          display,\n          font,\n          lineHeight,\n          size,\n          spacing,\n          fontStyle,\n          transform,\n          type,\n          view,\n          weight,\n          width,\n          truncate,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Text.js","names":["React","cn","forwardRefWithAs","textPropAlign","textPropDisplay","textPropFont","textPropCursor","textPropDecoration","textPropLineHeight","textPropLineHeightDefault","textPropSize","textPropSizeDefault","textPropSpacing","textPropType","textPropView","textPropViewDefault","textPropWeight","textPropFontStyle","textPropTransform","textPropWidth","cnText","Text","props","ref","as","align","cursor","decoration","display","font","lineHeight","size","spacing","fontStyle","transform","type","view","weight","width","className","children","truncate","otherProps"],"sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import './Text.css';\n\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const textPropAlign = ['left', 'center', 'right'] as const;\nexport type TextPropAlign = typeof textPropAlign[number];\n\nexport const textPropDisplay = ['block', 'inlineBlock', 'inline'] as const;\nexport type TextPropDisplay = typeof textPropDisplay[number];\n\nexport const textPropFont = ['primary', 'mono'] as const;\nexport type TextPropFont = typeof textPropFont[number];\n\nexport const textPropCursor = ['pointer'] as const;\nexport type TextPropCursor = typeof textPropCursor[number];\n\nexport const textPropDecoration = ['underline'] as const;\nexport type TextPropDecoration = typeof textPropDecoration[number];\n\nexport const textPropLineHeight = ['2xs', 'xs', 's', 'm', 'l'] as const;\nexport type TextPropLineHeight = typeof textPropLineHeight[number];\nexport const textPropLineHeightDefault: TextPropLineHeight = 'm';\n\nexport const textPropSize = [\n  'm',\n  '2xs',\n  'xs',\n  's',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n  '5xl',\n  '6xl',\n] as const;\nexport type TextPropSize = typeof textPropSize[number];\nexport const textPropSizeDefault: TextPropSize = textPropSize[0];\n\nexport const textPropSpacing = ['xs', 's', 'm', 'l'] as const;\nexport type TextPropSpacing = typeof textPropSpacing[number];\n\nexport const textPropType = ['blockquote', 'p', 'h3', 'h2', 'h1'] as const;\nexport type TextPropType = typeof textPropType[number];\n\nexport const textPropView = [\n  'primary',\n  'alert',\n  'brand',\n  'ghost',\n  'link',\n  'linkMinor',\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n] as const;\nexport type TextPropView = typeof textPropView[number];\nexport const textPropViewDefault: TextPropView = textPropView[0];\n\nexport const textPropWeight = [\n  'thin',\n  'light',\n  'regular',\n  'medium',\n  'semibold',\n  'bold',\n  'black',\n] as const;\nexport type TextPropWeight = typeof textPropWeight[number];\n\nexport const textPropFontStyle = ['italic'] as const;\nexport type TextPropFontStyle = typeof textPropFontStyle[number];\n\nexport const textPropTransform = ['uppercase'] as const;\nexport type TextPropTransform = typeof textPropTransform[number];\n\nexport const textPropWidth = ['default'] as const;\nexport type TextPropWidth = typeof textPropWidth[number];\n\nexport type TextProps = {\n  align?: TextPropAlign;\n  cursor?: TextPropCursor;\n  decoration?: TextPropDecoration;\n  display?: TextPropDisplay;\n  font?: TextPropFont;\n  lineHeight?: TextPropLineHeight;\n  size?: TextPropSize;\n  spacing?: TextPropSpacing;\n  fontStyle?: TextPropFontStyle;\n  transform?: TextPropTransform;\n  type?: TextPropType;\n  view?: TextPropView;\n  weight?: TextPropWeight;\n  width?: TextPropWidth;\n  truncate?: boolean;\n};\n\nexport const cnText = cn('Text');\n\nexport const Text = forwardRefWithAs<TextProps>((props, ref) => {\n  const {\n    as = 'div',\n    align,\n    cursor,\n    decoration,\n    display,\n    font,\n    lineHeight = textPropLineHeightDefault,\n    size = textPropSizeDefault,\n    spacing,\n    fontStyle,\n    transform,\n    type,\n    view = textPropViewDefault,\n    weight,\n    width,\n    className,\n    children,\n    truncate = false,\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnText(\n        {\n          align,\n          cursor,\n          decoration,\n          display,\n          font,\n          lineHeight,\n          size,\n          spacing,\n          fontStyle,\n          transform,\n          type,\n          view,\n          weight,\n          width,\n          truncate,\n        },\n        [className],\n      )}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRef","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","inputContainerRef","labelPosition","caption","iconSize","focused","onClick","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture"];import"./TextField.css";import React,{forwardRef,useCallback,useEffect}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../hooks/useSortSteps/useSortSteps";import{IconClose}from"../../icons/IconClose/IconClose";import{IconEye}from"../../icons/IconEye/IconEye";import{IconEyeClose}from"../../icons/IconEyeClose/IconEyeClose";import{IconSelect}from"../../icons/IconSelect/IconSelect";import{IconSelectOpen}from"../../icons/IconSelectOpen/IconSelectOpen";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{isString}from"../../utils/type-guards";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{FieldCaption}from"../FieldCaption/FieldCaption";import{FieldLabel}from"../FieldLabel/FieldLabel";import{getIncrementFlag,getTypeForRender,getValueByStep,sizeMap}from"./helpers";import{textFieldPropFormDefault,textFieldPropSizeDefault,textFieldPropViewDefault,textFieldPropWidthDefault}from"./types";export var COMPONENT_NAME="TextField";export var cnTextField=cn("TextField");export var TextFieldRender=function(a,b){var c=React.useRef(null),d=React.useRef(null),e=usePropsHandler(COMPONENT_NAME,a,c),f=e.className,g=e.type,h=void 0===g?"text":g,i=e.value,j=e.onChange,k=e.id,l=e.name,m=e.rows,n=e.cols,o=e.minRows,p=e.maxRows,q=e.inputRef,r=e.maxLength,s=e.disabled,t=e.size,u=void 0===t?textFieldPropSizeDefault:t,v=e.view,w=void 0===v?textFieldPropViewDefault:v,x=e.form,y=void 0===x?textFieldPropFormDefault:x,z=e.state,A=e.status,B=e.width,C=void 0===B?textFieldPropWidthDefault:B,D=e.onBlur,E=e.onFocus,F=e.autoFocus,G=void 0!==F&&F,H=e.placeholder,I=e.leftSide,J=e.rightSide,K=e.autoComplete,L=e.withClearButton,M=e.incrementButtons,N=e.max,O=e.min,P=e.readOnly,Q=e.required,R=e.step,S=void 0===R?1:R,T=e.tabIndex,U=e.ariaLabel,V=e.label,W=e.inputContainerRef,X=e.labelPosition,Y=void 0===X?"top":X,Z=e.caption,$=e.iconSize,_=e.focused,aa=e.onClick,ba=e.onKeyDown,ca=e.onKeyDownCapture,da=e.onKeyPress,ea=e.onKeyPressCapture,fa=e.onKeyUp,ga=e.onKeyUpCapture,ha=_objectWithoutProperties(e,_excluded),ia=useFlag(G),ja=_slicedToArray(ia,2),ka=ja[0],la=ja[1],ma=useFlag(!1),na=_slicedToArray(ma,2),oa=na[0],pa=na[1],qa=useMutableRef(i),ra=useMutableRef(aa),sa=useMutableRef(j),ta=useCallback(function(a){var b;a.stopPropagation(),pa.toogle(),null===(b=d.current)||void 0===b?void 0:b.focus()},[]),ua=I,va=J,wa=isString(I),xa=isString(J),ya=getByMap(sizeMap,u,$),za=useSortSteps({step:S,min:+O,max:+N}),Aa=useCallback(function(a){var b;s||(null===(b=sa.current)||void 0===b?void 0:b.call(sa,{e:a,id:k,name:l,value:a.target.value||null}))},[k,l,s]),Ba=function(a){la.on(),null===E||void 0===E?void 0:E(a)},Ca={className:cnTextField("Input"),value:i||"",onChange:Aa,maxLength:r,disabled:s,onBlur:function handleBlur(a){la.off(),null===D||void 0===D?void 0:D(a)},onFocus:Ba,autoFocus:G,placeholder:H,autoComplete:K,readOnly:P,tabIndex:T,name:l,onKeyDownCapture:ca,onKeyPress:da,onKeyPressCapture:ea,onKeyUp:fa,onKeyUpCapture:ga,id:k?k.toString():"","aria-label":U},Da=oa?IconEyeClose:IconEye,Ea={rows:m,cols:n,minRows:o||m,maxRows:p||m,ref:useForkRef([d,q])},Fa={type:getTypeForRender(h,oa),max:N,min:O,step:Array.isArray(za)?0:za,onKeyDown:function onKeyDown(a){var b=getIncrementFlag(a);null===ba||void 0===ba?void 0:ba(a),"number"!==h||"boolean"!=typeof b||s||(a.preventDefault(),null===j||void 0===j?void 0:j({e:a,value:getValueByStep(za,i,b,O,N)}))},ref:useForkRef([d,q])},Ga=useCallback(function(a){var b;null===(b=sa.current)||void 0===b?void 0:b.call(sa,{e:a,value:null})},[]),Ha=function(a){var b=!(1<arguments.length&&void 0!==arguments[1])||arguments[1];null===j||void 0===j?void 0:j({e:a,value:getValueByStep(za,i,b,O,N)})},Ia={onClick:useCallback(function(a){var b,c;null===(b=d.current)||void 0===b?void 0:b.focus(),null===(c=ra.current)||void 0===c?void 0:c.call(ra,a)},[])};return useEffect(function(){if("password"===h&&d.current){var a;d.current.selectionStart=(null===(a=qa.current)||void 0===a?void 0:a.length)||0}},[oa]),React.createElement("div",Object.assign({className:cnTextField({labelPosition:Y,size:u,view:w,width:C},[f]),ref:useForkRef([b,c])},Ia,ha),V&&React.createElement(FieldLabel,{required:Q,className:cnTextField("Label",{labelPosition:Y}),size:u},V),React.createElement("div",{className:cnTextField("Body")},React.createElement("div",{ref:W,className:cnTextField("InputContainer",{view:w,form:y,status:A||z,disabled:s,type:h,focus:ka||_,withValue:!!i})},ua&&React.createElement("div",{className:cnTextField("Side",{position:"left",type:wa?"string":"icon"}),title:"string"==typeof I?I:void 0},wa?I:React.createElement(ua,{className:cnTextField("Icon"),size:ya})),"textarea"===h?React.createElement(TextAreaAutoSize,Object.assign({},Ca,Ea)):React.createElement("input",Object.assign({},Ca,Fa)),"number"===h&&(void 0===M||M)&&React.createElement("div",{className:cnTextField("Counter")},React.createElement("button",{onFocus:Ba,onClick:function(a){return Ha(a,!0)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelectOpen,{size:"xs"})),React.createElement("button",{onFocus:Ba,onClick:function(a){return Ha(a,!1)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelect,{size:"xs"}))),i&&L&&"number"!==h&&React.createElement("button",{type:"button",disabled:s,onClick:Ga,className:cnTextField("ClearButton")},React.createElement(IconClose,{size:"xs",className:cnTextField("ClearButtonIcon")})),"password"===h&&i&&React.createElement("button",{className:cnTextField("ClearButton"),type:"button",onClick:ta},React.createElement(Da,{className:cnTextField("Icon"),size:ya})),va&&"number"!==h&&"password"!==h&&React.createElement("div",{className:cnTextField("Side",{position:"right",type:xa?"string":"icon"}),title:"string"==typeof J?J:void 0},xa?J:React.createElement(va,{className:cnTextField("Icon"),size:ya}))),Z&&React.createElement(FieldCaption,{className:cnTextField("Caption"),status:A||z},Z)))};export var TextField=forwardRef(TextFieldRender);export*from"./types";
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRef","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","inputContainerRef","labelPosition","caption","iconSize","focused","onClick","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture"];import"./TextField.css";import{IconClose}from"@consta/icons/IconClose";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import{IconSelect}from"@consta/icons/IconSelect";import{IconSelectOpen}from"@consta/icons/IconSelectOpen";import React,{forwardRef,useCallback,useEffect}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef/useMutableRef";import{useSortSteps}from"../../hooks/useSortSteps/useSortSteps";import{cn}from"../../utils/bem";import{getByMap}from"../../utils/getByMap";import{isString}from"../../utils/type-guards";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{FieldCaption}from"../FieldCaption/FieldCaption";import{FieldLabel}from"../FieldLabel/FieldLabel";import{getIncrementFlag,getTypeForRender,getValueByStep,sizeMap}from"./helpers";import{textFieldPropFormDefault,textFieldPropSizeDefault,textFieldPropViewDefault,textFieldPropWidthDefault}from"./types";export var COMPONENT_NAME="TextField";export var cnTextField=cn("TextField");export var TextFieldRender=function(a,b){var c=React.useRef(null),d=React.useRef(null),e=usePropsHandler(COMPONENT_NAME,a,c),f=e.className,g=e.type,h=void 0===g?"text":g,i=e.value,j=e.onChange,k=e.id,l=e.name,m=e.rows,n=e.cols,o=e.minRows,p=e.maxRows,q=e.inputRef,r=e.maxLength,s=e.disabled,t=e.size,u=void 0===t?textFieldPropSizeDefault:t,v=e.view,w=void 0===v?textFieldPropViewDefault:v,x=e.form,y=void 0===x?textFieldPropFormDefault:x,z=e.state,A=e.status,B=e.width,C=void 0===B?textFieldPropWidthDefault:B,D=e.onBlur,E=e.onFocus,F=e.autoFocus,G=void 0!==F&&F,H=e.placeholder,I=e.leftSide,J=e.rightSide,K=e.autoComplete,L=e.withClearButton,M=e.incrementButtons,N=e.max,O=e.min,P=e.readOnly,Q=e.required,R=e.step,S=void 0===R?1:R,T=e.tabIndex,U=e.ariaLabel,V=e.label,W=e.inputContainerRef,X=e.labelPosition,Y=void 0===X?"top":X,Z=e.caption,$=e.iconSize,_=e.focused,aa=e.onClick,ba=e.onKeyDown,ca=e.onKeyDownCapture,da=e.onKeyPress,ea=e.onKeyPressCapture,fa=e.onKeyUp,ga=e.onKeyUpCapture,ha=_objectWithoutProperties(e,_excluded),ia=useFlag(G),ja=_slicedToArray(ia,2),ka=ja[0],la=ja[1],ma=useFlag(!1),na=_slicedToArray(ma,2),oa=na[0],pa=na[1],qa=useMutableRef(i),ra=useMutableRef(aa),sa=useMutableRef(j),ta=useCallback(function(a){var b;a.stopPropagation(),pa.toggle(),null===(b=d.current)||void 0===b?void 0:b.focus()},[]),ua=I,va=J,wa=isString(I),xa=isString(J),ya=getByMap(sizeMap,u,$),za=useSortSteps({step:S,min:+O,max:+N}),Aa=useCallback(function(a){var b;s||(null===(b=sa.current)||void 0===b?void 0:b.call(sa,{e:a,id:k,name:l,value:a.target.value||null}))},[k,l,s]),Ba=function(a){la.on(),null===E||void 0===E?void 0:E(a)},Ca={className:cnTextField("Input"),value:i||"",onChange:Aa,maxLength:r,disabled:s,onBlur:function handleBlur(a){la.off(),null===D||void 0===D?void 0:D(a)},onFocus:Ba,autoFocus:G,placeholder:H,autoComplete:K,readOnly:P,tabIndex:T,name:l,onKeyDownCapture:ca,onKeyPress:da,onKeyPressCapture:ea,onKeyUp:fa,onKeyUpCapture:ga,id:k?k.toString():"","aria-label":U},Da=oa?IconEyeClose:IconEye,Ea={rows:m,cols:n,minRows:o||m,maxRows:p||m,ref:useForkRef([d,q])},Fa={type:getTypeForRender(h,oa),max:N,min:O,step:Array.isArray(za)?0:za,onKeyDown:function onKeyDown(a){var b=getIncrementFlag(a);null===ba||void 0===ba?void 0:ba(a),"number"!==h||"boolean"!=typeof b||s||(a.preventDefault(),null===j||void 0===j?void 0:j({e:a,value:getValueByStep(za,i,b,O,N)}))},ref:useForkRef([d,q])},Ga=useCallback(function(a){var b;null===(b=sa.current)||void 0===b?void 0:b.call(sa,{e:a,value:null})},[]),Ha=function(a){var b=!(1<arguments.length&&void 0!==arguments[1])||arguments[1];null===j||void 0===j?void 0:j({e:a,value:getValueByStep(za,i,b,O,N)})},Ia={onClick:useCallback(function(a){var b,c;null===(b=d.current)||void 0===b?void 0:b.focus(),null===(c=ra.current)||void 0===c?void 0:c.call(ra,a)},[])};return useEffect(function(){if("password"===h&&d.current){var a;d.current.selectionStart=(null===(a=qa.current)||void 0===a?void 0:a.length)||0}},[oa]),React.createElement("div",Object.assign({className:cnTextField({labelPosition:Y,size:u,view:w,width:C},[f]),ref:useForkRef([b,c])},Ia,ha),V&&React.createElement(FieldLabel,{required:Q,className:cnTextField("Label",{labelPosition:Y}),size:u},V),React.createElement("div",{className:cnTextField("Body")},React.createElement("div",{ref:W,className:cnTextField("InputContainer",{view:w,form:y,status:A||z,disabled:s,type:h,focus:ka||_,withValue:!!i})},ua&&React.createElement("div",{className:cnTextField("Side",{position:"left",type:wa?"string":"icon"}),title:"string"==typeof I?I:void 0},wa?I:React.createElement(ua,{className:cnTextField("Icon"),size:ya})),"textarea"===h?React.createElement(TextAreaAutoSize,Object.assign({},Ca,Ea)):React.createElement("input",Object.assign({},Ca,Fa)),"number"===h&&(void 0===M||M)&&React.createElement("div",{className:cnTextField("Counter")},React.createElement("button",{onFocus:Ba,onClick:function(a){return Ha(a,!0)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelectOpen,{size:"xs"})),React.createElement("button",{onFocus:Ba,onClick:function(a){return Ha(a,!1)},type:"button",className:cnTextField("CounterButton")},React.createElement(IconSelect,{size:"xs"}))),i&&L&&"number"!==h&&React.createElement("button",{type:"button",disabled:s,onClick:Ga,className:cnTextField("ClearButton")},React.createElement(IconClose,{size:"xs",className:cnTextField("ClearButtonIcon")})),"password"===h&&i&&React.createElement("button",{className:cnTextField("ClearButton"),type:"button",onClick:ta},React.createElement(Da,{className:cnTextField("Icon"),size:ya})),va&&"number"!==h&&"password"!==h&&React.createElement("div",{className:cnTextField("Side",{position:"right",type:xa?"string":"icon"}),title:"string"==typeof J?J:void 0},xa?J:React.createElement(va,{className:cnTextField("Icon"),size:ya}))),Z&&React.createElement(FieldCaption,{className:cnTextField("Caption"),status:A||z},Z)))};export var TextField=forwardRef(TextFieldRender);export*from"./types";
 //# sourceMappingURL=TextField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["React","forwardRef","useCallback","useEffect","TextAreaAutoSize","useFlag","useForkRef","useMutableRef","useSortSteps","IconClose","IconEye","IconEyeClose","IconSelect","IconSelectOpen","cn","getByMap","isString","usePropsHandler","FieldCaption","FieldLabel","getIncrementFlag","getTypeForRender","getValueByStep","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","textFieldPropWidthDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","valueRef","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toogle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","handleFocus","on","commonProps","handleBlur","off","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","handleClear","changeNumberValue","isIncrement","rootProps","selectionStart","length","withValue","position","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { useFlag } from '../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '../../hooks/useSortSteps/useSortSteps';\nimport { IconClose } from '../../icons/IconClose/IconClose';\nimport { IconEye } from '../../icons/IconEye/IconEye';\nimport { IconEyeClose } from '../../icons/IconEyeClose/IconEyeClose';\nimport { IconSelect } from '../../icons/IconSelect/IconSelect';\nimport { IconSelectOpen } from '../../icons/IconSelectOpen/IconSelectOpen';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { isString } from '../../utils/type-guards';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../FieldLabel/FieldLabel';\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n  textFieldPropWidthDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    width = textFieldPropWidthDefault,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag(false);\n\n  const valueRef = useMutableRef(value);\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toogle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.({ e, id, name, value: e.target.value || null });\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': value || '',\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : '',\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n      onChange?.({\n        e,\n        value: getValueByStep(sortedSteps, value, flag, min, max),\n      });\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.({\n      e,\n      value: null,\n    });\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    onChange?.({\n      e,\n      value: getValueByStep(sortedSteps, value, isIncrement, min, max),\n    });\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  // при смене passwordVible, перемещаем курсор в конец строки\n  useEffect(() => {\n    if (type === 'password' && inputRef.current) {\n      inputRef.current.selectionStart = valueRef.current?.length || 0;\n    }\n  }, [passwordVisible]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view, width }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue: !!value,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelectOpen size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {value && withClearButton && type !== 'number' && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClose size=\"xs\" className={cnTextField('ClearButtonIcon')} />\n            </button>\n          )}\n\n          {type === 'password' && value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && type !== 'number' && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"krBAAA,wBAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,SAAzC,KAA0D,OAA1D,CACA,MAAOC,iBAAP,KAA6B,yBAA7B,CAEA,OAASC,OAAT,mCACA,OAASC,UAAT,yCACA,OAASC,aAAT,+CACA,OAASC,YAAT,6CACA,OAASC,SAAT,uCACA,OAASC,OAAT,mCACA,OAASC,YAAT,6CACA,OAASC,UAAT,yCACA,OAASC,cAAT,iDACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,QAAT,+BACA,OAASC,eAAT,2CACA,OAASC,YAAT,oCACA,OAASC,UAAT,gCACA,OACEC,gBADF,CAEEC,gBAFF,CAGEC,cAHF,CAIEC,OAJF,iBAMA,OAEEC,wBAFF,CAIEC,wBAJF,CAKEC,wBALF,CAMEC,yBANF,eASA,MAAO,IAAMC,eAAc,CAAG,WAAvB,CACP,MAAO,IAAMC,YAAW,CAAGf,EAAE,aAAtB,CAEP,MAAO,IAAMgB,gBAAe,CAAG,SAC7BC,CAD6B,CAE7BC,CAF6B,CAG1B,IACGC,EAAY,CAAGjC,KAAK,CAACkC,MAAN,CAA6B,IAA7B,CADlB,CAEGC,CAAQ,CAAGnC,KAAK,CAACkC,MAAN,CAAqD,IAArD,CAFd,GAuDCjB,eAAe,CAACW,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CAvDhB,CAKDG,CALC,GAKDA,SALC,KAMDC,IANC,CAMDA,CANC,YAMM,MANN,GAODC,CAPC,GAODA,KAPC,CAQDC,CARC,GAQDA,QARC,CASDC,CATC,GASDA,EATC,CAUDC,CAVC,GAUDA,IAVC,CAWDC,CAXC,GAWDA,IAXC,CAYDC,CAZC,GAYDA,IAZC,CAaDC,CAbC,GAaDA,OAbC,CAcDC,CAdC,GAcDA,OAdC,CAeSC,CAfT,GAeDX,QAfC,CAgBDY,CAhBC,GAgBDA,SAhBC,CAiBDC,CAjBC,GAiBDA,QAjBC,KAkBDC,IAlBC,CAkBDA,CAlBC,YAkBMxB,wBAlBN,OAmBDyB,IAnBC,CAmBDA,CAnBC,YAmBMxB,wBAnBN,OAoBDyB,IApBC,CAoBDA,CApBC,YAoBM3B,wBApBN,GAqBD4B,CArBC,GAqBDA,KArBC,CAsBDC,CAtBC,GAsBDA,MAtBC,KAuBDC,KAvBC,CAuBDA,CAvBC,YAuBO3B,yBAvBP,GAwBD4B,CAxBC,GAwBDA,MAxBC,CAyBDC,CAzBC,GAyBDA,OAzBC,KA0BDC,SA1BC,CA0BDA,CA1BC,eA2BDC,CA3BC,GA2BDA,WA3BC,CA4BDC,CA5BC,GA4BDA,QA5BC,CA6BDC,CA7BC,GA6BDA,SA7BC,CA8BDC,CA9BC,GA8BDA,YA9BC,CA+BDC,CA/BC,GA+BDA,eA/BC,KAgCDC,gBAhCC,CAiCDC,CAjCC,GAiCDA,GAjCC,CAkCDC,CAlCC,GAkCDA,GAlCC,CAmCDC,CAnCC,GAmCDA,QAnCC,CAoCDC,CApCC,GAoCDA,QApCC,KAqCDC,IArCC,CAqCDA,CArCC,YAqCM,CArCN,GAsCDC,CAtCC,GAsCDA,QAtCC,CAuCDC,CAvCC,GAuCDA,SAvCC,CAwCDC,CAxCC,GAwCDA,KAxCC,CAyCDC,CAzCC,GAyCDA,iBAzCC,KA0CDC,aA1CC,CA0CDA,CA1CC,YA0Ce,KA1Cf,GA2CDC,CA3CC,GA2CDA,OA3CC,CA4CSC,CA5CT,GA4CDC,QA5CC,CA6CDC,CA7CC,GA6CDA,OA7CC,CA8CDC,EA9CC,GA8CDA,OA9CC,CAgDUC,EAhDV,GAgDDC,SAhDC,CAiDDC,EAjDC,GAiDDA,gBAjDC,CAkDDC,EAlDC,GAkDDA,UAlDC,CAmDDC,EAnDC,GAmDDA,iBAnDC,CAoDDC,EApDC,GAoDDA,OApDC,CAqDDC,EArDC,GAqDDA,cArDC,CAsDEC,EAtDF,0CAwDuBjF,OAAO,CAACoD,CAAD,CAxD9B,yBAwDI8B,EAxDJ,OAwDWC,EAxDX,UAyD2CnF,OAAO,IAzDlD,yBAyDIoF,EAzDJ,OAyDqBC,EAzDrB,OA2DGC,EAAQ,CAAGpF,aAAa,CAAC+B,CAAD,CA3D3B,CA4DGsD,EAAU,CAAGrF,aAAa,CAACuE,EAAD,CA5D7B,CA6DGe,EAAW,CAAGtF,aAAa,CAACgC,CAAD,CA7D9B,CA+DGuD,EAAc,CAAG5F,WAAW,CAChC,SAAC6F,CAAD,CAAwD,OACtDA,CAAC,CAACC,eAAF,EADsD,CAEtDN,EAAkB,CAACO,MAAnB,EAFsD,WAGtD9D,CAAQ,CAAC+D,OAH6C,qBAGtD,EAAkBX,KAAlB,EACD,CAL+B,CAMhC,EANgC,CA/D/B,CAyEGY,EAAQ,CAAGxC,CAzEd,CA0EGyC,EAAS,CAAGxC,CA1Ef,CA2EGyC,EAAgB,CAAGrF,QAAQ,CAAC2C,CAAD,CA3E9B,CA4EG2C,EAAiB,CAAGtF,QAAQ,CAAC4C,CAAD,CA5E/B,CA6EGgB,EAAQ,CAAG7D,QAAQ,CAACQ,OAAD,CAAU0B,CAAV,CAAgB0B,CAAhB,CA7EtB,CA+EG4B,EAAW,CAAG/F,YAAY,CAAC,CAC/B4D,IAAI,CAAJA,CAD+B,CAE/BH,GAAG,EAASA,CAFmB,CAG/BD,GAAG,EAASA,CAHmB,CAAD,CA/E7B,CAqFGwC,EAEL,CAAGtG,WAAW,CACb,SAAC6F,CAAD,CAAO,OACJ/C,CAAD,aACE6C,EAAW,CAACK,OADd,qBACE,OAAAL,EAAW,CAAW,CAAEE,CAAC,CAADA,CAAF,CAAKvD,EAAE,CAAFA,CAAL,CAASC,IAAI,CAAJA,CAAT,CAAeH,KAAK,CAAEyD,CAAC,CAACU,MAAF,CAASnE,KAAT,EAAkB,IAAxC,CAAX,CADb,CAED,CAJY,CAKb,CAACE,CAAD,CAAKC,CAAL,CAAWO,CAAX,CALa,CAvFZ,CAoGG0D,EAAiD,CAAG,SAACX,CAAD,CAAO,CAC/DP,EAAQ,CAACmB,EAAT,EAD+D,QAE/DnD,CAF+D,WAE/DA,CAF+D,QAE/DA,CAAO,CAAGuC,CAAH,CACR,CAvGE,CAyGGa,EAAW,CAAG,CAClB,UAAa/E,WAAW,CAAC,OAAD,CADN,CAElB,MAASS,CAAK,EAAI,EAFA,CAGlB,SAAYkE,EAHM,CAIlBzD,SAAS,CAATA,CAJkB,CAKlBC,QAAQ,CAARA,CALkB,CAMlB,OAhBuD,QAAnD6D,WAAmD,CAACd,CAAD,CAAO,CAC9DP,EAAQ,CAACsB,GAAT,EAD8D,QAE9DvD,CAF8D,WAE9DA,CAF8D,QAE9DA,CAAM,CAAGwC,CAAH,CACP,CAOmB,CAOlB,QAAWW,EAPO,CAQlBjD,SAAS,CAATA,CARkB,CASlBC,WAAW,CAAXA,CATkB,CAUlBG,YAAY,CAAZA,CAVkB,CAWlBK,QAAQ,CAARA,CAXkB,CAYlBG,QAAQ,CAARA,CAZkB,CAalB5B,IAAI,CAAJA,CAbkB,CAclBwC,gBAAgB,CAAhBA,EAdkB,CAelBC,UAAU,CAAVA,EAfkB,CAgBlBC,iBAAiB,CAAjBA,EAhBkB,CAiBlBC,OAAO,CAAPA,EAjBkB,CAkBlBC,cAAc,CAAdA,EAlBkB,CAmBlB,GAAM7C,CAAE,CAAGA,CAAE,CAACuE,QAAH,EAAH,CAAmB,EAnBT,CAoBlB,aAAczC,CApBI,CAzGjB,CAgIG0C,EAAG,CAAGvB,EAAe,CAAG9E,YAAH,CAAkBD,OAhI1C,CA8IGuG,EAAa,CAAG,CACpBvE,IAAI,CAAJA,CADoB,CAEpBC,IAAI,CAAJA,CAFoB,CAGpBC,OAAO,CAAEA,CAAO,EAAIF,CAHA,CAIpBG,OAAO,CAAEA,CAAO,EAAIH,CAJA,CAKpBV,GAAG,CAAE1B,UAAU,CAAC,CAAC6B,CAAD,CAAWW,CAAX,CAAD,CALK,CA9InB,CAwJGoE,EAAU,CAAG,CACjB7E,IAAI,CAAEhB,gBAAgB,CAACgB,CAAD,CAAOoD,EAAP,CADL,CAEjBzB,GAAG,CAAHA,CAFiB,CAGjBC,GAAG,CAAHA,CAHiB,CAIjBG,IAAI,CAAG+C,KAAK,CAACC,OAAN,CAAcb,EAAd,CAAD,CAA4C,CAA5C,CAA8BA,EAJnB,CAKjBvB,SAAS,CA3BO,QAAZA,UAAY,CAACe,CAAD,CAA4B,CAC5C,GAAMsB,EAAI,CAAGjG,gBAAgB,CAAC2E,CAAD,CAA7B,CAD4C,OAE5ChB,EAF4C,WAE5CA,EAF4C,QAE5CA,EAAa,CAAGgB,CAAH,CAF+B,CAG/B,QAAT,GAAA1D,CAAI,EAAiC,SAAhB,QAAOgF,EAA5B,EAAmDrE,CAHX,GAI1C+C,CAAC,CAACuB,cAAF,EAJ0C,QAK1C/E,CAL0C,WAK1CA,CAL0C,QAK1CA,CAAQ,CAAG,CACTwD,CAAC,CAADA,CADS,CAETzD,KAAK,CAAEhB,cAAc,CAACiF,EAAD,CAAcjE,CAAd,CAAqB+E,CAArB,CAA2BpD,CAA3B,CAAgCD,CAAhC,CAFZ,CAAH,CALkC,CAU7C,CAYkB,CAMjBhC,GAAG,CAAE1B,UAAU,CAAC,CACd6B,CADc,CAEdW,CAFc,CAAD,CANE,CAxJhB,CAoKGyE,EAAW,CAAGrH,WAAW,CAAC,SAAC6F,CAAD,CAA4C,iBAC1EF,EAAW,CAACK,OAD8D,qBAC1E,OAAAL,EAAW,CAAW,CACpBE,CAAC,CAADA,CADoB,CAEpBzD,KAAK,CAAE,IAFa,CAAX,CAIZ,CAL8B,CAK5B,EAL4B,CApK5B,CA2KGkF,EAAiB,CAAG,SACxBzB,CADwB,CAGrB,IADH0B,EACG,mEACHlF,CADG,WACHA,CADG,QACHA,CAAQ,CAAG,CACTwD,CAAC,CAADA,CADS,CAETzD,KAAK,CAAEhB,cAAc,CAACiF,EAAD,CAAcjE,CAAd,CAAqBmF,CAArB,CAAkCxD,CAAlC,CAAuCD,CAAvC,CAFZ,CAAH,CAIT,CAnLE,CAqLG0D,EAAS,CAAG,CAChB5C,OAAO,CAAE5E,WAAW,CAAC,SAAC6F,CAAD,CAAqD,mBACxE5D,CAAQ,CAAC+D,OAD+D,qBACxE,EAAkBX,KAAlB,EADwE,WAExEK,EAAU,CAACM,OAF6D,qBAExE,OAAAN,EAAU,CAAWG,CAAX,CACX,CAHmB,CAGjB,EAHiB,CADJ,CArLf,CAmMH,MANA5F,UAAS,CAAC,UAAM,CACd,GAAa,UAAT,GAAAkC,CAAI,EAAmBF,CAAQ,CAAC+D,OAApC,CAA6C,OAC3C/D,CAAQ,CAAC+D,OAAT,CAAiByB,cAAjB,CAAkC,WAAAhC,EAAQ,CAACO,OAAT,uBAAkB0B,MAAlB,GAA4B,CAC/D,CACF,CAJQ,CAIN,CAACnC,EAAD,CAJM,CAMT,CACE,yCACE,SAAS,CAAE5D,WAAW,CAAC,CAAE4C,aAAa,CAAbA,CAAF,CAAiBxB,IAAI,CAAJA,CAAjB,CAAuBC,IAAI,CAAJA,CAAvB,CAA6BI,KAAK,CAALA,CAA7B,CAAD,CAAuC,CAAClB,CAAD,CAAvC,CADxB,CAEE,GAAG,CAAE9B,UAAU,CAAC,CAAC0B,CAAD,CAAMC,CAAN,CAAD,CAFjB,EAGMyF,EAHN,CAIMpC,EAJN,EAMGf,CAAK,EACJ,oBAAC,UAAD,EACE,QAAQ,CAAEJ,CADZ,CAEE,SAAS,CAAEtC,WAAW,CAAC,OAAD,CAAU,CAAE4C,aAAa,CAAbA,CAAF,CAAV,CAFxB,CAGE,IAAI,CAAExB,CAHR,EAKGsB,CALH,CAPJ,CAeE,2BAAK,SAAS,CAAE1C,WAAW,CAAC,MAAD,CAA3B,EACE,2BACE,GAAG,CAAE2C,CADP,CAEE,SAAS,CAAE3C,WAAW,CAAC,gBAAD,CAAmB,CACvCqB,IAAI,CAAJA,CADuC,CAEvCC,IAAI,CAAJA,CAFuC,CAGvCE,MAAM,CAAEA,CAAM,EAAID,CAHqB,CAIvCJ,QAAQ,CAARA,CAJuC,CAKvCX,IAAI,CAAJA,CALuC,CAMvCkD,KAAK,CAAEA,EAAK,EAAIV,CANuB,CAOvCgD,SAAS,CAAE,CAAC,CAACvF,CAP0B,CAAnB,CAFxB,EAYG6D,EAAQ,EACP,2BACE,SAAS,CAAEtE,WAAW,CAAC,MAAD,CAAS,CAC7BiG,QAAQ,CAAE,MADmB,CAE7BzF,IAAI,CAAEgE,EAAgB,CAAG,QAAH,CAAc,MAFP,CAAT,CADxB,CAKE,KAAK,CAAsB,QAApB,QAAO1C,EAAP,CAA+BA,CAA/B,OALT,EAOG0C,EAAgB,CACf1C,CADe,CAGf,oBAAC,EAAD,EAAU,SAAS,CAAE9B,WAAW,CAAC,MAAD,CAAhC,CAA0C,IAAI,CAAE+C,EAAhD,EAVJ,CAbJ,CA5IoB,UAAT,GAAAvC,CAuKR,CACC,oBAAC,gBAAD,kBAAsBuE,EAAtB,CAAuCK,EAAvC,EADD,CAGC,6CAAWL,EAAX,CAA4BM,EAA5B,EA9BJ,CAiCY,QAAT,GAAA7E,CAAI,iBAAJ,EACC,2BAAK,SAAS,CAAER,WAAW,CAAC,SAAD,CAA3B,EACE,8BACE,OAAO,CAAE6E,EADX,CAEE,OAAO,CAAE,SAACX,CAAD,QAAOyB,GAAiB,CAACzB,CAAD,IAAxB,CAFX,CAGE,IAAI,CAAC,QAHP,CAIE,SAAS,CAAElE,WAAW,CAAC,eAAD,CAJxB,EAME,oBAAC,cAAD,EAAgB,IAAI,CAAC,IAArB,EANF,CADF,CASE,8BACE,OAAO,CAAE6E,EADX,CAEE,OAAO,CAAE,SAACX,CAAD,QAAOyB,GAAiB,CAACzB,CAAD,IAAxB,CAFX,CAGE,IAAI,CAAC,QAHP,CAIE,SAAS,CAAElE,WAAW,CAAC,eAAD,CAJxB,EAME,oBAAC,UAAD,EAAY,IAAI,CAAC,IAAjB,EANF,CATF,CAlCJ,CAsDGS,CAAK,EAAIwB,CAAT,EAAqC,QAAT,GAAAzB,CAA5B,EACC,8BACE,IAAI,CAAC,QADP,CAEE,QAAQ,CAAEW,CAFZ,CAGE,OAAO,CAAEuE,EAHX,CAIE,SAAS,CAAE1F,WAAW,CAAC,aAAD,CAJxB,EAME,oBAAC,SAAD,EAAW,IAAI,CAAC,IAAhB,CAAqB,SAAS,CAAEA,WAAW,CAAC,iBAAD,CAA3C,EANF,CAvDJ,CAiEY,UAAT,GAAAQ,CAAI,EAAmBC,CAAvB,EACC,8BACE,SAAS,CAAET,WAAW,CAAC,aAAD,CADxB,CAEE,IAAI,CAAC,QAFP,CAGE,OAAO,CAAEiE,EAHX,EAKE,oBAAC,EAAD,EAAK,SAAS,CAAEjE,WAAW,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAE+C,EAA3C,EALF,CAlEJ,CA2EGwB,EAAS,EAAa,QAAT,GAAA/D,CAAb,EAA2C,UAAT,GAAAA,CAAlC,EACC,2BACE,SAAS,CAAER,WAAW,CAAC,MAAD,CAAS,CAC7BiG,QAAQ,CAAE,OADmB,CAE7BzF,IAAI,CAAEiE,EAAiB,CAAG,QAAH,CAAc,MAFR,CAAT,CADxB,CAKE,KAAK,CAAuB,QAArB,QAAO1C,EAAP,CAAgCA,CAAhC,OALT,EAOG0C,EAAiB,CAChB1C,CADgB,CAGhB,oBAAC,EAAD,EAAW,SAAS,CAAE/B,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAE+C,EAAjD,EAVJ,CA5EJ,CADF,CA4FGF,CAAO,EACN,oBAAC,YAAD,EACE,SAAS,CAAE7C,WAAW,CAAC,SAAD,CADxB,CAEE,MAAM,CAAEwB,CAAM,EAAID,CAFpB,EAIGsB,CAJH,CA7FJ,CAfF,CAsHH,CA7TM,CA+TP,MAAO,IAAMqD,UAAS,CAAG9H,UAAU,CAAC6B,eAAD,CAA5B,CACP"}
+{"version":3,"file":"TextField.js","names":["IconClose","IconEye","IconEyeClose","IconSelect","IconSelectOpen","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","useFlag","useForkRef","useMutableRef","useSortSteps","cn","getByMap","isString","usePropsHandler","FieldCaption","FieldLabel","getIncrementFlag","getTypeForRender","getValueByStep","sizeMap","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","textFieldPropWidthDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","width","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","valueRef","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","handleFocus","on","commonProps","handleBlur","off","toString","Eye","textareaProps","inputProps","Array","isArray","flag","preventDefault","handleClear","changeNumberValue","isIncrement","rootProps","selectionStart","length","withValue","position","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport { IconSelectOpen } from '@consta/icons/IconSelectOpen';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { useFlag } from '../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useMutableRef } from '../../hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '../../hooks/useSortSteps/useSortSteps';\nimport { cn } from '../../utils/bem';\nimport { getByMap } from '../../utils/getByMap';\nimport { isString } from '../../utils/type-guards';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../FieldLabel/FieldLabel';\nimport {\n  getIncrementFlag,\n  getTypeForRender,\n  getValueByStep,\n  sizeMap,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\n  textFieldPropWidthDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'TextField' as const;\nexport const cnTextField = cn(COMPONENT_NAME);\n\nexport const TextFieldRender = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const textFieldRef = React.useRef<HTMLDivElement>(null);\n  const inputRef = React.useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n\n  const {\n    className,\n    type = 'text',\n    value,\n    onChange,\n    id,\n    name,\n    rows,\n    cols,\n    minRows,\n    maxRows,\n    inputRef: inputRefProp,\n    maxLength,\n    disabled,\n    size = textFieldPropSizeDefault,\n    view = textFieldPropViewDefault,\n    form = textFieldPropFormDefault,\n    state,\n    status,\n    width = textFieldPropWidthDefault,\n    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    inputContainerRef,\n    labelPosition = 'top',\n    caption,\n    iconSize: iconSizeProp,\n    focused,\n    onClick,\n    // onkey props\n    onKeyDown: onKeyDownProp,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag(false);\n\n  const valueRef = useMutableRef(value);\n  const onClickRef = useMutableRef(onClick);\n  const onChangeRef = useMutableRef(onChange);\n\n  const handleEyeClick = useCallback(\n    (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n      e.stopPropagation();\n      setPasswordVisuble.toggle();\n      inputRef.current?.focus();\n    },\n    [],\n  );\n\n  const textarea = type === 'textarea';\n  const LeftIcon = leftSide;\n  const RightIcon = rightSide;\n  const leftSideIsString = isString(leftSide);\n  const rightSideIsString = isString(rightSide);\n  const iconSize = getByMap(sizeMap, size, iconSizeProp);\n\n  const sortedSteps = useSortSteps({\n    step,\n    min: Number(min),\n    max: Number(max),\n  });\n\n  const handleChange: React.ChangeEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = useCallback(\n    (e) => {\n      !disabled &&\n        onChangeRef.current?.({ e, id, name, value: e.target.value || null });\n    },\n    [id, name, disabled],\n  );\n\n  const handleBlur: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.off();\n    onBlur?.(e);\n  };\n\n  const handleFocus: React.FocusEventHandler<HTMLElement> = (e) => {\n    setFocus.on();\n    onFocus?.(e);\n  };\n\n  const commonProps = {\n    'className': cnTextField('Input'),\n    'value': value || '',\n    'onChange': handleChange,\n    maxLength,\n    disabled,\n    'onBlur': handleBlur,\n    'onFocus': handleFocus,\n    autoFocus,\n    placeholder,\n    autoComplete,\n    readOnly,\n    tabIndex,\n    name,\n    onKeyDownCapture,\n    onKeyPress,\n    onKeyPressCapture,\n    onKeyUp,\n    onKeyUpCapture,\n    'id': id ? id.toString() : '',\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const flag = getIncrementFlag(e);\n    onKeyDownProp?.(e);\n    if (type === 'number' && typeof flag === 'boolean' && !disabled) {\n      e.preventDefault();\n      onChange?.({\n        e,\n        value: getValueByStep(sortedSteps, value, flag, min, max),\n      });\n    }\n  };\n\n  const textareaProps = {\n    rows,\n    cols,\n    minRows: minRows || rows,\n    maxRows: maxRows || rows,\n    ref: useForkRef([inputRef, inputRefProp]) as (\n      node: HTMLTextAreaElement,\n    ) => void,\n  };\n\n  const inputProps = {\n    type: getTypeForRender(type, passwordVisible),\n    max,\n    min,\n    step: !Array.isArray(sortedSteps) ? sortedSteps : 0,\n    onKeyDown,\n    ref: useForkRef([\n      inputRef,\n      inputRefProp,\n    ]) as React.RefCallback<HTMLInputElement>,\n  };\n\n  const handleClear = useCallback((e: React.MouseEvent<HTMLButtonElement>) => {\n    onChangeRef.current?.({\n      e,\n      value: null,\n    });\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    onChange?.({\n      e,\n      value: getValueByStep(sortedSteps, value, isIncrement, min, max),\n    });\n  };\n\n  const rootProps = {\n    onClick: useCallback((e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      inputRef.current?.focus();\n      onClickRef.current?.(e);\n    }, []),\n  };\n\n  // при смене passwordVible, перемещаем курсор в конец строки\n  useEffect(() => {\n    if (type === 'password' && inputRef.current) {\n      inputRef.current.selectionStart = valueRef.current?.length || 0;\n    }\n  }, [passwordVisible]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view, width }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          required={required}\n          className={cnTextField('Label', { labelPosition })}\n          size={size}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnTextField('Body')}>\n        <div\n          ref={inputContainerRef}\n          className={cnTextField('InputContainer', {\n            view,\n            form,\n            status: status || state,\n            disabled,\n            type,\n            focus: focus || focused,\n            withValue: !!value,\n          })}\n        >\n          {LeftIcon && (\n            <div\n              className={cnTextField('Side', {\n                position: 'left',\n                type: leftSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof leftSide === 'string' ? leftSide : undefined}\n            >\n              {leftSideIsString ? (\n                leftSide\n              ) : (\n                <LeftIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n          {textarea ? (\n            <TextAreaAutoSize {...commonProps} {...textareaProps} />\n          ) : (\n            <input {...commonProps} {...inputProps} />\n          )}\n\n          {type === 'number' && incrementButtons && (\n            <div className={cnTextField('Counter')}>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelectOpen size=\"xs\" />\n              </button>\n              <button\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n                className={cnTextField('CounterButton')}\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {value && withClearButton && type !== 'number' && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              onClick={handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClose size=\"xs\" className={cnTextField('ClearButtonIcon')} />\n            </button>\n          )}\n\n          {type === 'password' && value && (\n            <button\n              className={cnTextField('ClearButton')}\n              type=\"button\"\n              onClick={handleEyeClick}\n            >\n              <Eye className={cnTextField('Icon')} size={iconSize} />\n            </button>\n          )}\n\n          {RightIcon && type !== 'number' && type !== 'password' && (\n            <div\n              className={cnTextField('Side', {\n                position: 'right',\n                type: rightSideIsString ? 'string' : 'icon',\n              })}\n              title={typeof rightSide === 'string' ? rightSide : undefined}\n            >\n              {rightSideIsString ? (\n                rightSide\n              ) : (\n                <RightIcon className={cnTextField('Icon')} size={iconSize} />\n              )}\n            </div>\n          )}\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnTextField('Caption')}\n            status={status || state}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const TextField = forwardRef(TextFieldRender) as TextFieldComponent;\nexport * from './types';\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
+import { IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconPropSize } from '../../icons/Icon/Icon';
 import { TextFieldPropSize } 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;

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["sizeMap","xs","s","m","l","getValueByStepArray","steps","value","min","max","isIncrement","currentValue","length","i","getValueByStepNumber","step","minValue","maxValue","Number","isNaN","toFixed","toString","split","getIncrementFlag","event","key","getTypeForRender","type","passwordVible","getValueByStep","Array","isArray"],"sources":["../../../../../src/components/TextField/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconPropSize } from '../../icons/Icon/Icon';\nimport { TextFieldPropSize } from './types';\n\nexport const sizeMap: Record<TextFieldPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\nexport const getValueByStepArray = (\n  steps: number[],\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const currentValue = Number(value ?? min);\n  const minValue = Number(min);\n  if (typeof value !== 'string') {\n    return typeof min !== 'undefined' ? minValue : 0;\n  }\n  if (currentValue < steps[0]) {\n    return steps[0];\n  }\n  if (currentValue > steps[steps.length - 1]) {\n    return steps[steps.length - 1];\n  }\n  if (\n    (!isIncrement && currentValue === steps[0]) ||\n    (isIncrement && currentValue === steps[steps.length - 1])\n  ) {\n    return currentValue;\n  }\n  for (let i = 0; i < steps.length; i++) {\n    if (\n      currentValue === steps[i] ||\n      (steps[i] < currentValue && steps[i + 1] > currentValue)\n    ) {\n      return steps[i + (isIncrement ? 1 : -1)];\n    }\n  }\n  return 0;\n};\n\nexport const getValueByStepNumber = (\n  step: number | string,\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const minValue = Number(min);\n  const maxValue = Number(max);\n  const currentValue: number =\n    (typeof value === 'string' ? Number(value) : 0) +\n    Number(step) * (isIncrement ? 1 : -1);\n  if (!Number.isNaN(minValue) && currentValue <= minValue) {\n    return minValue;\n  }\n  if (!Number.isNaN(maxValue) && currentValue >= maxValue) {\n    return maxValue;\n  }\n  return Number(\n    currentValue.toFixed(\n      Number(\n        /* Необходимо для того, чтобы избежать ситуации, когда по нажатию\nна кнопку прибавляется число с погрешностью.\nЗдесь мы берем разрядность дробной части шага и ограничиваем\nрезультирующее число этой разрядностью */\n        Number(step).toString().split('.')[1]?.length,\n      ) || 0,\n    ),\n  );\n};\n\nexport const getIncrementFlag = (\n  event: React.KeyboardEvent,\n): boolean | null => {\n  if (event?.key !== 'ArrowUp' && event?.key !== 'ArrowDown') {\n    return null;\n  }\n  return event?.key === 'ArrowUp';\n};\n\nexport const getTypeForRender = (type: string, passwordVible: boolean) => {\n  if (type !== 'password') {\n    return type;\n  }\n  if (passwordVible) {\n    return 'text';\n  }\n  return 'password';\n};\n\nexport const getValueByStep = (\n  steps: number | number[],\n  value: string | null | undefined,\n  isIncrement: boolean,\n  min?: number | string,\n  max?: number | string,\n) => {\n  return (\n    Array.isArray(steps)\n      ? getValueByStepArray(steps, value, min, max, isIncrement)\n      : getValueByStepNumber(steps, value, min, max, isIncrement)\n  ).toString();\n};\n"],"mappings":"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"}
+{"version":3,"file":"helpers.js","names":["sizeMap","xs","s","m","l","getValueByStepArray","steps","value","min","max","isIncrement","currentValue","length","i","getValueByStepNumber","step","minValue","maxValue","Number","isNaN","toFixed","toString","split","getIncrementFlag","event","key","getTypeForRender","type","passwordVible","getValueByStep","Array","isArray"],"sources":["../../../../../src/components/TextField/helpers.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { TextFieldPropSize } from './types';\n\nexport const sizeMap: Record<TextFieldPropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 's',\n  l: 'm',\n};\n\nexport const getValueByStepArray = (\n  steps: number[],\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const currentValue = Number(value ?? min);\n  const minValue = Number(min);\n  if (typeof value !== 'string') {\n    return typeof min !== 'undefined' ? minValue : 0;\n  }\n  if (currentValue < steps[0]) {\n    return steps[0];\n  }\n  if (currentValue > steps[steps.length - 1]) {\n    return steps[steps.length - 1];\n  }\n  if (\n    (!isIncrement && currentValue === steps[0]) ||\n    (isIncrement && currentValue === steps[steps.length - 1])\n  ) {\n    return currentValue;\n  }\n  for (let i = 0; i < steps.length; i++) {\n    if (\n      currentValue === steps[i] ||\n      (steps[i] < currentValue && steps[i + 1] > currentValue)\n    ) {\n      return steps[i + (isIncrement ? 1 : -1)];\n    }\n  }\n  return 0;\n};\n\nexport const getValueByStepNumber = (\n  step: number | string,\n  value: string | null | undefined,\n  min: number | string | undefined,\n  max: number | string | undefined,\n  isIncrement: boolean,\n): number => {\n  const minValue = Number(min);\n  const maxValue = Number(max);\n  const currentValue: number =\n    (typeof value === 'string' ? Number(value) : 0) +\n    Number(step) * (isIncrement ? 1 : -1);\n  if (!Number.isNaN(minValue) && currentValue <= minValue) {\n    return minValue;\n  }\n  if (!Number.isNaN(maxValue) && currentValue >= maxValue) {\n    return maxValue;\n  }\n  return Number(\n    currentValue.toFixed(\n      Number(\n        /* Необходимо для того, чтобы избежать ситуации, когда по нажатию\nна кнопку прибавляется число с погрешностью.\nЗдесь мы берем разрядность дробной части шага и ограничиваем\nрезультирующее число этой разрядностью */\n        Number(step).toString().split('.')[1]?.length,\n      ) || 0,\n    ),\n  );\n};\n\nexport const getIncrementFlag = (\n  event: React.KeyboardEvent,\n): boolean | null => {\n  if (event?.key !== 'ArrowUp' && event?.key !== 'ArrowDown') {\n    return null;\n  }\n  return event?.key === 'ArrowUp';\n};\n\nexport const getTypeForRender = (type: string, passwordVible: boolean) => {\n  if (type !== 'password') {\n    return type;\n  }\n  if (passwordVible) {\n    return 'text';\n  }\n  return 'password';\n};\n\nexport const getValueByStep = (\n  steps: number | number[],\n  value: string | null | undefined,\n  isIncrement: boolean,\n  min?: number | string,\n  max?: number | string,\n) => {\n  return (\n    Array.isArray(steps)\n      ? getValueByStepArray(steps, value, min, max, isIncrement)\n      : getValueByStepNumber(steps, value, min, max, isIncrement)\n  ).toString();\n};\n"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import React from 'react';
-import { IconComponent, IconPropSize } from '../../icons/Icon/Icon';
 import { AutoCompete } from '../../utils/types/AutoComplete';
 import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
 export declare type TextFieldPropValue = string | null;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus","textFieldPropWidth","textFieldPropWidthDefault"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { IconComponent, IconPropSize } from '../../icons/Icon/Icon';\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string | null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string | number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = typeof textFieldPropSize[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (args: TextFieldOnChangeArguments) => void;\nexport type TextFieldOnChangeArguments = {\n  e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n  value: TextFieldPropValue;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = typeof textFieldPropView[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type TextFieldPropForm = typeof textFieldPropForm[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = typeof textFieldPropStatus[number];\n\nexport const textFieldPropWidth = ['default', 'full'] as const;\nexport type TextFieldPropWidth = typeof textFieldPropWidth[number];\nexport const textFieldPropWidthDefault: TextFieldPropWidth =\n  textFieldPropWidth[0];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n  ?\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n  : {\n      rows?: never;\n      minRows?: never;\n      maxRows?: never;\n    };\n\nexport type TextFieldPropRightSide<TYPE extends string> = TYPE extends\n  | 'number'\n  | 'password'\n  ? {\n      rightSide?: never;\n    }\n  : {\n      rightSide?: string | IconComponent;\n    };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: TextFieldPropValue;\n    cols?: number;\n    onChange?: TextFieldPropOnChange;\n    id?: TextFieldPropId;\n    name?: TextFieldPropName;\n    type?: TYPE;\n    disabled?: boolean;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    state?: TextFieldPropStatus;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    incrementButtons?: boolean;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    withClearButton?: boolean;\n    autoComplete?: AutoCompete;\n    max?: number | string;\n    min?: number | string;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string | number[];\n    tabIndex?: number;\n    inputContainerRef?: React.Ref<HTMLDivElement>;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    focused?: boolean;\n    onKeyDownCapture?: React.KeyboardEventHandler;\n    onKeyPress?: React.KeyboardEventHandler;\n    onKeyPressCapture?: React.KeyboardEventHandler;\n    onKeyUp?: React.KeyboardEventHandler;\n    onKeyUpCapture?: React.KeyboardEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTextareaType<TYPE> &\n  TextFieldPropRightSide<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAUP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B,CAGP,MAAO,IAAMC,mBAAkB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}
+{"version":3,"file":"types.js","names":["textFieldPropSize","textFieldPropSizeDefault","textFieldPropView","textFieldPropViewDefault","textFieldPropForm","textFieldPropFormDefault","textFieldPropStatus","textFieldPropWidth","textFieldPropWidthDefault"],"sources":["../../../../../src/components/TextField/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { AutoCompete } from '../../utils/types/AutoComplete';\nimport { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue = string | null;\nexport type TextFieldPropName = string;\nexport type TextFieldPropId = string | number;\n\nexport const textFieldPropSize = ['m', 'xs', 's', 'l'] as const;\nexport type TextFieldPropSize = typeof textFieldPropSize[number];\nexport const textFieldPropSizeDefault: TextFieldPropSize = textFieldPropSize[0];\n\nexport type TextFieldPropOnChange = (args: TextFieldOnChangeArguments) => void;\nexport type TextFieldOnChangeArguments = {\n  e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  id?: TextFieldPropId;\n  name?: TextFieldPropName;\n  value: TextFieldPropValue;\n};\n\nexport const textFieldPropView = ['default', 'clear'] as const;\nexport type TextFieldPropView = typeof textFieldPropView[number];\nexport const textFieldPropViewDefault: TextFieldPropView = textFieldPropView[0];\n\nexport const textFieldPropForm = [\n  'default',\n  'defaultClear',\n  'defaultBrick',\n  'brick',\n  'brickDefault',\n  'brickClear',\n  'brickRound',\n  'round',\n  'roundClear',\n  'roundBrick',\n  'clearRound',\n  'clearDefault',\n  'clearBrick',\n  'clearClear',\n] as const;\nexport type TextFieldPropForm = typeof textFieldPropForm[number];\nexport const textFieldPropFormDefault: TextFieldPropForm = textFieldPropForm[0];\n\nexport const textFieldPropStatus = ['alert', 'success', 'warning'] as const;\nexport type TextFieldPropStatus = typeof textFieldPropStatus[number];\n\nexport const textFieldPropWidth = ['default', 'full'] as const;\nexport type TextFieldPropWidth = typeof textFieldPropWidth[number];\nexport const textFieldPropWidthDefault: TextFieldPropWidth =\n  textFieldPropWidth[0];\n\nexport type TextFieldPropsTextareaType<TYPE> = TYPE extends 'textarea'\n  ?\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n  : {\n      rows?: never;\n      minRows?: never;\n      maxRows?: never;\n    };\n\nexport type TextFieldPropRightSide<TYPE extends string> = TYPE extends\n  | 'number'\n  | 'password'\n  ? {\n      rightSide?: never;\n    }\n  : {\n      rightSide?: string | IconComponent;\n    };\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributes<\n  {\n    className?: string;\n    value?: TextFieldPropValue;\n    cols?: number;\n    onChange?: TextFieldPropOnChange;\n    id?: TextFieldPropId;\n    name?: TextFieldPropName;\n    type?: TYPE;\n    disabled?: boolean;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: TextFieldPropView;\n    form?: TextFieldPropForm;\n    state?: TextFieldPropStatus;\n    status?: TextFieldPropStatus;\n    width?: TextFieldPropWidth;\n    onFocus?: React.FocusEventHandler<HTMLElement>;\n    onBlur?: React.FocusEventHandler<HTMLElement>;\n    incrementButtons?: boolean;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    withClearButton?: boolean;\n    autoComplete?: AutoCompete;\n    max?: number | string;\n    min?: number | string;\n    readOnly?: boolean;\n    required?: boolean;\n    step?: number | string | number[];\n    tabIndex?: number;\n    inputContainerRef?: React.Ref<HTMLDivElement>;\n    inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    label?: string;\n    caption?: string;\n    labelPosition?: 'top' | 'left';\n    focused?: boolean;\n    onKeyDownCapture?: React.KeyboardEventHandler;\n    onKeyPress?: React.KeyboardEventHandler;\n    onKeyPressCapture?: React.KeyboardEventHandler;\n    onKeyUp?: React.KeyboardEventHandler;\n    onKeyUpCapture?: React.KeyboardEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTextareaType<TYPE> &\n  TextFieldPropRightSide<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE> & React.RefAttributes<HTMLElement>,\n) => React.ReactElement | null;\n"],"mappings":"AAUA,MAAO,IAAMA,kBAAiB,CAAG,CAAC,GAAD,CAAM,IAAN,CAAY,GAAZ,CAAiB,GAAjB,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAUP,MAAO,IAAME,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAA1B,CAEP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,kBAAiB,CAAG,CAC/B,SAD+B,CAE/B,cAF+B,CAG/B,cAH+B,CAI/B,OAJ+B,CAK/B,cAL+B,CAM/B,YAN+B,CAO/B,YAP+B,CAQ/B,OAR+B,CAS/B,YAT+B,CAU/B,YAV+B,CAW/B,YAX+B,CAY/B,cAZ+B,CAa/B,YAb+B,CAc/B,YAd+B,CAA1B,CAiBP,MAAO,IAAMC,yBAA2C,CAAGD,iBAAiB,CAAC,CAAD,CAArE,CAEP,MAAO,IAAME,oBAAmB,CAAG,CAAC,OAAD,CAAU,SAAV,CAAqB,SAArB,CAA5B,CAGP,MAAO,IAAMC,mBAAkB,CAAG,CAAC,SAAD,CAAY,MAAZ,CAA3B,CAEP,MAAO,IAAMC,0BAA6C,CACxDD,kBAAkB,CAAC,CAAD,CADb"}

package/__internal__/src/components/ThemeToggler/ThemeToggler.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style"];import React,{forwardRef,useRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{IconCheck}from"../../icons/IconCheck/IconCheck";import{getByMap}from"../../utils/getByMap";import{Button}from"../Button/Button";import{ContextMenu}from"../ContextMenu/ContextMenu";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{contextMenuSizeMap,iconSizeMap,withDefaultGetters}from"./helpers";import{themeTogglerPropSizeDefault}from"./types";export var COMPONENT_NAME="ThemeToggler";var ThemeTogglerRender=function(a,b){var c=useRef(null),d=useForkRef([c,b]),e=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),d),f=e.size,g=void 0===f?themeTogglerPropSizeDefault:f,h=e.items,i=e.value,j=e.onChange,k=e.getItemKey,l=e.getItemLabel,m=e.getItemIcon,n=e.direction,o=e.possibleDirections,p=e.style,q=_objectWithoutProperties(e,_excluded),r=useFlag(!1),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useChoiceGroup({value:i,getKey:k||l,callBack:j,multiple:!1}),w=v.getOnChange,x=v.getChecked,y=getByMap(iconSizeMap,g),z=getByMap(contextMenuSizeMap,g);return 1>=h.length?null:React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},q,{ref:d,iconLeft:function getButtonIcon(){var a;return m(null!==(a=h.find(function(a){return x(a)}))&&void 0!==a?a:h[0])}(),onClick:function onButtonClick(a){2<h.length?u.toogle():w(h[x(h[0])?1:0])(a)},onlyIcon:!0,size:g,view:"clear",style:p})),2<h.length&&React.createElement(ContextMenu,{isOpen:t,offset:"s",items:h,getItemLabel:l,getItemKey:k||l,anchorRef:c,direction:n,possibleDirections:o,getItemLeftSide:function renderIcons(a){var b=m(a);if(b)return React.createElement(b,{size:y})},getItemRightSide:function renderChecks(a){if(x(a))return React.createElement(IconCheck,{size:y})},onClickOutside:u.off,onItemClick:function onItemClick(a){return w(a.item)(a.e)},size:z,style:"number"==typeof(null===p||void 0===p?void 0:p.zIndex)?{zIndex:p.zIndex+1}:void 0}))};export var ThemeToggler=forwardRef(ThemeTogglerRender);export*from"./types";
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style"];import{IconCheck}from"@consta/icons/IconCheck";import React,{forwardRef,useRef}from"react";import{useChoiceGroup}from"../../hooks/useChoiceGroup/useChoiceGroup";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{getByMap}from"../../utils/getByMap";import{Button}from"../Button/Button";import{ContextMenu}from"../ContextMenu/ContextMenu";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{contextMenuSizeMap,iconSizeMap,withDefaultGetters}from"./helpers";import{themeTogglerPropSizeDefault}from"./types";export var COMPONENT_NAME="ThemeToggler";var ThemeTogglerRender=function(a,b){var c=useRef(null),d=useForkRef([c,b]),e=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),d),f=e.size,g=void 0===f?themeTogglerPropSizeDefault:f,h=e.items,i=e.value,j=e.onChange,k=e.getItemKey,l=e.getItemLabel,m=e.getItemIcon,n=e.direction,o=e.possibleDirections,p=e.style,q=_objectWithoutProperties(e,_excluded),r=useFlag(!1),s=_slicedToArray(r,2),t=s[0],u=s[1],v=useChoiceGroup({value:i,getKey:k||l,callBack:j,multiple:!1}),w=v.getOnChange,x=v.getChecked,y=getByMap(iconSizeMap,g),z=getByMap(contextMenuSizeMap,g);return 1>=h.length?null:React.createElement(React.Fragment,null,React.createElement(Button,Object.assign({},q,{ref:d,iconLeft:function getButtonIcon(){var a;return m(null!==(a=h.find(function(a){return x(a)}))&&void 0!==a?a:h[0])}(),onClick:function onButtonClick(a){2<h.length?u.toggle():w(h[x(h[0])?1:0])(a)},onlyIcon:!0,size:g,view:"clear",style:p})),2<h.length&&React.createElement(ContextMenu,{isOpen:t,offset:"s",items:h,getItemLabel:l,getItemKey:k||l,anchorRef:c,direction:n,possibleDirections:o,getItemLeftSide:function renderIcons(a){var b=m(a);if(b)return React.createElement(b,{size:y})},getItemRightSide:function renderChecks(a){if(x(a))return React.createElement(IconCheck,{size:y})},onClickOutside:u.off,onItemClick:function onItemClick(a){return w(a.item)(a.e)},size:z,style:"number"==typeof(null===p||void 0===p?void 0:p.zIndex)?{zIndex:p.zIndex+1}:void 0}))};export var ThemeToggler=forwardRef(ThemeTogglerRender);export*from"./types";
 //# sourceMappingURL=ThemeToggler.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeToggler.js","names":["React","forwardRef","useRef","useChoiceGroup","useFlag","useForkRef","IconCheck","getByMap","Button","ContextMenu","usePropsHandler","contextMenuSizeMap","iconSizeMap","withDefaultGetters","themeTogglerPropSizeDefault","COMPONENT_NAME","ThemeTogglerRender","props","ref","anchorRef","buttonRef","size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style","otherProps","isOpen","setIsOpen","getKey","callBack","multiple","getOnChange","getChecked","iconSize","contextMenuSize","length","getButtonIcon","find","theme","onButtonClick","e","toogle","renderIcons","item","Icon","renderChecks","off","params","zIndex","ThemeToggler"],"sources":["../../../../../src/components/ThemeToggler/ThemeToggler.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useFlag } from '../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { IconCheck } from '../../icons/IconCheck/IconCheck';\nimport { getByMap } from '../../utils/getByMap';\nimport { Button } from '../Button/Button';\nimport { ContextMenu } from '../ContextMenu/ContextMenu';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { contextMenuSizeMap, iconSizeMap, withDefaultGetters } from './helpers';\nimport {\n  ThemeTogglerComponent,\n  ThemeTogglerProps,\n  themeTogglerPropSizeDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'ThemeToggler' as const;\n\nconst ThemeTogglerRender = (\n  props: ThemeTogglerProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const buttonRef = useForkRef([anchorRef, ref]);\n\n  const {\n    size = themeTogglerPropSizeDefault,\n    items,\n    value,\n    onChange,\n    getItemKey,\n    getItemLabel,\n    getItemIcon,\n    direction,\n    possibleDirections,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), buttonRef);\n\n  const [isOpen, setIsOpen] = useFlag(false);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemKey || getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  type Item = typeof items[number];\n\n  const iconSize = getByMap(iconSizeMap, size);\n  const contextMenuSize = getByMap(contextMenuSizeMap, size);\n\n  const getButtonIcon = () =>\n    getItemIcon(items.find((theme) => getChecked(theme)) ?? items[0]);\n\n  const onButtonClick = (e: React.MouseEvent<Element, MouseEvent>) => {\n    if (items.length > 2) {\n      setIsOpen.toogle();\n    } else {\n      getOnChange(items[getChecked(items[0]) ? 1 : 0])(e);\n    }\n  };\n\n  const renderIcons = (item: Item) => {\n    const Icon = getItemIcon(item);\n\n    if (Icon) {\n      return <Icon size={iconSize} />;\n    }\n  };\n\n  const renderChecks = (item: Item) => {\n    if (getChecked(item)) {\n      return <IconCheck size={iconSize} />;\n    }\n  };\n\n  if (items.length <= 1) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        ref={buttonRef}\n        iconLeft={getButtonIcon()}\n        onClick={onButtonClick}\n        onlyIcon\n        size={size}\n        view=\"clear\"\n        style={style}\n      />\n      {items.length > 2 && (\n        <ContextMenu\n          isOpen={isOpen}\n          offset=\"s\"\n          items={items}\n          getItemLabel={getItemLabel}\n          getItemKey={getItemKey || getItemLabel}\n          anchorRef={anchorRef}\n          direction={direction}\n          possibleDirections={possibleDirections}\n          getItemLeftSide={renderIcons}\n          getItemRightSide={renderChecks}\n          onClickOutside={setIsOpen.off}\n          onItemClick={(params) => getOnChange(params.item)(params.e)}\n          size={contextMenuSize}\n          style={\n            typeof style?.zIndex === 'number'\n              ? { zIndex: style.zIndex + 1 }\n              : undefined\n          }\n        />\n      )}\n    </>\n  );\n};\n\nexport const ThemeToggler = forwardRef(\n  ThemeTogglerRender,\n) as ThemeTogglerComponent;\n\nexport * from './types';\n"],"mappings":"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"}
+{"version":3,"file":"ThemeToggler.js","names":["IconCheck","React","forwardRef","useRef","useChoiceGroup","useFlag","useForkRef","getByMap","Button","ContextMenu","usePropsHandler","contextMenuSizeMap","iconSizeMap","withDefaultGetters","themeTogglerPropSizeDefault","COMPONENT_NAME","ThemeTogglerRender","props","ref","anchorRef","buttonRef","size","items","value","onChange","getItemKey","getItemLabel","getItemIcon","direction","possibleDirections","style","otherProps","isOpen","setIsOpen","getKey","callBack","multiple","getOnChange","getChecked","iconSize","contextMenuSize","length","getButtonIcon","find","theme","onButtonClick","e","toggle","renderIcons","item","Icon","renderChecks","off","params","zIndex","ThemeToggler"],"sources":["../../../../../src/components/ThemeToggler/ThemeToggler.tsx"],"sourcesContent":["import { IconCheck } from '@consta/icons/IconCheck';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useChoiceGroup } from '../../hooks/useChoiceGroup/useChoiceGroup';\nimport { useFlag } from '../../hooks/useFlag/useFlag';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { getByMap } from '../../utils/getByMap';\nimport { Button } from '../Button/Button';\nimport { ContextMenu } from '../ContextMenu/ContextMenu';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { contextMenuSizeMap, iconSizeMap, withDefaultGetters } from './helpers';\nimport {\n  ThemeTogglerComponent,\n  ThemeTogglerProps,\n  themeTogglerPropSizeDefault,\n} from './types';\n\nexport const COMPONENT_NAME = 'ThemeToggler' as const;\n\nconst ThemeTogglerRender = (\n  props: ThemeTogglerProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const buttonRef = useForkRef([anchorRef, ref]);\n\n  const {\n    size = themeTogglerPropSizeDefault,\n    items,\n    value,\n    onChange,\n    getItemKey,\n    getItemLabel,\n    getItemIcon,\n    direction,\n    possibleDirections,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), buttonRef);\n\n  const [isOpen, setIsOpen] = useFlag(false);\n\n  const { getOnChange, getChecked } = useChoiceGroup({\n    value,\n    getKey: getItemKey || getItemLabel,\n    callBack: onChange,\n    multiple: false,\n  });\n\n  type Item = typeof items[number];\n\n  const iconSize = getByMap(iconSizeMap, size);\n  const contextMenuSize = getByMap(contextMenuSizeMap, size);\n\n  const getButtonIcon = () =>\n    getItemIcon(items.find((theme) => getChecked(theme)) ?? items[0]);\n\n  const onButtonClick = (e: React.MouseEvent<Element, MouseEvent>) => {\n    if (items.length > 2) {\n      setIsOpen.toggle();\n    } else {\n      getOnChange(items[getChecked(items[0]) ? 1 : 0])(e);\n    }\n  };\n\n  const renderIcons = (item: Item) => {\n    const Icon = getItemIcon(item);\n\n    if (Icon) {\n      return <Icon size={iconSize} />;\n    }\n  };\n\n  const renderChecks = (item: Item) => {\n    if (getChecked(item)) {\n      return <IconCheck size={iconSize} />;\n    }\n  };\n\n  if (items.length <= 1) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        ref={buttonRef}\n        iconLeft={getButtonIcon()}\n        onClick={onButtonClick}\n        onlyIcon\n        size={size}\n        view=\"clear\"\n        style={style}\n      />\n      {items.length > 2 && (\n        <ContextMenu\n          isOpen={isOpen}\n          offset=\"s\"\n          items={items}\n          getItemLabel={getItemLabel}\n          getItemKey={getItemKey || getItemLabel}\n          anchorRef={anchorRef}\n          direction={direction}\n          possibleDirections={possibleDirections}\n          getItemLeftSide={renderIcons}\n          getItemRightSide={renderChecks}\n          onClickOutside={setIsOpen.off}\n          onItemClick={(params) => getOnChange(params.item)(params.e)}\n          size={contextMenuSize}\n          style={\n            typeof style?.zIndex === 'number'\n              ? { zIndex: style.zIndex + 1 }\n              : undefined\n          }\n        />\n      )}\n    </>\n  );\n};\n\nexport const ThemeToggler = forwardRef(\n  ThemeTogglerRender,\n) as ThemeTogglerComponent;\n\nexport * from './types';\n"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { IconPropSize } from '../../icons/Icon/Icon';
+import { IconPropSize } from '@consta/icons/Icon';
 import { ContextMenuPropSize } from '../ContextMenu';
 import { ThemeTogglerItemDefault, ThemeTogglerPropGetItemIcon, ThemeTogglerPropGetItemKey, ThemeTogglerPropGetItemLabel, ThemeTogglerProps, ThemeTogglerPropSize } from './types';
 export declare function withDefaultGetters(props: ThemeTogglerProps): {
     getItemKey: ThemeTogglerPropGetItemKey<ThemeTogglerItemDefault>;
     getItemLabel: ThemeTogglerPropGetItemLabel<ThemeTogglerItemDefault>;
     getItemIcon: ThemeTogglerPropGetItemIcon<ThemeTogglerItemDefault>;
-    size?: "m" | "s" | "xs" | "l" | undefined;
+    size?: "s" | "m" | "xs" | "l" | undefined;
     className?: string | undefined;
     items: ThemeTogglerItemDefault[];
     value: ThemeTogglerItemDefault;
@@ -14,49 +14,14 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     direction?: "downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown" | undefined;
     possibleDirections?: readonly ("downCenter" | "upCenter" | "downRight" | "downLeft" | "upRight" | "upLeft" | "leftUp" | "leftCenter" | "leftDown" | "rightUp" | "rightCenter" | "rightDown" | "downStartLeft" | "upStartLeft" | "downStartRight" | "upStartRight" | "leftStartUp" | "leftStartDown" | "rightStartUp" | "rightStartDown")[] | undefined;
     children?: undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
     style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
     color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    tabIndex?: number | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
@@ -66,7 +31,7 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -75,7 +40,7 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "false" | "dialog" | "grid" | "listbox" | "menu" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -267,6 +232,41 @@ export declare function withDefaultGetters(props: ThemeTogglerProps): {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    translate?: "no" | "yes" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "text" | "email" | "search" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     ref?: import("react").Ref<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
 };

package/__internal__/src/components/ThemeToggler/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","key","defaultGetItemLabel","label","defaultGetItemIcon","icon","withDefaultGetters","props","getItemKey","getItemLabel","getItemIcon","iconSizeMap","l","m","s","xs","contextMenuSizeMap"],"sources":["../../../../../src/components/ThemeToggler/helpers.ts"],"sourcesContent":["import { IconPropSize } from '../../icons/Icon/Icon';\nimport { ContextMenuPropSize } from '../ContextMenu';\nimport {\n  ThemeTogglerItemDefault,\n  ThemeTogglerPropGetItemIcon,\n  ThemeTogglerPropGetItemKey,\n  ThemeTogglerPropGetItemLabel,\n  ThemeTogglerProps,\n  ThemeTogglerPropSize,\n} from './types';\n\nconst defaultGetItemKey: ThemeTogglerPropGetItemKey<ThemeTogglerItemDefault> = (\n  item,\n) => item.key;\nconst defaultGetItemLabel: ThemeTogglerPropGetItemLabel<\n  ThemeTogglerItemDefault\n> = (item) => item.label;\nconst defaultGetItemIcon: ThemeTogglerPropGetItemIcon<\n  ThemeTogglerItemDefault\n> = (item) => item.icon;\n\nexport function withDefaultGetters(props: ThemeTogglerProps) {\n  return {\n    ...props,\n    getItemKey: props.getItemKey || props.getItemLabel || defaultGetItemKey,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n  };\n}\n\nexport const iconSizeMap: Record<ThemeTogglerPropSize, IconPropSize> = {\n  l: 'm',\n  m: 's',\n  s: 's',\n  xs: 'xs',\n};\n\nexport const contextMenuSizeMap: Record<\n  ThemeTogglerPropSize,\n  ContextMenuPropSize\n> = {\n  l: 'l',\n  m: 'm',\n  s: 's',\n  xs: 's',\n};\n"],"mappings":"wqBAWMA,kBAAsE,CAAG,SAC7EC,CAD6E,QAE1EA,EAAI,CAACC,GAFqE,C,CAGzEC,mBAEL,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,C,CACEC,kBAEL,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,IAAf,C,CAEJ,MAAO,SAASC,mBAAT,CAA4BC,CAA5B,CAAsD,CAC3D,sCACKA,CADL,MAEEC,UAAU,CAAED,CAAK,CAACC,UAAN,EAAoBD,CAAK,CAACE,YAA1B,EAA0CV,iBAFxD,CAGEU,YAAY,CAAEF,CAAK,CAACE,YAAN,EAAsBP,mBAHtC,CAIEQ,WAAW,CAAEH,CAAK,CAACG,WAAN,EAAqBN,kBAJpC,EAMD,CAED,MAAO,IAAMO,YAAuD,CAAG,CACrEC,CAAC,CAAE,GADkE,CAErEC,CAAC,CAAE,GAFkE,CAGrEC,CAAC,CAAE,GAHkE,CAIrEC,EAAE,CAAE,IAJiE,CAAhE,CAOP,MAAO,IAAMC,mBAGZ,CAAG,CACFJ,CAAC,CAAE,GADD,CAEFC,CAAC,CAAE,GAFD,CAGFC,CAAC,CAAE,GAHD,CAIFC,EAAE,CAAE,GAJF,CAHG"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","key","defaultGetItemLabel","label","defaultGetItemIcon","icon","withDefaultGetters","props","getItemKey","getItemLabel","getItemIcon","iconSizeMap","l","m","s","xs","contextMenuSizeMap"],"sources":["../../../../../src/components/ThemeToggler/helpers.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\n\nimport { ContextMenuPropSize } from '../ContextMenu';\nimport {\n  ThemeTogglerItemDefault,\n  ThemeTogglerPropGetItemIcon,\n  ThemeTogglerPropGetItemKey,\n  ThemeTogglerPropGetItemLabel,\n  ThemeTogglerProps,\n  ThemeTogglerPropSize,\n} from './types';\n\nconst defaultGetItemKey: ThemeTogglerPropGetItemKey<ThemeTogglerItemDefault> = (\n  item,\n) => item.key;\nconst defaultGetItemLabel: ThemeTogglerPropGetItemLabel<\n  ThemeTogglerItemDefault\n> = (item) => item.label;\nconst defaultGetItemIcon: ThemeTogglerPropGetItemIcon<\n  ThemeTogglerItemDefault\n> = (item) => item.icon;\n\nexport function withDefaultGetters(props: ThemeTogglerProps) {\n  return {\n    ...props,\n    getItemKey: props.getItemKey || props.getItemLabel || defaultGetItemKey,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemIcon: props.getItemIcon || defaultGetItemIcon,\n  };\n}\n\nexport const iconSizeMap: Record<ThemeTogglerPropSize, IconPropSize> = {\n  l: 'm',\n  m: 's',\n  s: 's',\n  xs: 'xs',\n};\n\nexport const contextMenuSizeMap: Record<\n  ThemeTogglerPropSize,\n  ContextMenuPropSize\n> = {\n  l: 'l',\n  m: 'm',\n  s: 's',\n  xs: 's',\n};\n"],"mappings":"wqBAYMA,kBAAsE,CAAG,SAC7EC,CAD6E,QAE1EA,EAAI,CAACC,GAFqE,C,CAGzEC,mBAEL,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,C,CACEC,kBAEL,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,IAAf,C,CAEJ,MAAO,SAASC,mBAAT,CAA4BC,CAA5B,CAAsD,CAC3D,sCACKA,CADL,MAEEC,UAAU,CAAED,CAAK,CAACC,UAAN,EAAoBD,CAAK,CAACE,YAA1B,EAA0CV,iBAFxD,CAGEU,YAAY,CAAEF,CAAK,CAACE,YAAN,EAAsBP,mBAHtC,CAIEQ,WAAW,CAAEH,CAAK,CAACG,WAAN,EAAqBN,kBAJpC,EAMD,CAED,MAAO,IAAMO,YAAuD,CAAG,CACrEC,CAAC,CAAE,GADkE,CAErEC,CAAC,CAAE,GAFkE,CAGrEC,CAAC,CAAE,GAHkE,CAIrEC,EAAE,CAAE,IAJiE,CAAhE,CAOP,MAAO,IAAMC,mBAGZ,CAAG,CACFJ,CAAC,CAAE,GADD,CAEFC,CAAC,CAAE,GAFD,CAGFC,CAAC,CAAE,GAHD,CAIFC,EAAE,CAAE,GAJF,CAHG"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconComponent } from '../../icons/Icon/Icon';
+import { IconComponent } from '@consta/icons/Icon';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
 import { Direction } from '../Popover/Popover';
 export declare const themeTogglerPropSize: readonly ["m", "l", "s", "xs"];

package/__internal__/src/components/ThemeToggler/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["themeTogglerPropSize","themeTogglerPropSizeDefault"],"sources":["../../../../../src/components/ThemeToggler/types.ts"],"sourcesContent":["import { IconComponent } from '../../icons/Icon/Icon';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction } from '../Popover/Popover';\n\nexport const themeTogglerPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type ThemeTogglerPropSize = typeof themeTogglerPropSize[number];\nexport const themeTogglerPropSizeDefault: ThemeTogglerPropSize =\n  themeTogglerPropSize[0];\n\nexport type ThemeTogglerPropSetValue<ITEM> = (props: {\n  e: React.MouseEvent;\n  value: ITEM;\n}) => void;\nexport type ThemeTogglerPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type ThemeTogglerPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type ThemeTogglerPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent;\n\nexport type ThemeTogglerItemDefault = {\n  key: string;\n  label: string;\n  icon: IconComponent;\n};\n\nexport type ThemeTogglerProps<ITEM = ThemeTogglerItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: ThemeTogglerPropSize;\n      className?: string;\n      items: ITEM[];\n      value: ITEM;\n      onChange: ThemeTogglerPropSetValue<ITEM>;\n      getItemKey?: ThemeTogglerPropGetItemKey<ITEM>;\n      getItemLabel?: ThemeTogglerPropGetItemLabel<ITEM>;\n      getItemIcon?: ThemeTogglerPropGetItemIcon<ITEM>;\n      direction?: Direction;\n      possibleDirections?: readonly Direction[];\n      children?: never;\n    },\n    HTMLButtonElement\n  > &\n    (ITEM extends { key: ThemeTogglerItemDefault['key'] }\n      ? {}\n      : { getItemKey: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { label: ThemeTogglerItemDefault['label'] }\n      ? {}\n      : { getItemLabel: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { icon: ThemeTogglerItemDefault['icon'] }\n      ? {}\n      : { getItemIcon: ThemeTogglerPropGetItemIcon<ITEM> });\n\nexport type ThemeTogglerComponent = <ITEM>(\n  props: ThemeTogglerProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAIA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}
+{"version":3,"file":"types.js","names":["themeTogglerPropSize","themeTogglerPropSizeDefault"],"sources":["../../../../../src/components/ThemeToggler/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { Direction } from '../Popover/Popover';\n\nexport const themeTogglerPropSize = ['m', 'l', 's', 'xs'] as const;\nexport type ThemeTogglerPropSize = typeof themeTogglerPropSize[number];\nexport const themeTogglerPropSizeDefault: ThemeTogglerPropSize =\n  themeTogglerPropSize[0];\n\nexport type ThemeTogglerPropSetValue<ITEM> = (props: {\n  e: React.MouseEvent;\n  value: ITEM;\n}) => void;\nexport type ThemeTogglerPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type ThemeTogglerPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type ThemeTogglerPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent;\n\nexport type ThemeTogglerItemDefault = {\n  key: string;\n  label: string;\n  icon: IconComponent;\n};\n\nexport type ThemeTogglerProps<ITEM = ThemeTogglerItemDefault> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      size?: ThemeTogglerPropSize;\n      className?: string;\n      items: ITEM[];\n      value: ITEM;\n      onChange: ThemeTogglerPropSetValue<ITEM>;\n      getItemKey?: ThemeTogglerPropGetItemKey<ITEM>;\n      getItemLabel?: ThemeTogglerPropGetItemLabel<ITEM>;\n      getItemIcon?: ThemeTogglerPropGetItemIcon<ITEM>;\n      direction?: Direction;\n      possibleDirections?: readonly Direction[];\n      children?: never;\n    },\n    HTMLButtonElement\n  > &\n    (ITEM extends { key: ThemeTogglerItemDefault['key'] }\n      ? {}\n      : { getItemKey: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { label: ThemeTogglerItemDefault['label'] }\n      ? {}\n      : { getItemLabel: ThemeTogglerPropGetItemLabel<ITEM> }) &\n    (ITEM extends { icon: ThemeTogglerItemDefault['icon'] }\n      ? {}\n      : { getItemIcon: ThemeTogglerPropGetItemIcon<ITEM> });\n\nexport type ThemeTogglerComponent = <ITEM>(\n  props: ThemeTogglerProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":"AAKA,MAAO,IAAMA,qBAAoB,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,GAAX,CAAgB,IAAhB,CAA7B,CAEP,MAAO,IAAMC,4BAAiD,CAC5DD,oBAAoB,CAAC,CAAD,CADf"}

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

@@ -12,4 +12,4 @@ export declare type TimerProps = PropsWithJsxAttributes<{
     children?: never;
 }>;
 export declare const cnTimer: import("@bem-react/classname").ClassNameFormatter;
-export declare const Timer: React.ForwardRefExoticComponent<Pick<TimerProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "key" | "progress" | "animation" | "seconds"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Timer: React.ForwardRefExoticComponent<Pick<TimerProps, "progress" | "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "animation" | "seconds"> & React.RefAttributes<HTMLDivElement>>;