@consta/uikit 5.13.0 → 5.15.0

package/__internal__/src/components/TagBase/TagBase.css

@@ -1 +1 @@
-.TagBase{--tag-base-typo-color:var(--color-control-typo-ghost);--tag-base-half-space:calc(var(--tag-base-spaсe)/2);background:var(--tag-base-bg-color);border:none;border-radius:var(--control-radius);box-shadow:inset 0 0 0 1px var(--tag-base-border-color);color:var(--tag-base-typo-color);display:inline-flex;font-family:var(--font--primary);font-size:var(--tag-base-font-size);height:var(--tag-base-height);line-height:var(--tag-base-height);overflow:hidden;padding-bottom:0;padding-left:var(--tag-base-spaсe);padding-right:var(--tag-base-spaсe);padding-top:0;position:relative;text-decoration:none;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.TagBase:focus,.TagBase:focus:hover{outline:none}.TagBase_view_stroked{--tag-base-border-color:var(--color-control-bg-border-default);--tag-base-bg-color:var(--color-bg-default)}.TagBase_view_filled{--tag-base-border-color:transparent;--tag-base-bg-color:var(--color-control-bg-ghost)}.TagBase_withAction{cursor:pointer}.TagBase_withAction.TagBase_view_stroked:hover{--tag-base-border-color:var(--color-control-bg-border-default-hover)}.TagBase_withAction.TagBase_view_filled:hover{--tag-base-bg-color:var(--color-control-bg-ghost-hover);--tag-base-border-color:transparent}.TagBase_size_xs{--tag-base-height:var(--space-l);--tag-base-spaсe:var(--space-2xs);--tag-base-font-size:var(--size-text-2xs)}.TagBase_size_s{--tag-base-height:var(--space-xl);--tag-base-spaсe:var(--space-xs);--tag-base-font-size:var(--size-text-xs)}.TagBase_size_m{--tag-base-height:calc(var(--space-2xl) - var(--space-2xs));--tag-base-spaсe:var(--space-xs);--tag-base-font-size:var(--size-text-s)}.TagBase_size_l{--tag-base-height:var(--space-2xl);--tag-base-spaсe:var(--space-s);--tag-base-font-size:var(--size-text-m)}.TagBase_withCancel{padding-right:0}.TagBase_withIcon{padding-left:0}.TagBase[class*=TagBase_group]:before{background:var(--tag-base-group-color);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.TagBase_group_1{--tag-base-group-color:#e92064}.TagBase_group_2{--tag-base-group-color:#b92eff}.TagBase_group_3{--tag-base-group-color:#1160ff}.TagBase_group_4{--tag-base-group-color:#0fafff}.TagBase_group_5{--tag-base-group-color:#02e2ff}.TagBase_group_6{--tag-base-group-color:#0c6}.TagBase_group_7{--tag-base-group-color:#b4d50b}.TagBase_group_8{--tag-base-group-color:#f5b800}.TagBase_group_9{--tag-base-group-color:#f56600}.TagBase-CancelButton{align-items:center;background:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;height:var(--tag-base-height);opacity:.4;outline:none;padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space);transition:opacity .15s ease}.TagBase-CancelButton:hover{background:transparent;opacity:1;outline:none}.TagBase-Label{height:var(--tag-base-height);line-height:var(--tag-base-height)}.TagBase-IconWrapper{align-items:center;display:inline-flex;height:var(--tag-base-height);padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space)}
+.TagBase{--tag-base-typo-color:var(--color-control-typo-ghost);--tag-base-half-space:calc(var(--tag-base-space)/2);background:var(--tag-base-bg-color);border:none;border-radius:var(--control-radius);box-shadow:inset 0 0 0 1px var(--tag-base-border-color);color:var(--tag-base-typo-color);display:inline-flex;font-family:var(--font--primary);font-size:var(--tag-base-font-size);height:var(--tag-base-height);line-height:var(--tag-base-height);overflow:hidden;padding-bottom:0;padding-left:var(--tag-base-space);padding-right:var(--tag-base-space);padding-top:0;position:relative;text-decoration:none;transition:box-shadow .15s ease,background .15s ease,color .15s ease}.TagBase:focus,.TagBase:focus:hover{outline:none}.TagBase_view_stroked{--tag-base-border-color:var(--color-control-bg-border-default);--tag-base-bg-color:var(--color-bg-default)}.TagBase_view_filled{--tag-base-border-color:transparent;--tag-base-bg-color:var(--color-control-bg-ghost)}.TagBase_withAction{cursor:pointer}.TagBase_withAction.TagBase_view_stroked:hover{--tag-base-border-color:var(--color-control-bg-border-default-hover)}.TagBase_withAction.TagBase_view_filled:hover{--tag-base-bg-color:var(--color-control-bg-ghost-hover);--tag-base-border-color:transparent}.TagBase_size_xs{--tag-base-height:var(--space-l);--tag-base-space:var(--space-2xs);--tag-base-font-size:var(--size-text-2xs)}.TagBase_size_s{--tag-base-height:var(--space-xl);--tag-base-space:var(--space-xs);--tag-base-font-size:var(--size-text-xs)}.TagBase_size_m{--tag-base-height:calc(var(--space-2xl) - var(--space-2xs));--tag-base-space:var(--space-xs);--tag-base-font-size:var(--size-text-s)}.TagBase_size_l{--tag-base-height:var(--space-2xl);--tag-base-space:var(--space-s);--tag-base-font-size:var(--size-text-m)}.TagBase_withCancel{padding-right:0}.TagBase_withIcon{padding-left:0}.TagBase[class*=TagBase_group]:before{background:var(--tag-base-group-color);content:"";height:100%;left:0;position:absolute;top:0;width:2px}.TagBase_group_1{--tag-base-group-color:#e92064}.TagBase_group_2{--tag-base-group-color:#b92eff}.TagBase_group_3{--tag-base-group-color:#1160ff}.TagBase_group_4{--tag-base-group-color:#0fafff}.TagBase_group_5{--tag-base-group-color:#02e2ff}.TagBase_group_6{--tag-base-group-color:#0c6}.TagBase_group_7{--tag-base-group-color:#b4d50b}.TagBase_group_8{--tag-base-group-color:#f5b800}.TagBase_group_9{--tag-base-group-color:#f56600}.TagBase-CancelButton{align-items:center;background:transparent;border:none;color:var(--color-control-typo-ghost);cursor:pointer;display:inline-flex;height:var(--tag-base-height);opacity:.4;outline:none;padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space);transition:opacity .15s ease}.TagBase-CancelButton:hover{background:transparent;opacity:1;outline:none}.TagBase-Label{height:var(--tag-base-height);line-height:var(--tag-base-height)}.TagBase-IconWrapper{align-items:center;display:inline-flex;height:var(--tag-base-height);padding:0 var(--tag-base-half-space) 0 var(--tag-base-half-space)}

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","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRef","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSize","focused","onClick","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","onClear"];import"./TextField.css";import{IconClear}from"@consta/icons/IconClear";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useCallback,useEffect}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{FieldCaption}from"../FieldCaption/FieldCaption";import{FieldLabel}from"../FieldLabel/FieldLabel";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useKeys}from"../../hooks/useKeys";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{getTypeForRender,getValueByStep,inputValue,sizeMap,stepIsActive}from"./helpers";import{textFieldPropFormDefault,textFieldPropSizeDefault,textFieldPropViewDefault}from"./types";export var COMPONENT_NAME="TextField";export var cnTextField=cn("TextField");export var TextFieldRender=function(a,b){var c,d,e=React.useRef(null),f=React.useRef(null),g=usePropsHandler(COMPONENT_NAME,a,e),h=g.className,i=g.type,j=void 0===i?"text":i,k=g.value,l=g.defaultValue,m=g.onChange,n=g.id,o=g.name,p=g.rows,q=g.cols,r=g.minRows,s=g.maxRows,t=g.inputRef,u=g.maxLength,v=g.disabled,w=g.size,x=void 0===w?textFieldPropSizeDefault:w,y=g.view,z=void 0===y?textFieldPropViewDefault:y,A=g.form,B=void 0===A?textFieldPropFormDefault:A,C=g.state,D=g.status,E=g.onBlur,F=g.onFocus,G=g.autoFocus,H=void 0!==G&&G,I=g.placeholder,J=g.leftSide,K=g.rightSide,L=g.autoComplete,M=g.withClearButton,N=g.incrementButtons,O=g.max,P=g.min,Q=g.readOnly,R=g.required,S=g.step,T=void 0===S?1:S,U=g.tabIndex,V=g.ariaLabel,W=g.label,X=g.labelIcon,Y=g.inputContainerRef,Z=g.labelPosition,$=void 0===Z?"top":Z,_=g.caption,aa=g.iconSize,ba=g.focused,ca=g.onClick,da=g.onKeyDown,ea=g.onKeyDownCapture,fa=g.onKeyPress,ga=g.onKeyPressCapture,ha=g.onKeyUp,ia=g.onKeyUpCapture,ja=g.onClear,ka=_objectWithoutProperties(g,_excluded),la="number"===j&&(void 0===N||N),ma=useFlag(H),na=_slicedToArray(ma,2),oa=na[0],pa=na[1],qa=useFlag(),ra=_slicedToArray(qa,2),sa=ra[0],ta=ra[1],ua=useFlag(),va=_slicedToArray(ua,2),wa=va[0],xa=va[1],ya=useMutableRef(ca),za=useMutableRef(m),Aa=useCallback(function(a){var b;a.stopPropagation(),ta.toggle(),null===(b=f.current)||void 0===b?void 0:b.focus()},[]),Ba=J,Ca=K,Da=isString(J),Ea=isString(K),Fa=getByMap(sizeMap,x,aa),Ga=useSortSteps({step:T,min:+P,max:+O}),Ha=useCallback(function(a){var b;v||(null===(b=za.current)||void 0===b?void 0:b.call(za,a.target.value||null,{e:a,id:n,name:o})),a.target.value?xa.on():xa.off()},[n,o,v]),Ia=function(a){pa.on(),null===F||void 0===F?void 0:F(a)},Ja={className:cnTextField("Input"),value:inputValue(k),defaultValue:inputValue(l),onChange:Ha,maxLength:u,disabled:v,onBlur:function handleBlur(a){pa.off(),null===E||void 0===E?void 0:E(a)},onFocus:Ia,autoFocus:H,placeholder:I,autoComplete:L,readOnly:Q,tabIndex:U,name:o,onKeyDownCapture:ea,onKeyPress:fa,onKeyPressCapture:ga,onKeyUp:ha,onKeyUpCapture:ia,id:n?n.toString():void 0,"aria-label":V},Ka=sa?IconEyeClose:IconEye,La=useKeys({isActive:!0,keys:{ArrowUp:function ArrowUp(a){if(a.preventDefault(),stepIsActive(T,j,v)){var b,c,d=getValueByStep(Ga,null===(b=f.current)||void 0===b?void 0:b.value,!0,P,O);null===(c=za.current)||void 0===c?void 0:c.call(za,d,{e:a,id:n,name:o}),f.current&&(f.current.value=d,xa.on())}},ArrowDown:function ArrowDown(a){if(a.preventDefault(),stepIsActive(T,j,v)){var b,c,d=getValueByStep(Ga,null===(b=f.current)||void 0===b?void 0:b.value,!1,P,O);null===(c=za.current)||void 0===c?void 0:c.call(za,d,{e:a,id:n,name:o}),f.current&&(f.current.value=d,xa.on())}}},onEvent:da}),Ma={rows:p,cols:q,minRows:r||p,maxRows:s||p,ref:useForkRef([f,t])},Na={type:getTypeForRender(j,sa),max:O,min:P,step:Array.isArray(Ga)?0:Ga,onKeyDown:La,ref:useForkRef([f,t])},Oa=useCallback(function(a){var b;null===(b=za.current)||void 0===b?void 0:b.call(za,null,{e:a,id:n,name:o}),f.current&&(f.current.value="",xa.off())},[]),Pa=function(a){var b,c,d=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],e=getValueByStep(Ga,null===(b=f.current)||void 0===b?void 0:b.value,d,P,O);null===(c=za.current)||void 0===c?void 0:c.call(za,e,{e:a,id:n,name:o}),f.current&&(f.current.value=e,xa.on())},Qa={onClick:useCallback(function(a){var b,c;null===(b=f.current)||void 0===b?void 0:b.focus(),null===(c=ya.current)||void 0===c?void 0:c.call(ya,a)},[])};return useEffect(function(){var a;xa[null!==(a=f.current)&&void 0!==a&&a.value?"on":"off"]()},[null===(c=f.current)||void 0===c?void 0:c.value]),React.createElement("div",Object.assign({className:cnTextField({labelPosition:$,size:x,view:z},[h]),ref:useForkRef([b,e])},Qa,ka),W&&React.createElement(FieldLabel,{as:"label",htmlFor:null===n||void 0===n?void 0:n.toString(),icon:X,required:R,className:cnTextField("Label",{labelPosition:$}),size:x},W),React.createElement("div",{className:cnTextField("Body")},React.createElement("div",{ref:Y,className:cnTextField("InputContainer",{view:z,form:B,status:D||C,disabled:v,type:j,focus:oa||ba,withValue:wa,incrementButtons:"number"===j&&la})},Ba&&React.createElement("div",{className:cnTextField("Side",{position:"left",type:Da?"string":"icon"}),title:"string"==typeof J?J:void 0},Da?J:React.createElement(Ba,{className:cnTextField("Icon"),size:Fa})),"textarea"===j?React.createElement(TextAreaAutoSize,Object.assign({},Ja,Ma)):React.createElement("input",Object.assign({},Ja,Na)),la&&stepIsActive(T,j,v)&&React.createElement("div",{className:cnTextField("Counter")},React.createElement("button",{className:cnTextField("CounterButton",{fn:"increment"}),onFocus:Ia,onClick:function(a){return Pa(a,!0)},type:"button"},React.createElement(IconSelect,{size:"xs"})),React.createElement("button",{className:cnTextField("CounterButton"),onFocus:Ia,onClick:function(a){return Pa(a,!1)},type:"button"},React.createElement(IconSelect,{size:"xs"}))),!la&&wa&&M&&!v&&React.createElement("button",{type:"button",disabled:v,tabIndex:-1,onClick:ja||Oa,className:cnTextField("ClearButton")},React.createElement(IconClear,{size:sizeMap[x],className:cnTextField("ClearButtonIcon")})),"password"===j&&(null===(d=f.current)||void 0===d?void 0:d.value)&&React.createElement("button",{className:cnTextField("ClearButton"),type:"button",onClick:Aa},React.createElement(Ka,{className:cnTextField("Icon"),size:Fa})),Ca&&!la&&"password"!==j&&React.createElement("div",{className:cnTextField("Side",{position:"right",type:Ea?"string":"icon"}),title:"string"==typeof K?K:void 0},Ea?K:React.createElement(Ca,{className:cnTextField("Icon"),size:Fa}))),_&&React.createElement(FieldCaption,{className:cnTextField("Caption"),status:D||C},_)))};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","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRef","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSize","focused","onClick","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","onClear","onWheel"];import"./TextField.css";import{IconClear}from"@consta/icons/IconClear";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useCallback,useEffect}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{FieldCaption}from"../FieldCaption/FieldCaption";import{FieldLabel}from"../FieldLabel/FieldLabel";import{useFlag}from"../../hooks/useFlag/useFlag";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useKeys}from"../../hooks/useKeys";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{getTypeForRender,getValueByStep,inputValue,sizeMap,stepIsActive}from"./helpers";import{textFieldPropFormDefault,textFieldPropSizeDefault,textFieldPropViewDefault}from"./types";export var COMPONENT_NAME="TextField";export var cnTextField=cn("TextField");export var TextFieldRender=function(a,b){var c,d,e=React.useRef(null),f=React.useRef(null),g=usePropsHandler(COMPONENT_NAME,a,e),h=g.className,i=g.type,j=void 0===i?"text":i,k=g.value,l=g.defaultValue,m=g.onChange,n=g.id,o=g.name,p=g.rows,q=g.cols,r=g.minRows,s=g.maxRows,t=g.inputRef,u=g.maxLength,v=g.disabled,w=g.size,x=void 0===w?textFieldPropSizeDefault:w,y=g.view,z=void 0===y?textFieldPropViewDefault:y,A=g.form,B=void 0===A?textFieldPropFormDefault:A,C=g.state,D=g.status,E=g.onBlur,F=g.onFocus,G=g.autoFocus,H=void 0!==G&&G,I=g.placeholder,J=g.leftSide,K=g.rightSide,L=g.autoComplete,M=g.withClearButton,N=g.incrementButtons,O=g.max,P=g.min,Q=g.readOnly,R=g.required,S=g.step,T=void 0===S?1:S,U=g.tabIndex,V=g.ariaLabel,W=g.label,X=g.labelIcon,Y=g.inputContainerRef,Z=g.labelPosition,$=void 0===Z?"top":Z,_=g.caption,aa=g.iconSize,ba=g.focused,ca=g.onClick,da=g.onKeyDown,ea=g.onKeyDownCapture,fa=g.onKeyPress,ga=g.onKeyPressCapture,ha=g.onKeyUp,ia=g.onKeyUpCapture,ja=g.onClear,ka=g.onWheel,la=_objectWithoutProperties(g,_excluded),ma="number"===j&&(void 0===N||N),na=useFlag(H),oa=_slicedToArray(na,2),pa=oa[0],qa=oa[1],ra=useFlag(),sa=_slicedToArray(ra,2),ta=sa[0],ua=sa[1],va=useFlag(),wa=_slicedToArray(va,2),xa=wa[0],ya=wa[1],za=useMutableRef(ca),Aa=useMutableRef(m),Ba=useCallback(function(a){var b;a.stopPropagation(),ua.toggle(),null===(b=f.current)||void 0===b?void 0:b.focus()},[]),Ca=J,Da=K,Ea=isString(J),Fa=isString(K),Ga=getByMap(sizeMap,x,aa),Ha=useSortSteps({step:T,min:+P,max:+O}),Ia=useCallback(function(a){var b;v||(null===(b=Aa.current)||void 0===b?void 0:b.call(Aa,a.target.value||null,{e:a,id:n,name:o})),a.target.value?ya.on():ya.off()},[n,o,v]),Ja=function(a){qa.on(),null===F||void 0===F?void 0:F(a)},Ka={className:cnTextField("Input"),value:inputValue(k),defaultValue:inputValue(l),onChange:Ia,maxLength:u,disabled:v,onBlur:function handleBlur(a){qa.off(),null===E||void 0===E?void 0:E(a)},onFocus:Ja,autoFocus:H,placeholder:I,autoComplete:L,readOnly:Q,tabIndex:U,name:o,onKeyDownCapture:ea,onKeyPress:fa,onKeyPressCapture:ga,onKeyUp:ha,onKeyUpCapture:ia,id:n?n.toString():void 0,"aria-label":V},La=ta?IconEyeClose:IconEye,Ma=useKeys({isActive:!0,keys:{ArrowUp:function ArrowUp(a){if(a.preventDefault(),stepIsActive(T,j,v)){var b,c,d=getValueByStep(Ha,null===(b=f.current)||void 0===b?void 0:b.value,!0,P,O);null===(c=Aa.current)||void 0===c?void 0:c.call(Aa,d,{e:a,id:n,name:o}),f.current&&(f.current.value=d,ya.on())}},ArrowDown:function ArrowDown(a){if(a.preventDefault(),stepIsActive(T,j,v)){var b,c,d=getValueByStep(Ha,null===(b=f.current)||void 0===b?void 0:b.value,!1,P,O);null===(c=Aa.current)||void 0===c?void 0:c.call(Aa,d,{e:a,id:n,name:o}),f.current&&(f.current.value=d,ya.on())}}},onEvent:da}),Na={rows:p,cols:q,minRows:r||p,maxRows:s||p,ref:useForkRef([f,t])},Oa={type:getTypeForRender(j,ta),max:O,min:P,step:Array.isArray(Ha)?0:Ha,onKeyDown:Ma,onWheel:function onWheel(a){if(ka)ka(a);else if("number"===j){var b;null===(b=f.current)||void 0===b?void 0:b.blur()}},ref:useForkRef([f,t])},Pa=useCallback(function(a){var b;null===(b=Aa.current)||void 0===b?void 0:b.call(Aa,null,{e:a,id:n,name:o}),f.current&&(f.current.value="",ya.off())},[]),Qa=function(a){var b,c,d=!(1<arguments.length&&void 0!==arguments[1])||arguments[1],e=getValueByStep(Ha,null===(b=f.current)||void 0===b?void 0:b.value,d,P,O);null===(c=Aa.current)||void 0===c?void 0:c.call(Aa,e,{e:a,id:n,name:o}),f.current&&(f.current.value=e,ya.on())},Ra={onClick:useCallback(function(a){var b,c;null===(b=f.current)||void 0===b?void 0:b.focus(),null===(c=za.current)||void 0===c?void 0:c.call(za,a)},[])};return useEffect(function(){var a;ya[null!==(a=f.current)&&void 0!==a&&a.value?"on":"off"]()},[null===(c=f.current)||void 0===c?void 0:c.value]),React.createElement("div",Object.assign({className:cnTextField({labelPosition:$,size:x,view:z},[h]),ref:useForkRef([b,e])},Ra,la),W&&React.createElement(FieldLabel,{as:"label",htmlFor:null===n||void 0===n?void 0:n.toString(),icon:X,required:R,className:cnTextField("Label",{labelPosition:$}),size:x},W),React.createElement("div",{className:cnTextField("Body")},React.createElement("div",{ref:Y,className:cnTextField("InputContainer",{view:z,form:B,status:D||C,disabled:v,type:j,focus:pa||ba,withValue:xa,incrementButtons:"number"===j&&ma})},Ca&&React.createElement("div",{className:cnTextField("Side",{position:"left",type:Ea?"string":"icon"}),title:"string"==typeof J?J:void 0},Ea?J:React.createElement(Ca,{className:cnTextField("Icon"),size:Ga})),"textarea"===j?React.createElement(TextAreaAutoSize,Object.assign({},Ka,Na)):React.createElement("input",Object.assign({},Ka,Oa)),ma&&stepIsActive(T,j,v)&&React.createElement("div",{className:cnTextField("Counter")},React.createElement("button",{className:cnTextField("CounterButton",{fn:"increment"}),onFocus:Ja,onClick:function(a){return Qa(a,!0)},type:"button"},React.createElement(IconSelect,{size:"xs"})),React.createElement("button",{className:cnTextField("CounterButton"),onFocus:Ja,onClick:function(a){return Qa(a,!1)},type:"button"},React.createElement(IconSelect,{size:"xs"}))),!ma&&xa&&M&&!v&&React.createElement("button",{type:"button",disabled:v,tabIndex:-1,onClick:ja||Pa,className:cnTextField("ClearButton")},React.createElement(IconClear,{size:sizeMap[x],className:cnTextField("ClearButtonIcon")})),"password"===j&&(null===(d=f.current)||void 0===d?void 0:d.value)&&React.createElement("button",{className:cnTextField("ClearButton"),type:"button",onClick:Ba},React.createElement(La,{className:cnTextField("Icon"),size:Ga})),Da&&!ma&&"password"!==j&&React.createElement("div",{className:cnTextField("Side",{position:"right",type:Fa?"string":"icon"}),title:"string"==typeof K?K:void 0},Fa?K:React.createElement(Da,{className:cnTextField("Icon"),size:Ga}))),_&&React.createElement(FieldCaption,{className:cnTextField("Caption"),status:D||C},_)))};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":["IconClear","IconEye","IconEyeClose","IconSelect","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","usePropsHandler","FieldCaption","FieldLabel","useFlag","useForkRef","useKeys","useMutableRef","useSortSteps","cn","getByMap","isString","getTypeForRender","getValueByStep","inputValue","sizeMap","stepIsActive","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","onClear","otherProps","focus","setFocus","passwordVisible","setPasswordVisuble","withValue","setWithValue","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","on","off","handleFocus","commonProps","handleBlur","toString","Eye","isActive","keys","ArrowUp","preventDefault","newValue","ArrowDown","onEvent","textareaProps","inputProps","Array","isArray","handleClear","changeNumberValue","isIncrement","rootProps","position","fn","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '##/components/FieldCaption/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel/FieldLabel';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\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';\n\nimport {\n  getTypeForRender,\n  getValueByStep,\n  inputValue,\n  sizeMap,\n  stepIsActive,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\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    defaultValue,\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    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons: incrementButtonsProp = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    labelIcon,\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    onClear,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n\n  const incrementButtons = type === 'number' ? incrementButtonsProp : false;\n\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisuble] = useFlag();\n  const [withValue, setWithValue] = useFlag();\n\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.target.value || null, {\n          e,\n          id,\n          name,\n        });\n\n      if (e.target.value) {\n        setWithValue.on();\n      } else {\n        setWithValue.off();\n      }\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': inputValue(value),\n    'defaultValue': inputValue(defaultValue),\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() : undefined,\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = useKeys({\n    isActive: true,\n    keys: {\n      ArrowUp: (e) => {\n        e.preventDefault();\n        if (stepIsActive(step, type, disabled)) {\n          const newValue = getValueByStep(\n            sortedSteps,\n            inputRef.current?.value,\n            true,\n            min,\n            max,\n          );\n\n          onChangeRef.current?.(newValue, {\n            e,\n            id,\n            name,\n          });\n\n          if (inputRef.current) {\n            inputRef.current.value = newValue;\n            setWithValue.on();\n          }\n        }\n      },\n      ArrowDown: (e) => {\n        e.preventDefault();\n        if (stepIsActive(step, type, disabled)) {\n          const newValue = getValueByStep(\n            sortedSteps,\n            inputRef.current?.value,\n            false,\n            min,\n            max,\n          );\n\n          onChangeRef.current?.(newValue, {\n            e,\n            id,\n            name,\n          });\n\n          if (inputRef.current) {\n            inputRef.current.value = newValue;\n            setWithValue.on();\n          }\n        }\n      },\n    },\n    onEvent: onKeyDownProp,\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?.(null, {\n      e,\n      id,\n      name,\n    });\n\n    if (inputRef.current) {\n      inputRef.current.value = '';\n      setWithValue.off();\n    }\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    const newValue = getValueByStep(\n      sortedSteps,\n      inputRef.current?.value,\n      isIncrement,\n      min,\n      max,\n    );\n    onChangeRef.current?.(newValue, {\n      e,\n      id,\n      name,\n    });\n    if (inputRef.current) {\n      inputRef.current.value = newValue;\n      setWithValue.on();\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  useEffect(() => {\n    setWithValue[inputRef.current?.value ? 'on' : 'off']();\n  }, [inputRef.current?.value]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          as=\"label\"\n          htmlFor={id?.toString()}\n          icon={labelIcon}\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,\n            incrementButtons: type === 'number' && incrementButtons,\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          {incrementButtons && stepIsActive(step, type, disabled) && (\n            <div className={cnTextField('Counter')}>\n              <button\n                className={cnTextField('CounterButton', { fn: 'increment' })}\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n              <button\n                className={cnTextField('CounterButton')}\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {!incrementButtons && withValue && withClearButton && !disabled && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              tabIndex={-1}\n              onClick={onClear || handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClear\n                size={sizeMap[size]}\n                className={cnTextField('ClearButtonIcon')}\n              />\n            </button>\n          )}\n\n          {type === 'password' && inputRef.current?.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 && !incrementButtons && 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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"}
+{"version":3,"file":"TextField.js","names":["IconClear","IconEye","IconEyeClose","IconSelect","React","forwardRef","useCallback","useEffect","TextAreaAutoSize","usePropsHandler","FieldCaption","FieldLabel","useFlag","useForkRef","useKeys","useMutableRef","useSortSteps","cn","getByMap","isString","getTypeForRender","getValueByStep","inputValue","sizeMap","stepIsActive","textFieldPropFormDefault","textFieldPropSizeDefault","textFieldPropViewDefault","COMPONENT_NAME","cnTextField","TextFieldRender","props","ref","textFieldRef","useRef","inputRef","className","type","value","defaultValue","onChange","id","name","rows","cols","minRows","maxRows","inputRefProp","maxLength","disabled","size","view","form","state","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","incrementButtons","max","min","readOnly","required","step","tabIndex","ariaLabel","label","labelIcon","inputContainerRef","labelPosition","caption","iconSizeProp","iconSize","focused","onClick","onKeyDownProp","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","onClear","onWheelProp","onWheel","otherProps","focus","setFocus","passwordVisible","setPasswordVisible","withValue","setWithValue","onClickRef","onChangeRef","handleEyeClick","e","stopPropagation","toggle","current","LeftIcon","RightIcon","leftSideIsString","rightSideIsString","sortedSteps","handleChange","target","on","off","handleFocus","commonProps","handleBlur","toString","Eye","isActive","keys","ArrowUp","preventDefault","newValue","ArrowDown","onEvent","textareaProps","inputProps","Array","isArray","blur","handleClear","changeNumberValue","isIncrement","rootProps","position","fn","TextField"],"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import './TextField.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useCallback, useEffect } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { FieldCaption } from '##/components/FieldCaption/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel/FieldLabel';\nimport { useFlag } from '##/hooks/useFlag/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\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';\n\nimport {\n  getTypeForRender,\n  getValueByStep,\n  inputValue,\n  sizeMap,\n  stepIsActive,\n} from './helpers';\nimport {\n  TextFieldComponent,\n  textFieldPropFormDefault,\n  TextFieldProps,\n  textFieldPropSizeDefault,\n  textFieldPropViewDefault,\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    defaultValue,\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    onBlur,\n    onFocus,\n    autoFocus = false,\n    placeholder,\n    leftSide,\n    rightSide,\n    autoComplete,\n    withClearButton,\n    incrementButtons: incrementButtonsProp = true,\n    max,\n    min,\n    readOnly,\n    required,\n    step = 1,\n    tabIndex,\n    ariaLabel,\n    label,\n    labelIcon,\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    onClear,\n    onWheel: onWheelProp,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, props, textFieldRef);\n\n  const incrementButtons = type === 'number' ? incrementButtonsProp : false;\n\n  const [focus, setFocus] = useFlag(autoFocus);\n  const [passwordVisible, setPasswordVisible] = useFlag();\n  const [withValue, setWithValue] = useFlag();\n\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      setPasswordVisible.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.target.value || null, {\n          e,\n          id,\n          name,\n        });\n\n      if (e.target.value) {\n        setWithValue.on();\n      } else {\n        setWithValue.off();\n      }\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': inputValue(value),\n    'defaultValue': inputValue(defaultValue),\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() : undefined,\n    'aria-label': ariaLabel,\n  };\n\n  const Eye = passwordVisible ? IconEyeClose : IconEye;\n\n  const onKeyDown = useKeys({\n    isActive: true,\n    keys: {\n      ArrowUp: (e) => {\n        e.preventDefault();\n        if (stepIsActive(step, type, disabled)) {\n          const newValue = getValueByStep(\n            sortedSteps,\n            inputRef.current?.value,\n            true,\n            min,\n            max,\n          );\n\n          onChangeRef.current?.(newValue, {\n            e,\n            id,\n            name,\n          });\n\n          if (inputRef.current) {\n            inputRef.current.value = newValue;\n            setWithValue.on();\n          }\n        }\n      },\n      ArrowDown: (e) => {\n        e.preventDefault();\n        if (stepIsActive(step, type, disabled)) {\n          const newValue = getValueByStep(\n            sortedSteps,\n            inputRef.current?.value,\n            false,\n            min,\n            max,\n          );\n\n          onChangeRef.current?.(newValue, {\n            e,\n            id,\n            name,\n          });\n\n          if (inputRef.current) {\n            inputRef.current.value = newValue;\n            setWithValue.on();\n          }\n        }\n      },\n    },\n    onEvent: onKeyDownProp,\n  });\n\n  const onWheel = (e: React.WheelEvent<HTMLInputElement>) => {\n    if (onWheelProp) {\n      onWheelProp(e);\n    } else if (type === 'number') {\n      inputRef.current?.blur();\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    onWheel,\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?.(null, {\n      e,\n      id,\n      name,\n    });\n\n    if (inputRef.current) {\n      inputRef.current.value = '';\n      setWithValue.off();\n    }\n  }, []);\n\n  const changeNumberValue = (\n    e: React.MouseEvent<HTMLButtonElement>,\n    isIncrement = true,\n  ) => {\n    const newValue = getValueByStep(\n      sortedSteps,\n      inputRef.current?.value,\n      isIncrement,\n      min,\n      max,\n    );\n    onChangeRef.current?.(newValue, {\n      e,\n      id,\n      name,\n    });\n    if (inputRef.current) {\n      inputRef.current.value = newValue;\n      setWithValue.on();\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  useEffect(() => {\n    setWithValue[inputRef.current?.value ? 'on' : 'off']();\n  }, [inputRef.current?.value]);\n\n  return (\n    <div\n      className={cnTextField({ labelPosition, size, view }, [className])}\n      ref={useForkRef([ref, textFieldRef])}\n      {...rootProps}\n      {...otherProps}\n    >\n      {label && (\n        <FieldLabel\n          as=\"label\"\n          htmlFor={id?.toString()}\n          icon={labelIcon}\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,\n            incrementButtons: type === 'number' && incrementButtons,\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          {incrementButtons && stepIsActive(step, type, disabled) && (\n            <div className={cnTextField('Counter')}>\n              <button\n                className={cnTextField('CounterButton', { fn: 'increment' })}\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, true)}\n                type=\"button\"\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n              <button\n                className={cnTextField('CounterButton')}\n                onFocus={handleFocus}\n                onClick={(e) => changeNumberValue(e, false)}\n                type=\"button\"\n              >\n                <IconSelect size=\"xs\" />\n              </button>\n            </div>\n          )}\n\n          {!incrementButtons && withValue && withClearButton && !disabled && (\n            <button\n              type=\"button\"\n              disabled={disabled}\n              tabIndex={-1}\n              onClick={onClear || handleClear}\n              className={cnTextField('ClearButton')}\n            >\n              <IconClear\n                size={sizeMap[size]}\n                className={cnTextField('ClearButtonIcon')}\n              />\n            </button>\n          )}\n\n          {type === 'password' && inputRef.current?.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 && !incrementButtons && 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":"ytBAAA,wBAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,OAASC,UAAT,KAA2B,0BAA3B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,SAAzC,KAA0D,OAA1D,CACA,MAAOC,iBAAP,KAA6B,yBAA7B,CAEA,OAASC,eAAT,2CACA,OAASC,YAAT,oCACA,OAASC,UAAT,gCACA,OAASC,OAAT,mCACA,OAASC,UAAT,yCACA,OAASC,OAAT,2BACA,OAASC,aAAT,+CACA,OAASC,YAAT,6CACA,OAASC,EAAT,uBACA,OAASC,QAAT,4BACA,OAASC,QAAT,+BAEA,OACEC,gBADF,CAEEC,cAFF,CAGEC,UAHF,CAIEC,OAJF,CAKEC,YALF,iBAOA,OAEEC,wBAFF,CAIEC,wBAJF,CAKEC,wBALF,eAQA,MAAO,IAAMC,eAAc,CAAG,WAAvB,CACP,MAAO,IAAMC,YAAW,CAAGZ,EAAE,aAAtB,CAEP,MAAO,IAAMa,gBAAe,CAAG,SAC7BC,CAD6B,CAE7BC,CAF6B,CAG1B,SACGC,CAAY,CAAG7B,KAAK,CAAC8B,MAAN,CAA6B,IAA7B,CADlB,CAEGC,CAAQ,CAAG/B,KAAK,CAAC8B,MAAN,CAAqD,IAArD,CAFd,GA0DCzB,eAAe,CAACmB,cAAD,CAAiBG,CAAjB,CAAwBE,CAAxB,CA1DhB,CAKDG,CALC,GAKDA,SALC,KAMDC,IANC,CAMDA,CANC,YAMM,MANN,GAODC,CAPC,GAODA,KAPC,CAQDC,CARC,GAQDA,YARC,CASDC,CATC,GASDA,QATC,CAUDC,CAVC,GAUDA,EAVC,CAWDC,CAXC,GAWDA,IAXC,CAYDC,CAZC,GAYDA,IAZC,CAaDC,CAbC,GAaDA,IAbC,CAcDC,CAdC,GAcDA,OAdC,CAeDC,CAfC,GAeDA,OAfC,CAgBSC,CAhBT,GAgBDZ,QAhBC,CAiBDa,CAjBC,GAiBDA,SAjBC,CAkBDC,CAlBC,GAkBDA,QAlBC,KAmBDC,IAnBC,CAmBDA,CAnBC,YAmBMxB,wBAnBN,OAoBDyB,IApBC,CAoBDA,CApBC,YAoBMxB,wBApBN,OAqBDyB,IArBC,CAqBDA,CArBC,YAqBM3B,wBArBN,GAsBD4B,CAtBC,GAsBDA,KAtBC,CAuBDC,CAvBC,GAuBDA,MAvBC,CAwBDC,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,SAzCC,CA0CDC,CA1CC,GA0CDA,iBA1CC,KA2CDC,aA3CC,CA2CDA,CA3CC,YA2Ce,KA3Cf,GA4CDC,CA5CC,GA4CDA,OA5CC,CA6CSC,EA7CT,GA6CDC,QA7CC,CA8CDC,EA9CC,GA8CDA,OA9CC,CA+CDC,EA/CC,GA+CDA,OA/CC,CAiDUC,EAjDV,GAiDDC,SAjDC,CAkDDC,EAlDC,GAkDDA,gBAlDC,CAmDDC,EAnDC,GAmDDA,UAnDC,CAoDDC,EApDC,GAoDDA,iBApDC,CAqDDC,EArDC,GAqDDA,OArDC,CAsDDC,EAtDC,GAsDDA,cAtDC,CAuDDC,EAvDC,GAuDDA,OAvDC,CAwDQC,EAxDR,GAwDDC,OAxDC,CAyDEC,EAzDF,uCA4DG3B,EAAgB,CAAY,QAAT,GAAA1B,CAAH,iBA5DnB,IA8DuBzB,OAAO,CAAC6C,CAAD,CA9D9B,yBA8DIkC,EA9DJ,OA8DWC,EA9DX,UA+D2ChF,OAAO,EA/DlD,yBA+DIiF,EA/DJ,OA+DqBC,EA/DrB,UAgE+BlF,OAAO,EAhEtC,yBAgEImF,EAhEJ,OAgEeC,EAhEf,OAkEGC,EAAU,CAAGlF,aAAa,CAACgE,EAAD,CAlE7B,CAmEGmB,EAAW,CAAGnF,aAAa,CAACyB,CAAD,CAnE9B,CAqEG2D,EAAc,CAAG7F,WAAW,CAChC,SAAC8F,CAAD,CAAwD,OACtDA,CAAC,CAACC,eAAF,EADsD,CAEtDP,EAAkB,CAACQ,MAAnB,EAFsD,WAGtDnE,CAAQ,CAACoE,OAH6C,qBAGtD,EAAkBZ,KAAlB,EACD,CAL+B,CAMhC,EANgC,CArE/B,CA+EGa,EAAQ,CAAG7C,CA/Ed,CAgFG8C,EAAS,CAAG7C,CAhFf,CAiFG8C,EAAgB,CAAGvF,QAAQ,CAACwC,CAAD,CAjF9B,CAkFGgD,EAAiB,CAAGxF,QAAQ,CAACyC,CAAD,CAlF/B,CAmFGiB,EAAQ,CAAG3D,QAAQ,CAACK,OAAD,CAAU2B,CAAV,CAAgB0B,EAAhB,CAnFtB,CAqFGgC,EAAW,CAAG5F,YAAY,CAAC,CAC/BoD,IAAI,CAAJA,CAD+B,CAE/BH,GAAG,EAASA,CAFmB,CAG/BD,GAAG,EAASA,CAHmB,CAAD,CArF7B,CA2FG6C,EAEL,CAAGvG,WAAW,CACb,SAAC8F,CAAD,CAAO,OACJnD,CAAD,aACEiD,EAAW,CAACK,OADd,qBACE,OAAAL,EAAW,CAAWE,CAAC,CAACU,MAAF,CAASxE,KAAT,EAAkB,IAA7B,CAAmC,CAC5C8D,CAAC,CAADA,CAD4C,CAE5C3D,EAAE,CAAFA,CAF4C,CAG5CC,IAAI,CAAJA,CAH4C,CAAnC,CADb,CADK,CAQD0D,CAAC,CAACU,MAAF,CAASxE,KARR,CASH0D,EAAY,CAACe,EAAb,EATG,CAWHf,EAAY,CAACgB,GAAb,EAEH,CAdY,CAeb,CAACvE,CAAD,CAAKC,CAAL,CAAWO,CAAX,CAfa,CA7FZ,CAoHGgE,EAAiD,CAAG,SAACb,CAAD,CAAO,CAC/DR,EAAQ,CAACmB,EAAT,EAD+D,QAE/DvD,CAF+D,WAE/DA,CAF+D,QAE/DA,CAAO,CAAG4C,CAAH,CACR,CAvHE,CAyHGc,EAAW,CAAG,CAClB,UAAarF,WAAW,CAAC,OAAD,CADN,CAElB,MAASP,UAAU,CAACgB,CAAD,CAFD,CAGlB,aAAgBhB,UAAU,CAACiB,CAAD,CAHR,CAIlB,SAAYsE,EAJM,CAKlB7D,SAAS,CAATA,CALkB,CAMlBC,QAAQ,CAARA,CANkB,CAOlB,OAjBuD,QAAnDkE,WAAmD,CAACf,CAAD,CAAO,CAC9DR,EAAQ,CAACoB,GAAT,EAD8D,QAE9DzD,CAF8D,WAE9DA,CAF8D,QAE9DA,CAAM,CAAG6C,CAAH,CACP,CAOmB,CAQlB,QAAWa,EARO,CASlBxD,SAAS,CAATA,CATkB,CAUlBC,WAAW,CAAXA,CAVkB,CAWlBG,YAAY,CAAZA,CAXkB,CAYlBK,QAAQ,CAARA,CAZkB,CAalBG,QAAQ,CAARA,CAbkB,CAclB3B,IAAI,CAAJA,CAdkB,CAelBwC,gBAAgB,CAAhBA,EAfkB,CAgBlBC,UAAU,CAAVA,EAhBkB,CAiBlBC,iBAAiB,CAAjBA,EAjBkB,CAkBlBC,OAAO,CAAPA,EAlBkB,CAmBlBC,cAAc,CAAdA,EAnBkB,CAoBlB,GAAM7C,CAAE,CAAGA,CAAE,CAAC2E,QAAH,EAAH,OApBU,CAqBlB,aAAc9C,CArBI,CAzHjB,CAiJG+C,EAAG,CAAGxB,EAAe,CAAG3F,YAAH,CAAkBD,OAjJ1C,CAmJGgF,EAAS,CAAGnE,OAAO,CAAC,CACxBwG,QAAQ,GADgB,CAExBC,IAAI,CAAE,CACJC,OAAO,CAAE,iBAACpB,CAAD,CAAO,CAEd,GADAA,CAAC,CAACqB,cAAF,EACA,CAAIjG,YAAY,CAAC4C,CAAD,CAAO/B,CAAP,CAAaY,CAAb,CAAhB,CAAwC,SAChCyE,CAAQ,CAAGrG,cAAc,CAC7BuF,EAD6B,WAE7BzE,CAAQ,CAACoE,OAFoB,qBAE7B,EAAkBjE,KAFW,IAI7B2B,CAJ6B,CAK7BD,CAL6B,CADO,WAStCkC,EAAW,CAACK,OAT0B,qBAStC,OAAAL,EAAW,CAAWwB,CAAX,CAAqB,CAC9BtB,CAAC,CAADA,CAD8B,CAE9B3D,EAAE,CAAFA,CAF8B,CAG9BC,IAAI,CAAJA,CAH8B,CAArB,CAT2B,CAelCP,CAAQ,CAACoE,OAfyB,GAgBpCpE,CAAQ,CAACoE,OAAT,CAAiBjE,KAAjB,CAAyBoF,CAhBW,CAiBpC1B,EAAY,CAACe,EAAb,EAjBoC,CAmBvC,CACF,CAvBG,CAwBJY,SAAS,CAAE,mBAACvB,CAAD,CAAO,CAEhB,GADAA,CAAC,CAACqB,cAAF,EACA,CAAIjG,YAAY,CAAC4C,CAAD,CAAO/B,CAAP,CAAaY,CAAb,CAAhB,CAAwC,SAChCyE,CAAQ,CAAGrG,cAAc,CAC7BuF,EAD6B,WAE7BzE,CAAQ,CAACoE,OAFoB,qBAE7B,EAAkBjE,KAFW,IAI7B2B,CAJ6B,CAK7BD,CAL6B,CADO,WAStCkC,EAAW,CAACK,OAT0B,qBAStC,OAAAL,EAAW,CAAWwB,CAAX,CAAqB,CAC9BtB,CAAC,CAADA,CAD8B,CAE9B3D,EAAE,CAAFA,CAF8B,CAG9BC,IAAI,CAAJA,CAH8B,CAArB,CAT2B,CAelCP,CAAQ,CAACoE,OAfyB,GAgBpCpE,CAAQ,CAACoE,OAAT,CAAiBjE,KAAjB,CAAyBoF,CAhBW,CAiBpC1B,EAAY,CAACe,EAAb,EAjBoC,CAmBvC,CACF,CA9CG,CAFkB,CAkDxBa,OAAO,CAAE5C,EAlDe,CAAD,CAnJtB,CAgNG6C,EAAa,CAAG,CACpBlF,IAAI,CAAJA,CADoB,CAEpBC,IAAI,CAAJA,CAFoB,CAGpBC,OAAO,CAAEA,CAAO,EAAIF,CAHA,CAIpBG,OAAO,CAAEA,CAAO,EAAIH,CAJA,CAKpBX,GAAG,CAAEnB,UAAU,CAAC,CAACsB,CAAD,CAAWY,CAAX,CAAD,CALK,CAhNnB,CA0NG+E,EAAU,CAAG,CACjBzF,IAAI,CAAEjB,gBAAgB,CAACiB,CAAD,CAAOwD,EAAP,CADL,CAEjB7B,GAAG,CAAHA,CAFiB,CAGjBC,GAAG,CAAHA,CAHiB,CAIjBG,IAAI,CAAG2D,KAAK,CAACC,OAAN,CAAcpB,EAAd,CAAD,CAA4C,CAA5C,CAA8BA,EAJnB,CAKjB3B,SAAS,CAATA,EALiB,CAMjBQ,OAAO,CAxBO,QAAVA,QAAU,CAACW,CAAD,CAA2C,CACzD,GAAIZ,EAAJ,CACEA,EAAW,CAACY,CAAD,CADb,KAEO,IAAa,QAAT,GAAA/D,CAAJ,CAAuB,iBAC5BF,CAAQ,CAACoE,OADmB,qBAC5B,EAAkB0B,IAAlB,EACD,CACF,CAYkB,CAOjBjG,GAAG,CAAEnB,UAAU,CAAC,CACdsB,CADc,CAEdY,CAFc,CAAD,CAPE,CA1NhB,CAuOGmF,EAAW,CAAG5H,WAAW,CAAC,SAAC8F,CAAD,CAA4C,iBAC1EF,EAAW,CAACK,OAD8D,qBAC1E,OAAAL,EAAW,CAAW,IAAX,CAAiB,CAC1BE,CAAC,CAADA,CAD0B,CAE1B3D,EAAE,CAAFA,CAF0B,CAG1BC,IAAI,CAAJA,CAH0B,CAAjB,CAD+D,CAOtEP,CAAQ,CAACoE,OAP6D,GAQxEpE,CAAQ,CAACoE,OAAT,CAAiBjE,KAAjB,CAAyB,EAR+C,CASxE0D,EAAY,CAACgB,GAAb,EATwE,CAW3E,CAX8B,CAW5B,EAX4B,CAvO5B,CAoPGmB,EAAiB,CAAG,SACxB/B,CADwB,CAGrB,SADHgC,CACG,4DACGV,CAAQ,CAAGrG,cAAc,CAC7BuF,EAD6B,WAE7BzE,CAAQ,CAACoE,OAFoB,qBAE7B,EAAkBjE,KAFW,CAG7B8F,CAH6B,CAI7BnE,CAJ6B,CAK7BD,CAL6B,CAD5B,WAQHkC,EAAW,CAACK,OART,qBAQH,OAAAL,EAAW,CAAWwB,CAAX,CAAqB,CAC9BtB,CAAC,CAADA,CAD8B,CAE9B3D,EAAE,CAAFA,CAF8B,CAG9BC,IAAI,CAAJA,CAH8B,CAArB,CARR,CAaCP,CAAQ,CAACoE,OAbV,GAcDpE,CAAQ,CAACoE,OAAT,CAAiBjE,KAAjB,CAAyBoF,CAdxB,CAeD1B,EAAY,CAACe,EAAb,EAfC,CAiBJ,CAxQE,CA0QGsB,EAAS,CAAG,CAChBtD,OAAO,CAAEzE,WAAW,CAAC,SAAC8F,CAAD,CAAqD,mBACxEjE,CAAQ,CAACoE,OAD+D,qBACxE,EAAkBZ,KAAlB,EADwE,WAExEM,EAAU,CAACM,OAF6D,qBAExE,OAAAN,EAAU,CAAWG,CAAX,CACX,CAHmB,CAGjB,EAHiB,CADJ,CA1Qf,CAqRH,MAJA7F,UAAS,CAAC,UAAM,OACdyF,EAAY,CAAC,UAAA7D,CAAQ,CAACoE,OAAT,iBAAkBjE,KAAlB,CAA0B,IAA1B,CAAiC,KAAlC,CAAZ,EACD,CAFQ,CAEN,WAACH,CAAQ,CAACoE,OAAV,qBAAC,EAAkBjE,KAAnB,CAFM,CAIT,CACE,yCACE,SAAS,CAAET,WAAW,CAAC,CAAE6C,aAAa,CAAbA,CAAF,CAAiBxB,IAAI,CAAJA,CAAjB,CAAuBC,IAAI,CAAJA,CAAvB,CAAD,CAAgC,CAACf,CAAD,CAAhC,CADxB,CAEE,GAAG,CAAEvB,UAAU,CAAC,CAACmB,CAAD,CAAMC,CAAN,CAAD,CAFjB,EAGMoG,EAHN,CAIM3C,EAJN,EAMGnB,CAAK,EACJ,oBAAC,UAAD,EACE,EAAE,CAAC,OADL,CAEE,OAAO,QAAE9B,CAAF,WAAEA,CAAF,QAAEA,CAAE,CAAE2E,QAAJ,EAFX,CAGE,IAAI,CAAE5C,CAHR,CAIE,QAAQ,CAAEL,CAJZ,CAKE,SAAS,CAAEtC,WAAW,CAAC,OAAD,CAAU,CAAE6C,aAAa,CAAbA,CAAF,CAAV,CALxB,CAME,IAAI,CAAExB,CANR,EAQGqB,CARH,CAPJ,CAkBE,2BAAK,SAAS,CAAE1C,WAAW,CAAC,MAAD,CAA3B,EACE,2BACE,GAAG,CAAE4C,CADP,CAEE,SAAS,CAAE5C,WAAW,CAAC,gBAAD,CAAmB,CACvCsB,IAAI,CAAJA,CADuC,CAEvCC,IAAI,CAAJA,CAFuC,CAGvCE,MAAM,CAAEA,CAAM,EAAID,CAHqB,CAIvCJ,QAAQ,CAARA,CAJuC,CAKvCZ,IAAI,CAAJA,CALuC,CAMvCsD,KAAK,CAAEA,EAAK,EAAIb,EANuB,CAOvCiB,SAAS,CAATA,EAPuC,CAQvChC,gBAAgB,CAAW,QAAT,GAAA1B,CAAI,EAAiB0B,EARA,CAAnB,CAFxB,EAaGyC,EAAQ,EACP,2BACE,SAAS,CAAE3E,WAAW,CAAC,MAAD,CAAS,CAC7ByG,QAAQ,CAAE,MADmB,CAE7BjG,IAAI,CAAEqE,EAAgB,CAAG,QAAH,CAAc,MAFP,CAAT,CADxB,CAKE,KAAK,CAAsB,QAApB,QAAO/C,EAAP,CAA+BA,CAA/B,OALT,EAOG+C,EAAgB,CACf/C,CADe,CAGf,oBAAC,EAAD,EAAU,SAAS,CAAE9B,WAAW,CAAC,MAAD,CAAhC,CAA0C,IAAI,CAAEgD,EAAhD,EAVJ,CAdJ,CA3NoB,UAAT,GAAAxC,CAuPR,CACC,oBAAC,gBAAD,kBAAsB6E,EAAtB,CAAuCW,EAAvC,EADD,CAGC,6CAAWX,EAAX,CAA4BY,EAA5B,EA/BJ,CAkCG/D,EAAgB,EAAIvC,YAAY,CAAC4C,CAAD,CAAO/B,CAAP,CAAaY,CAAb,CAAhC,EACC,2BAAK,SAAS,CAAEpB,WAAW,CAAC,SAAD,CAA3B,EACE,8BACE,SAAS,CAAEA,WAAW,CAAC,eAAD,CAAkB,CAAE0G,EAAE,CAAE,WAAN,CAAlB,CADxB,CAEE,OAAO,CAAEtB,EAFX,CAGE,OAAO,CAAE,SAACb,CAAD,QAAO+B,GAAiB,CAAC/B,CAAD,IAAxB,CAHX,CAIE,IAAI,CAAC,QAJP,EAME,oBAAC,UAAD,EAAY,IAAI,CAAC,IAAjB,EANF,CADF,CASE,8BACE,SAAS,CAAEvE,WAAW,CAAC,eAAD,CADxB,CAEE,OAAO,CAAEoF,EAFX,CAGE,OAAO,CAAE,SAACb,CAAD,QAAO+B,GAAiB,CAAC/B,CAAD,IAAxB,CAHX,CAIE,IAAI,CAAC,QAJP,EAME,oBAAC,UAAD,EAAY,IAAI,CAAC,IAAjB,EANF,CATF,CAnCJ,CAuDG,CAACrC,EAAD,EAAqBgC,EAArB,EAAkCjC,CAAlC,EAAqD,CAACb,CAAtD,EACC,8BACE,IAAI,CAAC,QADP,CAEE,QAAQ,CAAEA,CAFZ,CAGE,QAAQ,CAAE,CAAC,CAHb,CAIE,OAAO,CAAEsC,EAAO,EAAI2C,EAJtB,CAKE,SAAS,CAAErG,WAAW,CAAC,aAAD,CALxB,EAOE,oBAAC,SAAD,EACE,IAAI,CAAEN,OAAO,CAAC2B,CAAD,CADf,CAEE,SAAS,CAAErB,WAAW,CAAC,iBAAD,CAFxB,EAPF,CAxDJ,CAsEY,UAAT,GAAAQ,CAAI,aAAmBF,CAAQ,CAACoE,OAA5B,qBAAmB,EAAkBjE,KAArC,CAAJ,EACC,8BACE,SAAS,CAAET,WAAW,CAAC,aAAD,CADxB,CAEE,IAAI,CAAC,QAFP,CAGE,OAAO,CAAEsE,EAHX,EAKE,oBAAC,EAAD,EAAK,SAAS,CAAEtE,WAAW,CAAC,MAAD,CAA3B,CAAqC,IAAI,CAAEgD,EAA3C,EALF,CAvEJ,CAgFG4B,EAAS,EAAI,CAAC1C,EAAd,EAA2C,UAAT,GAAA1B,CAAlC,EACC,2BACE,SAAS,CAAER,WAAW,CAAC,MAAD,CAAS,CAC7ByG,QAAQ,CAAE,OADmB,CAE7BjG,IAAI,CAAEsE,EAAiB,CAAG,QAAH,CAAc,MAFR,CAAT,CADxB,CAKE,KAAK,CAAuB,QAArB,QAAO/C,EAAP,CAAgCA,CAAhC,OALT,EAOG+C,EAAiB,CAChB/C,CADgB,CAGhB,oBAAC,EAAD,EAAW,SAAS,CAAE/B,WAAW,CAAC,MAAD,CAAjC,CAA2C,IAAI,CAAEgD,EAAjD,EAVJ,CAjFJ,CADF,CAiGGF,CAAO,EACN,oBAAC,YAAD,EACE,SAAS,CAAE9C,WAAW,CAAC,SAAD,CADxB,CAEE,MAAM,CAAEyB,CAAM,EAAID,CAFpB,EAIGsB,CAJH,CAlGJ,CAlBF,CA8HH,CAvZM,CAyZP,MAAO,IAAM6D,UAAS,CAAGnI,UAAU,CAACyB,eAAD,CAA5B,CACP"}

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

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

package/__internal__/src/components/TextField/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","getTypeForRender","type","passwordVible","getValueByStep","Array","isArray","inputValue","stepIsActive","disabled"],"sources":["../../../../../src/components/TextField/helpers.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\n\nimport { TextFieldPropSize, TextFieldPropValue } 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 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\nexport const inputValue = (value?: TextFieldPropValue) =>\n  value === null ? '' : value;\n\nexport const stepIsActive = (\n  step: number | string | number[],\n  type: string,\n  disabled: boolean = false,\n) => {\n  if (type !== 'number' || disabled) {\n    return false;\n  }\n\n  return (\n    (typeof step === 'number' && step > 0) ||\n    (typeof step === 'string' && Number(step) > 0) ||\n    (Array.isArray(step) && !!step.length)\n  );\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","getTypeForRender","type","passwordVisible","getValueByStep","Array","isArray","inputValue","stepIsActive","disabled"],"sources":["../../../../../src/components/TextField/helpers.ts"],"sourcesContent":["import { IconPropSize } from '@consta/icons/Icon';\n\nimport { TextFieldPropSize, TextFieldPropValue } 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 getTypeForRender = (type: string, passwordVisible: boolean) => {\n  if (type !== 'password') {\n    return type;\n  }\n  if (passwordVisible) {\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\nexport const inputValue = (value?: TextFieldPropValue) =>\n  value === null ? '' : value;\n\nexport const stepIsActive = (\n  step: number | string | number[],\n  type: string,\n  disabled: boolean = false,\n) => {\n  if (type !== 'number' || disabled) {\n    return false;\n  }\n\n  return (\n    (typeof step === 'number' && step > 0) ||\n    (typeof step === 'string' && Number(step) > 0) ||\n    (Array.isArray(step) && !!step.length)\n  );\n};\n"],"mappings":"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"}

package/__internal__/src/components/TextFieldCanary/{TextField.js → TextFieldCanary.js}

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      incrementButtons,\n      max,\n      min,\n      step,\n      // onkey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeNumber.js","names":["React","forwardRef","useCallback","useMemo","FieldClearButton","FieldControlLayout","FieldCounter","FieldInput","renderSide","useForkRef","useKeys","useMutableRef","useSortSteps","useTextField","cnTextFieldTypeNumber","getValueByStep","stepIsActive","TextFieldTypeNumber","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","incrementButtons","max","min","step","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","mutableRefs","setWithValue","sortSteps","refs","changeNumberValue","e","isIncrement","current","newValue","on","handleIncrementButton","handleDecrementButton","handleInputKeyDown","isActive","keys","ArrowUp","preventDefault","ArrowDown","onEvent","handleWheel","blur"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeNumber/TextFieldTypeNumber.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from 'react';\n\nimport {\n  FieldClearButton,\n  FieldControlLayout,\n  FieldCounter,\n  FieldInput,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { useSortSteps } from '##/hooks/useSortSteps';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeNumber } from './cnTextFieldTypeNumber';\nimport { getValueByStep, stepIsActive } from './helpers';\n\nexport const TextFieldTypeNumber: TextFieldTypeComponent<'number'> = forwardRef(\n  (props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      withClearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      incrementButtons,\n      max,\n      min,\n      step,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n      mutableRefs,\n      setWithValue,\n    } = useTextField({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const sortSteps = useSortSteps({ step, min, max });\n\n    const refs = useMutableRef([\n      sortSteps,\n      min,\n      max,\n      onKeyDown,\n      stepIsActive(sortSteps, disabled),\n      onWheel,\n    ] as const);\n\n    const changeNumberValue = useCallback(\n      <T extends React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent>(\n        e: T,\n        isIncrement: boolean,\n      ) => {\n        if (!inputRef.current || mutableRefs.current[4]) {\n          return;\n        }\n\n        const newValue = getValueByStep(\n          refs.current[0],\n          inputRef.current.value,\n          isIncrement,\n          refs.current[1],\n          refs.current[2],\n        );\n\n        mutableRefs.current[0]?.(newValue, { e });\n\n        inputRef.current.value = newValue;\n        setWithValue.on();\n      },\n      [],\n    );\n\n    const handleIncrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, true),\n      [],\n    );\n\n    const handleDecrementButton = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => changeNumberValue(e, false),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys(\n      useMemo(\n        () => ({\n          isActive: true,\n          keys: {\n            ArrowUp: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, true);\n            },\n            ArrowDown: (e) => {\n              e.preventDefault();\n              refs.current[4] && changeNumberValue(e, false);\n            },\n          },\n          onEvent: refs.current[3],\n        }),\n        [],\n      ),\n    );\n\n    const handleWheel = useCallback((e: React.WheelEvent<HTMLInputElement>) => {\n      if (refs.current[5]) {\n        refs.current[5](e);\n      } else {\n        inputRef.current?.blur();\n      }\n    }, []);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeNumber({ incrementButtons }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          withClearButton && !disabled && withValue && !incrementButtons && (\n            <FieldClearButton size={size} onClick={handleClear} />\n          ),\n          incrementButtons && refs.current[4] && (\n            <FieldCounter\n              onIncrementClick={handleIncrementButton}\n              onIncrementFocus={handleFocus}\n              onDecrementClick={handleDecrementButton}\n              onDecrementFocus={handleFocus}\n            />\n          ),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n      >\n        <FieldInput\n          className={cnTextFieldTypeNumber('Input')}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          defaultValue={defaultValue || undefined}\n          value={value === null ? '' : value}\n          ref={useForkRef([inputRefProp, inputRef])}\n          readOnly={readOnly}\n          tabIndex={tabIndex}\n          aria-label={ariaLabel}\n          onKeyDown={handleInputKeyDown}\n          onKeyDownCapture={onKeyDownCapture}\n          onKeyUp={onKeyUp}\n          onKeyUpCapture={onKeyUpCapture}\n          onWheel={handleWheel}\n          maxLength={maxLength}\n          disabled={disabled}\n          type={type}\n          max={max}\n          min={min}\n          id={id}\n          name={name}\n          onCopy={onCopy}\n          onCopyCapture={onCopyCapture}\n          onCut={onCut}\n          onCutCapture={onCutCapture}\n          onPaste={onPaste}\n          onPasteCapture={onPasteCapture}\n        />\n      </FieldControlLayout>\n    );\n  },\n);\n"],"mappings":"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"}

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

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

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

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

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

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

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

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

package/__internal__/src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.css

@@ -1,3 +1,3 @@
-.TextFieldTypeTextArea{--text-field-textarea-padding:calc((var(--text-field-textarea-slot-sizes-lenght) + 1)*var(--field-control-layout-space) + var(--text-field-textarea-slot-sizes-width));--text-field-textarea-vertical-padding:calc((var(--field-control-layout-slot-height) - var(--field-control-layout-text-line-height))/2);--text-field-textarea-control-heigth:var(
-      --text-field-heigth,var(--field-control-layout-height)
-    );--text-field-textarea-heigth-calc:calc(var(--text-field-textarea-control-heigth) - var(--field-control-layout-border-width)*2);--text-field-textarea-min-heigth:var(--text-field-textarea-heigth-calc)}.TextFieldTypeTextArea_resize{--text-field-textarea-resize:vertical}.TextFieldTypeTextArea_resize_auto{--text-field-textarea-heigth:var(--text-field-textarea-heigth-calc)}.TextFieldTypeTextArea-TextArea{height:var(--text-field-textarea-heigth,auto);line-height:var(--field-control-layout-text-line-height);min-height:var(--text-field-textarea-min-heigth);padding-bottom:var(--text-field-textarea-vertical-padding);padding-right:var(--text-field-textarea-padding,0);padding-top:var(--text-field-textarea-vertical-padding);resize:var(--text-field-textarea-resize,none);width:calc(100% + var(--text-field-textarea-padding))}
+.TextFieldTypeTextArea{--text-field-textarea-padding:calc((var(--text-field-textarea-slot-sizes-length) + 1)*var(--field-control-layout-space) + var(--text-field-textarea-slot-sizes-width));--text-field-textarea-vertical-padding:calc((var(--field-control-layout-slot-height) - var(--field-control-layout-text-line-height))/2);--text-field-textarea-control-height:var(
+      --text-field-height,var(--field-control-layout-height)
+    );--text-field-textarea-height-calc:calc(var(--text-field-textarea-control-height) - var(--field-control-layout-border-width)*2);--text-field-textarea-min-height:var(--text-field-textarea-height-calc)}.TextFieldTypeTextArea_resize{--text-field-textarea-resize:vertical}.TextFieldTypeTextArea_resize_auto{--text-field-textarea-height:var(--text-field-textarea-height-calc)}.TextFieldTypeTextArea-TextArea{height:var(--text-field-textarea-height,auto);line-height:var(--field-control-layout-text-line-height);min-height:var(--text-field-textarea-min-height);padding-bottom:var(--text-field-textarea-vertical-padding);padding-right:var(--text-field-textarea-padding,0);padding-top:var(--text-field-textarea-vertical-padding);resize:var(--text-field-textarea-resize,none);width:calc(100% + var(--text-field-textarea-padding))}

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear"];import"./TextFieldTypeTextArea.css";import React,{forwardRef}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{cnFieldInput,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{useTextField}from"../useTextField";export var cnTextFieldTypeTextArea=cn("TextFieldTypeTextArea");export var TextFieldTypeTextArea=forwardRef(function(a,b){var c,d=a.className,e=a.value,f=a.defaultValue,g=a.onChange,h=a.id,i=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.resize,H=a.rows,I=a.minRows,J=a.maxRows,K=a.onKeyDown,L=a.onKeyDownCapture,M=a.onKeyUp,N=a.onKeyUpCapture,O=a.onCopy,P=a.onCopyCapture,Q=a.onCut,R=a.onCutCapture,S=a.onPaste,T=a.onPasteCapture,U=a.onClear,V=_objectWithoutProperties(a,_excluded),W=useTextField({onClick:F,onChange:g,onBlur:s,onFocus:t,disabled:l,onClear:U}),X=W.handleBlur,Y=W.handleChange,Z=W.handleClear,$=W.handleFocus,_=W.focused,aa=W.withValue,ba=W.ref,ca=W.inputRef,da=W.handleClick,ea=useRefs(2,[!!x,z&&!l&&aa]),fa=useResizeObserved(ea,getElementWidth),ga={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:X,onChange:Y,onFocus:$,defaultValue:f||void 0,value:null===e?"":e,ref:useForkRef([j,ca]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:K,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,maxLength:k,disabled:l,id:h,name:i,autoFocus:u,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T};return React.createElement(FieldControlLayout,Object.assign({},V,{className:cnTextFieldTypeTextArea({resize:G},[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&aa&&React.createElement(FieldClearButton,{size:n,onClick:Z}),renderSide(x,n,E)],focused:_,view:p,ref:useForkRef([b,ba]),disabled:l,onClick:da,style:(c={},_defineProperty(c,"--text-field-textarea-slot-sizes-width","".concat(fa.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarea-slot-sizes-lenght",fa.filter(function(a){return!!a}).length),c),rightSlotsRefs:ea}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ga,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ga,{rows:H})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","value","defaultValue","onChange","id","name","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel"];import"./TextFieldTypeTextArea.css";import React,{forwardRef}from"react";import TextAreaAutoSize from"react-textarea-autosize";import{cnFieldInput,FieldClearButton,FieldControlLayout,renderSide}from"../../FieldComponents";import{useForkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cn}from"../../../utils/bem";import{useTextField}from"../useTextField";export var cnTextFieldTypeTextArea=cn("TextFieldTypeTextArea");export var TextFieldTypeTextArea=forwardRef(function(a,b){var c,d=a.className,e=a.value,f=a.defaultValue,g=a.onChange,h=a.id,i=a.name,j=a.inputRef,k=a.maxLength,l=a.disabled,m=a.size,n=void 0===m?"m":m,o=a.view,p=void 0===o?"default":o,q=a.form,r=a.status,s=a.onBlur,t=a.onFocus,u=a.autoFocus,v=a.placeholder,w=a.leftSide,x=a.rightSide,y=a.autoComplete,z=a.withClearButton,A=a.readOnly,B=a.type,C=a.tabIndex,D=a.ariaLabel,E=a.iconSize,F=a.onClick,G=a.resize,H=a.rows,I=a.minRows,J=a.maxRows,K=a.onKeyDown,L=a.onKeyDownCapture,M=a.onKeyUp,N=a.onKeyUpCapture,O=a.onCopy,P=a.onCopyCapture,Q=a.onCut,R=a.onCutCapture,S=a.onPaste,T=a.onPasteCapture,U=a.onClear,V=a.onWheel,W=_objectWithoutProperties(a,_excluded),X=useTextField({onClick:F,onChange:g,onBlur:s,onFocus:t,disabled:l,onClear:U}),Y=X.handleBlur,Z=X.handleChange,$=X.handleClear,_=X.handleFocus,aa=X.focused,ba=X.withValue,ca=X.ref,da=X.inputRef,ea=X.handleClick,fa=useRefs(2,[!!x,z&&!l&&ba]),ga=useResizeObserved(fa,getElementWidth),ha={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:Y,onChange:Z,onFocus:_,defaultValue:f||void 0,value:null===e?"":e,ref:useForkRef([j,da]),readOnly:A,tabIndex:C,"aria-label":D,onKeyDown:K,onKeyDownCapture:L,onKeyUp:M,onKeyUpCapture:N,maxLength:k,disabled:l,id:h,name:i,autoFocus:u,onCopy:O,onCopyCapture:P,onCut:Q,onCutCapture:R,onPaste:S,onPasteCapture:T,onWheel:V};return React.createElement(FieldControlLayout,Object.assign({},W,{className:cnTextFieldTypeTextArea({resize:G},[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ba&&React.createElement(FieldClearButton,{size:n,onClick:$}),renderSide(x,n,E)],focused:aa,view:p,ref:useForkRef([b,ca]),disabled:l,onClick:ea,style:(c={},_defineProperty(c,"--text-field-textarea-slot-sizes-width","".concat(ga.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarea-slot-sizes-length",ga.filter(function(a){return!!a}).length),c),rightSlotsRefs:fa}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ha,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ha,{rows:H})))});
 //# sourceMappingURL=TextFieldTypeTextArea.js.map