@consta/uikit 5.18.0 → 5.19.0

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","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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"}
+{"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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","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      clearButton,\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      iconClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = 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          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\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.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","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})))});
+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","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear"];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.clearButton,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=a.iconClear,X=_objectWithoutProperties(a,_excluded),Y=useTextField({onClick:F,onChange:g,onBlur:s,onFocus:t,disabled:l,onClear:U}),Z=Y.handleBlur,$=Y.handleChange,_=Y.handleClear,aa=Y.handleFocus,ba=Y.focused,ca=Y.withValue,da=Y.ref,ea=Y.inputRef,fa=Y.handleClick,ga=useRefs(2,[!!x,z&&!l&&ca]),ha=useResizeObserved(ga,getElementWidth),ia={className:cnTextFieldTypeTextArea("TextArea",[cnFieldInput(),cnMixScrollBar({size:"xs",trackSize:"native"})]),placeholder:v,autoComplete:y,onBlur:Z,onChange:$,onFocus:aa,defaultValue:f||void 0,value:null===e?"":e,ref:useForkRef([j,ea]),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({},X,{className:cnTextFieldTypeTextArea({resize:G},[d]),form:q,status:r,size:n,leftSide:renderSide(w,n,E),rightSide:[z&&!l&&ca&&React.createElement(FieldClearButton,{size:n,onClick:_,icon:W}),renderSide(x,n,E)],focused:ba,view:p,ref:useForkRef([b,da]),disabled:l,onClick:fa,style:(c={},_defineProperty(c,"--text-field-textarea-slot-sizes-width","".concat(ha.reduce(function(c,a){return c+a}),"px")),_defineProperty(c,"--text-field-textarea-slot-sizes-length",ha.filter(function(a){return!!a}).length),c),rightSlotsRefs:ga}),"auto"===G?React.createElement(TextAreaAutoSize,Object.assign({},ia,{minRows:I||H,maxRows:J||H})):React.createElement("textarea",Object.assign({},ia,{rows:H})))});
 //# sourceMappingURL=TextFieldTypeTextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeTextArea.js","names":["React","forwardRef","TextAreaAutoSize","cnFieldInput","FieldClearButton","FieldControlLayout","renderSide","useForkRef","useRefs","getElementWidth","useResizeObserved","cnMixScrollBar","cn","useTextField","cnTextFieldTypeTextArea","TextFieldTypeTextArea","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","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","rightSlotsRefs","slotSizes","textareaProps","trackSize","reduce","a","b","filter","width","length"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.tsx"],"sourcesContent":["import './TextFieldTypeTextArea.css';\n\nimport React, { forwardRef } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport {\n  cnFieldInput,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\n\nexport const cnTextFieldTypeTextArea = cn('TextFieldTypeTextArea');\n\nexport const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'> =\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      resize,\n      rows,\n      minRows,\n      maxRows,\n\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<HTMLTextAreaElement>({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      withClearButton && !disabled && withValue,\n    ]);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const textareaProps = {\n      'className': cnTextFieldTypeTextArea('TextArea', [\n        cnFieldInput(),\n        cnMixScrollBar({ size: 'xs', trackSize: 'native' }),\n      ]),\n      placeholder,\n      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,\n      tabIndex,\n      'aria-label': ariaLabel,\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      maxLength,\n      disabled,\n      id,\n      name,\n      autoFocus,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onWheel,\n    };\n\n    const textAreaNoAutoSizeProps = {\n      rows,\n    };\n\n    const textAreaAutoSizeProps = {\n      minRows: minRows || rows,\n      maxRows: maxRows || rows,\n    };\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArea({ resize }, [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        style={{\n          ['--text-field-textarea-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarea-slot-sizes-length' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n        rightSlotsRefs={rightSlotsRefs}\n      >\n        {resize === 'auto' ? (\n          <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n        ) : (\n          <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n        )}\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeTextArea.js","names":["React","forwardRef","TextAreaAutoSize","cnFieldInput","FieldClearButton","FieldControlLayout","renderSide","useForkRef","useRefs","getElementWidth","useResizeObserved","cnMixScrollBar","cn","useTextField","cnTextFieldTypeTextArea","TextFieldTypeTextArea","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","disabled","size","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","resize","rows","minRows","maxRows","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","handleClear","handleFocus","focused","withValue","ref","handleClick","rightSlotsRefs","slotSizes","textareaProps","trackSize","reduce","a","b","filter","width","length"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArea/TextFieldTypeTextArea.tsx"],"sourcesContent":["import './TextFieldTypeTextArea.css';\n\nimport React, { forwardRef } from 'react';\nimport TextAreaAutoSize from 'react-textarea-autosize';\n\nimport {\n  cnFieldInput,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cn } from '##/utils/bem';\n\nimport { TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\n\nexport const cnTextFieldTypeTextArea = cn('TextFieldTypeTextArea');\n\nexport const TextFieldTypeTextArea: TextFieldTypeComponent<'textarea'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      resize,\n      rows,\n      minRows,\n      maxRows,\n\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      iconClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear,\n      handleFocus,\n      focused,\n      withValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField<HTMLTextAreaElement>({\n      onClick,\n      onChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      clearButton && !disabled && withValue,\n    ]);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const textareaProps = {\n      'className': cnTextFieldTypeTextArea('TextArea', [\n        cnFieldInput(),\n        cnMixScrollBar({ size: 'xs', trackSize: 'native' }),\n      ]),\n      placeholder,\n      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,\n      tabIndex,\n      'aria-label': ariaLabel,\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      maxLength,\n      disabled,\n      id,\n      name,\n      autoFocus,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onWheel,\n    };\n\n    const textAreaNoAutoSizeProps = {\n      rows,\n    };\n\n    const textAreaAutoSizeProps = {\n      minRows: minRows || rows,\n      maxRows: maxRows || rows,\n    };\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArea({ resize }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={handleClear}\n              icon={iconClear}\n            />\n          ),\n          renderSide(rightSide, size, iconSize),\n        ]}\n        focused={focused}\n        view={view}\n        ref={useForkRef([componentRef, ref])}\n        disabled={disabled}\n        onClick={handleClick}\n        style={{\n          ['--text-field-textarea-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarea-slot-sizes-length' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n        rightSlotsRefs={rightSlotsRefs}\n      >\n        {resize === 'auto' ? (\n          <TextAreaAutoSize {...textareaProps} {...textAreaAutoSizeProps} />\n        ) : (\n          <textarea {...textareaProps} {...textAreaNoAutoSizeProps} />\n        )}\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

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

@@ -1 +1 @@
-.TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--text-field-textarray-slot-sizes-length) + 1)*var(--field-control-layout-space) + var(--text-field-textarray-slot-sizes-width));--text-field-textarray-scroll-wrapper-height:calc(var(--text-field-textarray-max-height) - var(--field-control-layout-border-width)*2)}.TextFieldTypeTextArray-ScrollWrapper{max-height:var(--text-field-textarray-scroll-wrapper-height);overflow:auto;padding-right:var(--text-field-textarray-padding,0);width:calc(100% + var(--text-field-textarray-padding))}
+.TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--field-control-layout-right-slots-length) + 1)*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width));--text-field-textarray-scroll-wrapper-height:calc(var(--text-field-textarray-max-height) - var(--field-control-layout-border-width)*2)}.TextFieldTypeTextArray-ScrollWrapper{max-height:var(--text-field-textarray-scroll-wrapper-height);overflow:auto;padding-right:var(--text-field-textarray-padding,0);width:calc(100% + var(--text-field-textarray-padding))}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","useRefs","getElementWidth","useResizeObserved","getStyleProps","cnMixScrollBar","useTextField","cnTextFieldTypeTextArray","defaultRenderValueItem","item","index","size","disabled","onRemove","TextFieldTypeTextArray","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","withClearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controlRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","target","scrollTo","top","scrollHeight","Backspace","currentValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","rightSlotsRefs","controlSize","slotSizes","stylesRoot","height","reduce","a","b","filter","width"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  FieldArrayValueInlineControl,\n  FieldArrayValueItem,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys, UseKeysPropKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\nimport { getStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { TextFieldPropRenderValueItem, TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeTextArray } from './cnTextFieldTypeTextArray';\n\nconst defaultRenderValueItem: TextFieldPropRenderValueItem = ({\n  item,\n  index,\n  size,\n  disabled,\n  onRemove,\n}) => (\n  <FieldArrayValueItem\n    key={index}\n    size={size}\n    label={item}\n    disabled={disabled}\n    onRemove={onRemove}\n  />\n);\n\nexport const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'> =\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      style,\n      inputValue,\n      renderValueItem = defaultRenderValueItem,\n      onInputChange,\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: inputHandleClear,\n      handleFocus,\n      focused,\n      withValue: withInputValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange: onInputChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear: undefined,\n    });\n\n    const withValue = withInputValue || !!value?.length;\n\n    const controlRef = useRef<HTMLDivElement>(null);\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const mutableRefs = useMutableRef([\n      onChange,\n      inputHandleClear,\n      value,\n    ] as const);\n\n    const getRemoveItem = (index: number) => (e: React.MouseEvent) => {\n      if (value?.length) {\n        const newValue = [...value];\n        newValue.splice(index, 1);\n        onChange?.(newValue.length ? newValue : null, { e });\n      }\n    };\n\n    const handleClear = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        mutableRefs.current[1](e);\n        if (mutableRefs.current[2]?.length) {\n          mutableRefs.current[0]?.(null, { e });\n        }\n      },\n      [],\n    );\n\n    const keys: UseKeysPropKeys<HTMLInputElement> = useMemo(\n      () => ({\n        Enter: (e) => {\n          const stringValue = e.target.value;\n          if (stringValue) {\n            mutableRefs.current[0]?.(\n              [...(mutableRefs.current[2] || []), stringValue],\n              {\n                e,\n              },\n            );\n\n            if (\n              controlRef.current &&\n              typeof controlRef.current.scrollTo === 'function'\n            ) {\n              controlRef.current.scrollTo({\n                top: controlRef.current.scrollHeight,\n              });\n            }\n          }\n        },\n        Backspace: (e) => {\n          const stringValue = e.target.value;\n          const currentValue = mutableRefs.current[2];\n\n          if (!stringValue && currentValue?.length) {\n            e.preventDefault();\n            const newValue = [...currentValue];\n            newValue.pop();\n            mutableRefs.current[0]?.(newValue, {\n              e,\n            });\n          }\n        },\n      }),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<HTMLInputElement>({\n      isActive: !!onChange,\n      keys,\n      onEvent: onKeyDown,\n    });\n\n    const rightSlotsRefs = useRefs<HTMLDivElement>(2, [\n      !!rightSide,\n      withClearButton && !disabled && withValue,\n    ]);\n\n    const controlSize = useComponentSize(controlRef);\n\n    const slotSizes = useResizeObserved(rightSlotsRefs, getElementWidth);\n\n    const stylesRoot: Record<'max-height' | 'height', string> | undefined =\n      ref.current\n        ? getStyleProps(ref.current, ['max-height', 'height'])\n        : undefined;\n\n    useEffect(() => {\n      if (controlRef.current && scrollWrapperRef.current && focused) {\n        scrollWrapperRef.current.scrollTo({\n          top: controlSize.height,\n        });\n      }\n    }, [controlSize.height]);\n\n    useEffect(() => {\n      if (inputRef.current && inputRef.current.value !== inputValue) {\n        inputRef.current.value = inputValue || '';\n      }\n    }, [inputValue, inputRef.current]);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArray(null, [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={onClear || 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        rightSlotsRefs={rightSlotsRefs}\n        style={{\n          ...style,\n          ['--text-field-textarray-max-height' as string]:\n            stylesRoot?.['max-height'] || stylesRoot?.height || 'auto',\n          ['--text-field-textarray-slot-sizes-width' as string]: `${slotSizes.reduce(\n            (a, b) => a + b,\n          )}px`,\n          ['--text-field-textarray-slot-sizes-length' as string]:\n            slotSizes.filter((width) => !!width).length,\n        }}\n      >\n        <div\n          ref={scrollWrapperRef}\n          className={cnTextFieldTypeTextArray('ScrollWrapper', [\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n        >\n          <FieldArrayValueInlineControl\n            size={size}\n            inputRef={useForkRef([inputRef, inputRefProp])}\n            value={value ?? undefined}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            autoFocus={autoFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controlRef}\n            placeholder={placeholder}\n            renderValue={(item, index) =>\n              renderValueItem({\n                item,\n                index,\n                size,\n                disabled,\n                onRemove: getRemoveItem(index),\n              })\n            }\n            onCopy={onCopy}\n            onCopyCapture={onCopyCapture}\n            onCut={onCut}\n            onCutCapture={onCutCapture}\n            onPaste={onPaste}\n            onPasteCapture={onPasteCapture}\n            inputTabIndex={tabIndex}\n            onKeyDownCapture={onKeyDownCapture}\n            onKeyUp={onKeyUp}\n            onKeyUpCapture={onKeyUpCapture}\n            onWheel={onWheel}\n          />\n        </div>\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}
+{"version":3,"file":"TextFieldTypeTextArray.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useRef","FieldArrayValueInlineControl","FieldArrayValueItem","FieldClearButton","FieldControlLayout","renderSide","useComponentSize","useForkRef","useKeys","useMutableRef","getStyleProps","cnMixScrollBar","useTextField","cnTextFieldTypeTextArray","defaultRenderValueItem","item","index","size","disabled","onRemove","TextFieldTypeTextArray","props","componentRef","className","value","defaultValue","onChange","id","name","inputRefProp","inputRef","maxLength","view","form","status","onBlur","onFocus","autoFocus","placeholder","leftSide","rightSide","autoComplete","clearButton","readOnly","type","tabIndex","ariaLabel","iconSize","onClick","style","inputValue","renderValueItem","onInputChange","onKeyDown","onKeyDownCapture","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onClear","onWheel","iconClear","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controlRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","target","scrollTo","top","scrollHeight","Backspace","currentValue","preventDefault","pop","handleInputKeyDown","isActive","onEvent","controlSize","stylesRoot","height","items","map"],"sources":["../../../../../../src/components/TextFieldCanary/TextFieldTypeTextArray/TextFieldTypeTextArray.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport {\n  FieldArrayValueInlineControl,\n  FieldArrayValueItem,\n  FieldClearButton,\n  FieldControlLayout,\n  renderSide,\n} from '##/components/FieldComponents';\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useKeys, UseKeysPropKeys } from '##/hooks/useKeys';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { getStyleProps } from '##/hooks/useStyleProps';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { TextFieldPropRenderValueItem, TextFieldTypeComponent } from '../types';\nimport { useTextField } from '../useTextField';\nimport { cnTextFieldTypeTextArray } from './cnTextFieldTypeTextArray';\n\nconst defaultRenderValueItem: TextFieldPropRenderValueItem = ({\n  item,\n  index,\n  size,\n  disabled,\n  onRemove,\n}) => (\n  <FieldArrayValueItem\n    key={index}\n    size={size}\n    label={item}\n    disabled={disabled}\n    onRemove={onRemove}\n  />\n);\n\nexport const TextFieldTypeTextArray: TextFieldTypeComponent<'textarray'> =\n  forwardRef((props, componentRef) => {\n    const {\n      className,\n      value,\n      defaultValue,\n      onChange,\n      id,\n      name,\n      inputRef: inputRefProp,\n      maxLength,\n      disabled,\n      size = 'm',\n      view = 'default',\n      form,\n      status,\n      onBlur,\n      onFocus,\n      autoFocus,\n      placeholder,\n      leftSide,\n      rightSide,\n      autoComplete,\n      clearButton,\n      readOnly,\n      type,\n      tabIndex,\n      ariaLabel,\n      iconSize,\n      onClick,\n      style,\n      inputValue,\n      renderValueItem = defaultRenderValueItem,\n      onInputChange,\n      // onKey props\n      onKeyDown,\n      onKeyDownCapture,\n      onKeyUp,\n      onKeyUpCapture,\n      onCopy,\n      onCopyCapture,\n      onCut,\n      onCutCapture,\n      onPaste,\n      onPasteCapture,\n      onClear,\n      onWheel,\n      iconClear,\n      ...otherProps\n    } = props;\n\n    const {\n      handleBlur,\n      handleChange,\n      handleClear: inputHandleClear,\n      handleFocus,\n      focused,\n      withValue: withInputValue,\n      ref,\n      inputRef,\n      handleClick,\n    } = useTextField({\n      onClick,\n      onChange: onInputChange,\n      onBlur,\n      onFocus,\n      disabled,\n      onClear: undefined,\n    });\n\n    const withValue = withInputValue || !!value?.length;\n\n    const controlRef = useRef<HTMLDivElement>(null);\n    const scrollWrapperRef = useRef<HTMLDivElement>(null);\n\n    const mutableRefs = useMutableRef([\n      onChange,\n      inputHandleClear,\n      value,\n    ] as const);\n\n    const getRemoveItem = (index: number) => (e: React.MouseEvent) => {\n      if (value?.length) {\n        const newValue = [...value];\n        newValue.splice(index, 1);\n        onChange?.(newValue.length ? newValue : null, { e });\n      }\n    };\n\n    const handleClear = useCallback(\n      (e: React.MouseEvent<HTMLButtonElement>) => {\n        mutableRefs.current[1](e);\n        if (mutableRefs.current[2]?.length) {\n          mutableRefs.current[0]?.(null, { e });\n        }\n      },\n      [],\n    );\n\n    const keys: UseKeysPropKeys<HTMLInputElement> = useMemo(\n      () => ({\n        Enter: (e) => {\n          const stringValue = e.target.value;\n          if (stringValue) {\n            mutableRefs.current[0]?.(\n              [...(mutableRefs.current[2] || []), stringValue],\n              {\n                e,\n              },\n            );\n\n            if (\n              controlRef.current &&\n              typeof controlRef.current.scrollTo === 'function'\n            ) {\n              controlRef.current.scrollTo({\n                top: controlRef.current.scrollHeight,\n              });\n            }\n          }\n        },\n        Backspace: (e) => {\n          const stringValue = e.target.value;\n          const currentValue = mutableRefs.current[2];\n\n          if (!stringValue && currentValue?.length) {\n            e.preventDefault();\n            const newValue = [...currentValue];\n            newValue.pop();\n            mutableRefs.current[0]?.(newValue, {\n              e,\n            });\n          }\n        },\n      }),\n      [],\n    );\n\n    const handleInputKeyDown = useKeys<HTMLInputElement>({\n      isActive: !!onChange,\n      keys,\n      onEvent: onKeyDown,\n    });\n\n    const controlSize = useComponentSize(controlRef);\n\n    const stylesRoot: Record<'max-height' | 'height', string> | undefined =\n      ref.current\n        ? getStyleProps(ref.current, ['max-height', 'height'])\n        : undefined;\n\n    useEffect(() => {\n      if (controlRef.current && scrollWrapperRef.current && focused) {\n        scrollWrapperRef.current.scrollTo({\n          top: controlSize.height,\n        });\n      }\n    }, [controlSize.height]);\n\n    useEffect(() => {\n      if (inputRef.current && inputRef.current.value !== inputValue) {\n        inputRef.current.value = inputValue || '';\n      }\n    }, [inputValue, inputRef.current]);\n\n    return (\n      <FieldControlLayout\n        {...otherProps}\n        className={cnTextFieldTypeTextArray({ withValue }, [className])}\n        form={form}\n        status={status}\n        size={size}\n        leftSide={renderSide(leftSide, size, iconSize)}\n        rightSide={[\n          clearButton && !disabled && withValue && (\n            <FieldClearButton\n              size={size}\n              onClick={onClear || handleClear}\n              icon={iconClear}\n            />\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        style={{\n          ...style,\n          ['--text-field-textarray-max-height' as string]:\n            stylesRoot?.['max-height'] || stylesRoot?.height || 'auto',\n        }}\n      >\n        <div\n          ref={scrollWrapperRef}\n          className={cnTextFieldTypeTextArray('ScrollWrapper', [\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n        >\n          <FieldArrayValueInlineControl\n            size={size}\n            inputRef={useForkRef([inputRef, inputRefProp])}\n            value={value ?? undefined}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onChange={handleChange}\n            autoFocus={autoFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controlRef}\n            placeholder={placeholder}\n            renderValue={(items) =>\n              items.map((item, index) =>\n                renderValueItem({\n                  item,\n                  index,\n                  size,\n                  disabled,\n                  onRemove: getRemoveItem(index),\n                }),\n              )\n            }\n            onCopy={onCopy}\n            onCopyCapture={onCopyCapture}\n            onCut={onCut}\n            onCutCapture={onCutCapture}\n            onPaste={onPaste}\n            onPasteCapture={onPasteCapture}\n            inputTabIndex={tabIndex}\n            onKeyDownCapture={onKeyDownCapture}\n            onKeyUp={onKeyUp}\n            onKeyUpCapture={onKeyUpCapture}\n            onWheel={onWheel}\n            disabled={disabled}\n            inputDefaultValue={inputValue || ''}\n          />\n        </div>\n      </FieldControlLayout>\n    );\n  });\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { AutoCompete } from '##/utils/types/AutoComplete';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue<TYPE> = TYPE extends 'textarray'\n  ? string[] | null\n  : string | null;\n\nexport type TextFieldPropDefaultValue<TYPE> = TYPE extends 'textarray'\n  ? never\n  : string | null;\n\nexport type TextFieldPropSize = FieldPropSize;\n\nexport type TextFieldPropOnChange<TYPE> = (\n  value: TextFieldPropValue<TYPE>,\n  params: {\n    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\ntype InputType<TYPE extends string> = TYPE extends 'textarea'\n  ? HTMLTextAreaElement\n  : HTMLInputElement;\n\ntype TextFieldPropsTypeTextArea<TYPE> = TYPE extends 'textarea'\n  ? {\n      resize?: boolean | 'auto';\n    } & (\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n    )\n  : {};\n\nexport type TextFieldPropRenderValueItem = (props: {\n  item: string;\n  index: number;\n  onRemove: (e: React.MouseEvent) => void;\n  size: FieldPropSize;\n  disabled: boolean | undefined;\n}) => React.ReactNode;\n\ntype TextFieldPropsTypeTextArray<TYPE> = TYPE extends 'textarray'\n  ? {\n      renderValueItem?: TextFieldPropRenderValueItem;\n      inputValue?: string | null;\n      onInputChange?: TextFieldPropOnChange<string>;\n    }\n  : {};\n\ntype TextFieldPropsTypeNumber<TYPE> = TYPE extends 'number'\n  ? {\n      max?: number | string;\n      min?: number | string;\n      step?: number | string | number[];\n      incrementButtons?: boolean;\n    }\n  : {};\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<\n  {\n    className?: string;\n    value?: TextFieldPropValue<TYPE>;\n    defaultValue?: TextFieldPropDefaultValue<TYPE>;\n    onChange?: TextFieldPropOnChange<TYPE>;\n    id?: string;\n    name?: string;\n    type?: TYPE;\n    disabled?: boolean;\n    mixLength?: number;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: FieldPropView;\n    form?: FieldPropForm;\n    status?: FieldPropStatus;\n    onFocus?: React.FocusEventHandler<InputType<TYPE>>;\n    onBlur?: React.FocusEventHandler<InputType<TYPE>>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    withClearButton?: boolean;\n    autoComplete?: AutoCompete;\n    readOnly?: boolean;\n    tabIndex?: number;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    onClear?: React.MouseEventHandler<HTMLButtonElement>;\n    inputRef?: React.Ref<InputType<TYPE>>;\n    onKeyUp?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyUpCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDown?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDownCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onCopy?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCopyCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCut?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCutCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPaste?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPasteCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onWheel?: React.WheelEventHandler<InputType<TYPE>>;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTypeTextArea<TYPE> &\n  TextFieldPropsTypeTextArray<TYPE> &\n  TextFieldPropsTypeNumber<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type TextFieldTypeComponent<TYPE extends string> = (\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { AutoCompete } from '##/utils/types/AutoComplete';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type TextFieldPropValue<TYPE> = TYPE extends 'textarray'\n  ? string[] | null\n  : string | null;\n\nexport type TextFieldPropDefaultValue<TYPE> = TYPE extends 'textarray'\n  ? never\n  : string | null;\n\nexport type TextFieldPropSize = FieldPropSize;\n\nexport type TextFieldPropOnChange<TYPE> = (\n  value: TextFieldPropValue<TYPE>,\n  params: {\n    e: React.ChangeEvent | React.MouseEvent | React.KeyboardEvent;\n  },\n) => void;\n\ntype InputType<TYPE extends string> = TYPE extends 'textarea'\n  ? HTMLTextAreaElement\n  : HTMLInputElement;\n\ntype TextFieldPropsTypeTextArea<TYPE> = TYPE extends 'textarea'\n  ? {\n      resize?: boolean | 'auto';\n    } & (\n      | {\n          minRows?: never;\n          maxRows?: never;\n          rows?: number;\n        }\n      | {\n          rows?: never;\n          minRows?: number;\n          maxRows?: number;\n        }\n    )\n  : {};\n\nexport type TextFieldPropRenderValueItem = (props: {\n  item: string;\n  index: number;\n  onRemove: (e: React.MouseEvent) => void;\n  size: FieldPropSize;\n  disabled: boolean | undefined;\n}) => React.ReactNode;\n\ntype TextFieldPropsTypeTextArray<TYPE> = TYPE extends 'textarray'\n  ? {\n      renderValueItem?: TextFieldPropRenderValueItem;\n      inputValue?: string | null;\n      onInputChange?: TextFieldPropOnChange<string>;\n    }\n  : {};\n\ntype TextFieldPropsTypeNumber<TYPE> = TYPE extends 'number'\n  ? {\n      max?: number | string;\n      min?: number | string;\n      step?: number | string | number[];\n      incrementButtons?: boolean;\n    }\n  : {};\n\ntype TextFieldPropsTypePassword<TYPE> = TYPE extends 'password'\n  ? {\n      iconShowPassword?: IconComponent;\n      iconHidePassword?: IconComponent;\n    }\n  : {};\n\nexport type TextFieldProps<TYPE extends string> = PropsWithHTMLAttributesAndRef<\n  {\n    className?: string;\n    value?: TextFieldPropValue<TYPE>;\n    defaultValue?: TextFieldPropDefaultValue<TYPE>;\n    onChange?: TextFieldPropOnChange<TYPE>;\n    id?: string;\n    name?: string;\n    type?: TYPE;\n    disabled?: boolean;\n    mixLength?: number;\n    maxLength?: number;\n    size?: TextFieldPropSize;\n    view?: FieldPropView;\n    form?: FieldPropForm;\n    status?: FieldPropStatus;\n    onFocus?: React.FocusEventHandler<InputType<TYPE>>;\n    onBlur?: React.FocusEventHandler<InputType<TYPE>>;\n    autoFocus?: boolean;\n    placeholder?: string;\n    leftSide?: string | IconComponent;\n    rightSide?: string | IconComponent;\n    clearButton?: boolean;\n    iconClear?: IconComponent;\n    autoComplete?: AutoCompete;\n    readOnly?: boolean;\n    tabIndex?: number;\n    ariaLabel?: string;\n    iconSize?: IconPropSize;\n    children?: never;\n    onClear?: React.MouseEventHandler<HTMLButtonElement>;\n    inputRef?: React.Ref<InputType<TYPE>>;\n    onKeyUp?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyUpCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDown?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onKeyDownCapture?: React.KeyboardEventHandler<InputType<TYPE>>;\n    onCopy?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCopyCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCut?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onCutCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPaste?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onPasteCapture?: React.ClipboardEventHandler<InputType<TYPE>>;\n    onWheel?: React.WheelEventHandler<InputType<TYPE>>;\n  },\n  HTMLDivElement\n> &\n  TextFieldPropsTypeTextArea<TYPE> &\n  TextFieldPropsTypeTextArray<TYPE> &\n  TextFieldPropsTypeNumber<TYPE> &\n  TextFieldPropsTypePassword<TYPE>;\n\nexport type TextFieldComponent = <TYPE extends string>(\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type TextFieldTypeComponent<TYPE extends string> = (\n  props: TextFieldProps<TYPE>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/hooks/useClickOutside/useClickOutside.js

@@ -1,2 +1,2 @@
-import{useEffect}from"react";import{useMutableRef}from"../useMutableRef/useMutableRef";export function useClickOutside(a){var b=a.isActive,c=a.ignoreClicksInsideRefs,d=a.handler,e=useMutableRef(d),f=useMutableRef(c),g=useMutableRef(b);useEffect(function(){var a=function(a){var b,c;if(g.current){var d=a.target,h=null===(b=f.current)||void 0===b?void 0:b.every(function(a){var b;return!(null!==(b=a.current)&&void 0!==b&&b.contains(d))});h&&(null===(c=e.current)||void 0===c?void 0:c.call(e,a))}};return document.addEventListener("mousedown",a),function(){document.removeEventListener("mousedown",a)}},[])}
+import{useEffect}from"react";import{useMutableRef}from"../useMutableRef/useMutableRef";export function useClickOutside(a){var b=a.isActive,c=a.ignoreClicksInsideRefs,d=a.handler,e=useMutableRef(d),f=useMutableRef(c),g=useMutableRef(b);useEffect(function(){var a=function(a){if("function"==typeof g.current?g.current():g.current){var b,c,d=a.target,h=null===(b=f.current)||void 0===b?void 0:b.every(function(a){var b;return!(null!==(b=a.current)&&void 0!==b&&b.contains(d))});h&&(null===(c=e.current)||void 0===c?void 0:c.call(e,a))}};return document.addEventListener("mousedown",a),function(){document.removeEventListener("mousedown",a)}},[])}
 //# sourceMappingURL=useClickOutside.js.map

package/__internal__/src/hooks/useClickOutside/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","names":["useEffect","useMutableRef","useClickOutside","isActive","ignoreClicksInsideRefs","handler","handlerRef","ignoreClicksInsideRefsRef","isActiveRef","handleClick","event","current","target","shouldCallHandler","every","ref","contains","document","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useClickOutside/useClickOutside.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nimport { useMutableRef } from '../useMutableRef/useMutableRef';\n\nexport type ClickOutsideHandler = (event: MouseEvent) => void;\n\ntype UseClickOutsideProps = {\n  isActive?: boolean;\n  ignoreClicksInsideRefs?: ReadonlyArray<RefObject<HTMLElement>>;\n  handler?: ClickOutsideHandler;\n};\n\nexport function useClickOutside({\n  isActive,\n  ignoreClicksInsideRefs,\n  handler,\n}: UseClickOutsideProps): void {\n  // Аргументы вынесены в рефки за тем, чтобы не пересоздавать подписку `mousedown` при каждом рендере.\n  // Бывают случаи когда на странице несколько `useClickOutside` и один вызывает рендер,\n  // А второй не успевает отрабатывать а просто пересоздается\n  // С такой реализацией пересоздание только при удалении из дома, а аргументы всегда актуальны.\n\n  const handlerRef = useMutableRef(handler);\n  const ignoreClicksInsideRefsRef = useMutableRef(ignoreClicksInsideRefs);\n  const isActiveRef = useMutableRef(isActive);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      if (!isActiveRef.current) {\n        return;\n      }\n\n      const target = event.target as Node;\n\n      const shouldCallHandler = ignoreClicksInsideRefsRef.current?.every(\n        (ref) => !ref.current?.contains(target),\n      );\n\n      shouldCallHandler && handlerRef.current?.(event);\n    };\n\n    document.addEventListener('mousedown', handleClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, []);\n}\n"],"mappings":"AAAA,OAAoBA,SAApB,KAAqC,OAArC,CAEA,OAASC,aAAT,sCAUA,MAAO,SAASC,gBAAT,GAIwB,IAH7BC,EAG6B,GAH7BA,QAG6B,CAF7BC,CAE6B,GAF7BA,sBAE6B,CAD7BC,CAC6B,GAD7BA,OAC6B,CAMvBC,CAAU,CAAGL,aAAa,CAACI,CAAD,CANH,CAOvBE,CAAyB,CAAGN,aAAa,CAACG,CAAD,CAPlB,CAQvBI,CAAW,CAAGP,aAAa,CAACE,CAAD,CARJ,CAU7BH,SAAS,CAAC,UAAM,CACd,GAAMS,EAAW,CAAG,SAACC,CAAD,CAAuB,SACzC,GAAKF,CAAW,CAACG,OAAjB,KAIMC,EAAM,CAAGF,CAAK,CAACE,MAJrB,CAMMC,CAAiB,WAAGN,CAAyB,CAACI,OAA7B,qBAAG,EAAmCG,KAAnC,CACxB,SAACC,CAAD,cAAS,YAACA,CAAG,CAACJ,OAAL,eAAC,EAAaK,QAAb,CAAsBJ,CAAtB,CAAD,CAAT,CADwB,CAN1B,CAUAC,CAAiB,aAAIP,CAAU,CAACK,OAAf,qBAAI,OAAAL,CAAU,CAAWI,CAAX,CAAd,CAVjB,CAWD,CAZD,CAgBA,MAFAO,SAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuCT,CAAvC,CAEA,CAAO,UAAM,CACXQ,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,CAA0CV,CAA1C,CACD,CACF,CApBQ,CAoBN,EApBM,CAqBV"}
+{"version":3,"file":"useClickOutside.js","names":["useEffect","useMutableRef","useClickOutside","isActive","ignoreClicksInsideRefs","handler","handlerRef","ignoreClicksInsideRefsRef","isActiveRef","handleClick","event","current","target","shouldCallHandler","every","ref","contains","document","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useClickOutside/useClickOutside.tsx"],"sourcesContent":["import { RefObject, useEffect } from 'react';\n\nimport { useMutableRef } from '../useMutableRef/useMutableRef';\n\nexport type ClickOutsideHandler = (event: MouseEvent) => void;\n\ntype UseClickOutsideProps = {\n  isActive?: boolean | (() => boolean | undefined);\n  ignoreClicksInsideRefs?: ReadonlyArray<RefObject<HTMLElement>>;\n  handler?: ClickOutsideHandler;\n};\n\nexport function useClickOutside({\n  isActive,\n  ignoreClicksInsideRefs,\n  handler,\n}: UseClickOutsideProps): void {\n  // Аргументы вынесены в рефки за тем, чтобы не пересоздавать подписку `mousedown` при каждом рендере.\n  // Бывают случаи когда на странице несколько `useClickOutside` и один вызывает рендер,\n  // А второй не успевает отрабатывать а просто пересоздается\n  // С такой реализацией пересоздание только при удалении из дома, а аргументы всегда актуальны.\n\n  const handlerRef = useMutableRef(handler);\n  const ignoreClicksInsideRefsRef = useMutableRef(ignoreClicksInsideRefs);\n  const isActiveRef = useMutableRef(isActive);\n\n  useEffect(() => {\n    const handleClick = (event: MouseEvent) => {\n      if (\n        typeof isActiveRef.current === 'function'\n          ? isActiveRef.current()\n          : isActiveRef.current\n      ) {\n        const target = event.target as Node;\n\n        const shouldCallHandler = ignoreClicksInsideRefsRef.current?.every(\n          (ref) => !ref.current?.contains(target),\n        );\n\n        shouldCallHandler && handlerRef.current?.(event);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  }, []);\n}\n"],"mappings":"AAAA,OAAoBA,SAApB,KAAqC,OAArC,CAEA,OAASC,aAAT,sCAUA,MAAO,SAASC,gBAAT,GAIwB,IAH7BC,EAG6B,GAH7BA,QAG6B,CAF7BC,CAE6B,GAF7BA,sBAE6B,CAD7BC,CAC6B,GAD7BA,OAC6B,CAMvBC,CAAU,CAAGL,aAAa,CAACI,CAAD,CANH,CAOvBE,CAAyB,CAAGN,aAAa,CAACG,CAAD,CAPlB,CAQvBI,CAAW,CAAGP,aAAa,CAACE,CAAD,CARJ,CAU7BH,SAAS,CAAC,UAAM,CACd,GAAMS,EAAW,CAAG,SAACC,CAAD,CAAuB,CACzC,GACiC,UAA/B,QAAOF,EAAW,CAACG,OAAnB,CACIH,CAAW,CAACG,OAAZ,EADJ,CAEIH,CAAW,CAACG,OAHlB,CAIE,SACMC,CAAM,CAAGF,CAAK,CAACE,MADrB,CAGMC,CAAiB,WAAGN,CAAyB,CAACI,OAA7B,qBAAG,EAAmCG,KAAnC,CACxB,SAACC,CAAD,cAAS,YAACA,CAAG,CAACJ,OAAL,eAAC,EAAaK,QAAb,CAAsBJ,CAAtB,CAAD,CAAT,CADwB,CAH1B,CAOAC,CAAiB,aAAIP,CAAU,CAACK,OAAf,qBAAI,OAAAL,CAAU,CAAWI,CAAX,CAAd,CAClB,CACF,CAdD,CAkBA,MAFAO,SAAQ,CAACC,gBAAT,CAA0B,WAA1B,CAAuCT,CAAvC,CAEA,CAAO,UAAM,CACXQ,QAAQ,CAACE,mBAAT,CAA6B,WAA7B,CAA0CV,CAA1C,CACD,CACF,CAtBQ,CAsBN,EAtBM,CAuBV"}

package/__internal__/src/hooks/useForkRef/useForkRef.js

@@ -1,2 +1,2 @@
-function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useMemo}from"react";import{setRef}from"../../utils/setRef";export var forkRef=function(a){return a.length?function(b){var c,d=_createForOfIteratorHelper(a);try{for(d.s();!(c=d.n()).done;){var e=c.value;setRef(e,b)}}catch(a){d.e(a)}finally{d.f()}}:null};export var useForkRef=function(a){return useMemo(function(){return forkRef(a)},[a])};
+function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useMemo}from"react";import{setRef}from"../../utils/setRef";export var forkRef=function(a){return a.length?function(b){var c,d=_createForOfIteratorHelper(a);try{for(d.s();!(c=d.n()).done;){var e=c.value;setRef(e,b)}}catch(a){d.e(a)}finally{d.f()}}:null};export var useForkRef=function(a){return useMemo(function(){return forkRef(a)},a)};
 //# sourceMappingURL=useForkRef.js.map

package/__internal__/src/hooks/useForkRef/useForkRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForkRef.js","names":["useMemo","setRef","forkRef","refs","length","refValue","ref","useForkRef"],"sources":["../../../../../src/hooks/useForkRef/useForkRef.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { setRef } from '##/utils/setRef';\n\nexport const forkRef = <T>(\n  refs: (React.Ref<T> | undefined)[],\n): React.RefCallback<T> | null => {\n  if (!refs.length) {\n    return null;\n  }\n  return (refValue) => {\n    for (const ref of refs) {\n      setRef(ref as React.MutableRefObject<T>, refValue);\n    }\n  };\n};\n\nexport const useForkRef = <T>(refs: (React.Ref<T> | undefined)[]) =>\n  useMemo(() => forkRef(refs), [refs]);\n"],"mappings":"qpCAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,MAAT,0BAEA,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,CAEW,OAC3BA,EAAI,CAACC,MADsB,CAIzB,SAACC,CAAD,CAAc,oCACDF,CADC,MACnB,2BAAwB,IAAbG,EAAa,SACtBL,MAAM,CAACK,CAAD,CAAmCD,CAAnC,CACP,CAHkB,+BAIpB,CAR+B,CAEvB,IAOV,CAXM,CAaP,MAAO,IAAME,WAAU,CAAG,SAAIJ,CAAJ,QACxBH,QAAO,CAAC,iBAAME,QAAO,CAACC,CAAD,CAAb,CAAD,CAAsB,CAACA,CAAD,CAAtB,CADiB,CAAnB"}
+{"version":3,"file":"useForkRef.js","names":["useMemo","setRef","forkRef","refs","length","refValue","ref","useForkRef"],"sources":["../../../../../src/hooks/useForkRef/useForkRef.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { setRef } from '##/utils/setRef';\n\nexport const forkRef = <T>(\n  refs: (React.Ref<T> | undefined)[],\n): React.RefCallback<T> | null => {\n  if (!refs.length) {\n    return null;\n  }\n  return (refValue) => {\n    for (const ref of refs) {\n      setRef(ref as React.MutableRefObject<T>, refValue);\n    }\n  };\n};\n\nexport const useForkRef = <T>(refs: (React.Ref<T> | undefined)[]) =>\n  useMemo(() => forkRef(refs), refs);\n"],"mappings":"qpCAAA,OAASA,OAAT,KAAwB,OAAxB,CAEA,OAASC,MAAT,0BAEA,MAAO,IAAMC,QAAO,CAAG,SACrBC,CADqB,CAEW,OAC3BA,EAAI,CAACC,MADsB,CAIzB,SAACC,CAAD,CAAc,oCACDF,CADC,MACnB,2BAAwB,IAAbG,EAAa,SACtBL,MAAM,CAACK,CAAD,CAAmCD,CAAnC,CACP,CAHkB,+BAIpB,CAR+B,CAEvB,IAOV,CAXM,CAaP,MAAO,IAAME,WAAU,CAAG,SAAIJ,CAAJ,QACxBH,QAAO,CAAC,iBAAME,QAAO,CAACC,CAAD,CAAb,CAAD,CAAsBA,CAAtB,CADiB,CAAnB"}

package/__internal__/src/hooks/useKeysRef/useKeysRef.js

@@ -1,2 +1,2 @@
-import{useEffect}from"react";import{useMutableRef}from"../useMutableRef";export var useKeysRef=function(a){var b=a.ref,c=a.keys,d=a.isActive,e=a.eventType,f=void 0===e?"keydown":e,g=a.eventHandler,h=useMutableRef(function(a){if(void 0!==d&&d){var b;null===(b=c[a.code]||c[a.key])||void 0===b?void 0:b(a)}null===g||void 0===g?void 0:g(a)});useEffect(function(){var a;return null===b||void 0===b||null===(a=b.current)||void 0===a?void 0:a.addEventListener(f,h.current),function(){var a;null===b||void 0===b||null===(a=b.current)||void 0===a?void 0:a.removeEventListener(f,h.current)}},[null===b||void 0===b?void 0:b.current,f])};
+import{useEffect}from"react";import{useMutableRef}from"../useMutableRef";export var useKeysRef=function(a){var b=a.ref,c=a.keys,d=a.isActive,e=a.eventType,f=void 0===e?"keydown":e,g=a.eventHandler,h=useMutableRef([c,d,g]);useEffect(function(){var a,c=function(a){var b,c;if("function"==typeof h.current[1]?h.current[1]():h.current[1]){var d;null===(d=h.current[0][a.code]||h.current[0][a.key])||void 0===d?void 0:d(a)}null===(b=(c=h.current)[2])||void 0===b?void 0:b.call(c,a)};return null===b||void 0===b||null===(a=b.current)||void 0===a?void 0:a.addEventListener(f,c),function(){var a;null===b||void 0===b||null===(a=b.current)||void 0===a?void 0:a.removeEventListener(f,c)}},[null===b||void 0===b?void 0:b.current,f])};
 //# sourceMappingURL=useKeysRef.js.map

package/__internal__/src/hooks/useKeysRef/useKeysRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeysRef.js","names":["useEffect","useMutableRef","useKeysRef","params","ref","keys","isActive","eventType","eventHandler","fn","e","code","key","current","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useKeysRef/useKeysRef.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { KeyCode } from '##/utils/types/KeyCode';\n\nexport type KeyHandlers = Partial<\n  Record<KeyCode, (e: KeyboardEvent) => void>\n> & {\n  [key: string]: (e: KeyboardEvent) => void;\n};\n\ntype UseKeysProps = {\n  ref?: React.RefObject<HTMLElement>;\n  keys: KeyHandlers;\n  isActive?: boolean;\n  eventHandler?: (event: KeyboardEvent) => void;\n  eventType?: 'keypress' | 'keydown' | 'keyup';\n};\n\nexport const useKeysRef = (params: UseKeysProps) => {\n  const {\n    ref,\n    keys,\n    isActive = false,\n    eventType = 'keydown',\n    eventHandler,\n  } = params;\n\n  const fn = useMutableRef((e: KeyboardEvent) => {\n    if (isActive) {\n      (keys[e.code as KeyCode] || keys[e.key as KeyCode])?.(e);\n    }\n    eventHandler?.(e);\n  });\n\n  useEffect(() => {\n    ref?.current?.addEventListener(eventType, fn.current);\n\n    return () => {\n      ref?.current?.removeEventListener(eventType, fn.current);\n    };\n  }, [ref?.current, eventType]);\n};\n"],"mappings":"AAAA,OAAgBA,SAAhB,KAAiC,OAAjC,CAEA,OAASC,aAAT,wBAiBA,MAAO,IAAMC,WAAU,CAAG,SAACC,CAAD,CAA0B,IAEhDC,EAFgD,CAO9CD,CAP8C,CAEhDC,GAFgD,CAGhDC,CAHgD,CAO9CF,CAP8C,CAGhDE,IAHgD,GAO9CF,CAP8C,CAIhDG,QAJgD,GAO9CH,CAP8C,CAKhDI,SALgD,CAKhDA,CALgD,YAKpC,SALoC,GAMhDC,CANgD,CAO9CL,CAP8C,CAMhDK,YANgD,CAS5CC,CAAE,CAAGR,aAAa,CAAC,SAACS,CAAD,CAAsB,CAC7C,iBAAc,iBACXL,CAAI,CAACK,CAAC,CAACC,IAAH,CAAJ,EAA2BN,CAAI,CAACK,CAAC,CAACE,GAAH,CADpB,qBACZ,EAAsDF,CAAtD,CACD,CAH4C,OAI7CF,CAJ6C,WAI7CA,CAJ6C,QAI7CA,CAAY,CAAGE,CAAH,CACb,CALuB,CAT0B,CAgBlDV,SAAS,CAAC,UAAM,OAGd,cAFAI,CAEA,WAFAA,CAEA,YAFAA,CAAG,CAAES,OAEL,qBAFA,EAAcC,gBAAd,CAA+BP,CAA/B,CAA0CE,CAAE,CAACI,OAA7C,CAEA,CAAO,UAAM,cACXT,CADW,WACXA,CADW,YACXA,CAAG,CAAES,OADM,qBACX,EAAcE,mBAAd,CAAkCR,CAAlC,CAA6CE,CAAE,CAACI,OAAhD,CACD,CACF,CANQ,CAMN,QAACT,CAAD,WAACA,CAAD,QAACA,CAAG,CAAES,OAAN,CAAeN,CAAf,CANM,CAOV,CAvBM"}
+{"version":3,"file":"useKeysRef.js","names":["useEffect","useMutableRef","useKeysRef","params","ref","keys","isActive","eventType","eventHandler","refs","fn","e","current","code","key","addEventListener","removeEventListener"],"sources":["../../../../../src/hooks/useKeysRef/useKeysRef.ts"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { KeyCode } from '##/utils/types/KeyCode';\n\nexport type KeyHandlers = Partial<\n  Record<KeyCode, (e: KeyboardEvent) => void>\n> & {\n  [key: string]: (e: KeyboardEvent) => void;\n};\n\ntype UseKeysProps = {\n  ref?: React.RefObject<HTMLElement>;\n  keys: KeyHandlers;\n  isActive?: boolean | (() => boolean | undefined);\n  eventHandler?: (event: KeyboardEvent) => void;\n  eventType?: 'keypress' | 'keydown' | 'keyup';\n};\n\nexport const useKeysRef = (params: UseKeysProps) => {\n  const { ref, keys, isActive, eventType = 'keydown', eventHandler } = params;\n\n  const refs = useMutableRef([keys, isActive, eventHandler] as const);\n\n  useEffect(() => {\n    const fn = (e: KeyboardEvent) => {\n      if (\n        typeof refs.current[1] === 'function'\n          ? refs.current[1]()\n          : refs.current[1]\n      ) {\n        (\n          refs.current[0][e.code as KeyCode] ||\n          refs.current[0][e.key as KeyCode]\n        )?.(e);\n      }\n      refs.current[2]?.(e);\n    };\n\n    ref?.current?.addEventListener(eventType, fn);\n\n    return () => {\n      ref?.current?.removeEventListener(eventType, fn);\n    };\n  }, [ref?.current, eventType]);\n};\n"],"mappings":"AAAA,OAAgBA,SAAhB,KAAiC,OAAjC,CAEA,OAASC,aAAT,wBAiBA,MAAO,IAAMC,WAAU,CAAG,SAACC,CAAD,CAA0B,IAC1CC,EAD0C,CACmBD,CADnB,CAC1CC,GAD0C,CACrCC,CADqC,CACmBF,CADnB,CACrCE,IADqC,CAC/BC,CAD+B,CACmBH,CADnB,CAC/BG,QAD+B,GACmBH,CADnB,CACrBI,SADqB,CACrBA,CADqB,YACT,SADS,GACEC,CADF,CACmBL,CADnB,CACEK,YADF,CAG5CC,CAAI,CAAGR,aAAa,CAAC,CAACI,CAAD,CAAOC,CAAP,CAAiBE,CAAjB,CAAD,CAHwB,CAKlDR,SAAS,CAAC,UAAM,OACRU,CAAE,CAAG,SAACC,CAAD,CAAsB,SAC/B,GAC6B,UAA3B,QAAOF,EAAI,CAACG,OAAL,CAAa,CAAb,CAAP,CACIH,CAAI,CAACG,OAAL,CAAa,CAAb,GADJ,CAEIH,CAAI,CAACG,OAAL,CAAa,CAAb,CAHN,CAIE,iBAEEH,CAAI,CAACG,OAAL,CAAa,CAAb,EAAgBD,CAAC,CAACE,IAAlB,GACAJ,CAAI,CAACG,OAAL,CAAa,CAAb,EAAgBD,CAAC,CAACG,GAAlB,CAHF,qBACA,EAGIH,CAHJ,CAID,CAV8B,UAW/B,GAAAF,CAAI,CAACG,OAAL,EAAa,CAAb,CAX+B,qBAW/B,SAAkBD,CAAlB,CACD,CAba,CAiBd,cAFAP,CAEA,WAFAA,CAEA,YAFAA,CAAG,CAAEQ,OAEL,qBAFA,EAAcG,gBAAd,CAA+BR,CAA/B,CAA0CG,CAA1C,CAEA,CAAO,UAAM,cACXN,CADW,WACXA,CADW,YACXA,CAAG,CAAEQ,OADM,qBACX,EAAcI,mBAAd,CAAkCT,CAAlC,CAA6CG,CAA7C,CACD,CACF,CApBQ,CAoBN,QAACN,CAAD,WAACA,CAAD,QAACA,CAAG,CAAEQ,OAAN,CAAeL,CAAf,CApBM,CAqBV,CA1BM"}

package/__internal__/src/hooks/useResizeObserved/useResizeObserved.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import React,{useLayoutEffect}from"react";import{useMutableRef}from"../useMutableRef";export var useResizeObserved=function(a,b){var c=useMutableRef(function(){return a.map(function(a){return b(a.current)})}),d=React.useState(c.current),e=_slicedToArray(d,2),f=e[0],g=e[1];return useLayoutEffect(function(){g(c.current)},[a]),useLayoutEffect(function(){var b,d=new ResizeObserver(function(){g(c.current)}),e=_createForOfIteratorHelper(a);try{for(e.s();!(b=e.n()).done;){var f=b.value;f.current&&d.observe(f.current)}}catch(a){e.e(a)}finally{e.f()}return function(){d.disconnect()}},[a]),f};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function e(a){throw a},f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function e(a){h=!0,f=a},f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useLayoutEffect,useState}from"react";import{useMutableRef}from"../useMutableRef";export var useResizeObserved=function(a,b){var c=useMutableRef(function(){return a.map(function(a){return b(a.current)})}),d=useState(c.current),e=_slicedToArray(d,2),f=e[0],g=e[1];return useLayoutEffect(function(){g(c.current)},[a]),useLayoutEffect(function(){var b,d=new ResizeObserver(function(){g(c.current)}),e=_createForOfIteratorHelper(a);try{for(e.s();!(b=e.n()).done;){var f=b.value;f.current&&d.observe(f.current)}}catch(a){e.e(a)}finally{e.f()}return function(){d.disconnect()}},[a]),f};
 //# sourceMappingURL=useResizeObserved.js.map

package/__internal__/src/hooks/useResizeObserved/useResizeObserved.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserved.js","names":["React","useLayoutEffect","useMutableRef","useResizeObserved","refs","mapper","calculateDimensionsRef","map","ref","current","useState","dimensions","setDimensions","resizeObserver","ResizeObserver","observe","disconnect"],"sources":["../../../../../src/hooks/useResizeObserved/useResizeObserved.ts"],"sourcesContent":["import React, { RefObject, useLayoutEffect } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const useResizeObserved = <\n  ELEMENT extends HTMLElement | SVGGraphicsElement,\n  RETURN_TYPE,\n>(\n  refs: Array<RefObject<ELEMENT>>,\n  mapper: (el: ELEMENT | null) => RETURN_TYPE,\n): RETURN_TYPE[] => {\n  const calculateDimensionsRef = useMutableRef(() =>\n    refs.map((ref) => mapper(ref.current)),\n  );\n\n  const [dimensions, setDimensions] = React.useState<RETURN_TYPE[]>(\n    calculateDimensionsRef.current,\n  );\n\n  useLayoutEffect(() => {\n    setDimensions(calculateDimensionsRef.current);\n  }, [refs]);\n\n  useLayoutEffect(() => {\n    const resizeObserver = new ResizeObserver(() => {\n      setDimensions(calculateDimensionsRef.current);\n    });\n\n    for (const ref of refs) {\n      ref.current && resizeObserver.observe(ref.current);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [refs]);\n\n  return dimensions;\n};\n"],"mappings":"stCAAA,MAAOA,MAAP,EAA2BC,eAA3B,KAAkD,OAAlD,CAEA,OAASC,aAAT,wBAEA,MAAO,IAAMC,kBAAiB,CAAG,SAI/BC,CAJ+B,CAK/BC,CAL+B,CAMb,IACZC,EAAsB,CAAGJ,aAAa,CAAC,iBAC3CE,EAAI,CAACG,GAAL,CAAS,SAACC,CAAD,QAASH,EAAM,CAACG,CAAG,CAACC,OAAL,CAAf,CAAT,CAD2C,CAAD,CAD1B,GAKkBT,KAAK,CAACU,QAAN,CAClCJ,CAAsB,CAACG,OADW,CALlB,uBAKXE,CALW,MAKCC,CALD,MA2BlB,MAlBAX,gBAAe,CAAC,UAAM,CACpBW,CAAa,CAACN,CAAsB,CAACG,OAAxB,CACd,CAFc,CAEZ,CAACL,CAAD,CAFY,CAkBf,CAdAH,eAAe,CAAC,UAAM,OACdY,CAAc,CAAG,GAAIC,eAAJ,CAAmB,UAAM,CAC9CF,CAAa,CAACN,CAAsB,CAACG,OAAxB,CACd,CAFsB,CADH,8BAKFL,CALE,MAKpB,2BAAwB,IAAbI,EAAa,SACtBA,CAAG,CAACC,OAAJ,EAAeI,CAAc,CAACE,OAAf,CAAuBP,CAAG,CAACC,OAA3B,CAChB,CAPmB,+BASpB,MAAO,WAAM,CACXI,CAAc,CAACG,UAAf,EACD,CACF,CAZc,CAYZ,CAACZ,CAAD,CAZY,CAcf,CAAOO,CACR,CAlCM"}
+{"version":3,"file":"useResizeObserved.js","names":["useLayoutEffect","useState","useMutableRef","useResizeObserved","refs","mapper","calculateDimensionsRef","map","ref","current","dimensions","setDimensions","resizeObserver","ResizeObserver","observe","disconnect"],"sources":["../../../../../src/hooks/useResizeObserved/useResizeObserved.ts"],"sourcesContent":["import { RefObject, useLayoutEffect, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nexport const useResizeObserved = <\n  ELEMENT extends HTMLElement | SVGGraphicsElement,\n  RETURN_TYPE,\n>(\n  refs: Array<RefObject<ELEMENT>>,\n  mapper: (el: ELEMENT | null) => RETURN_TYPE,\n): RETURN_TYPE[] => {\n  const calculateDimensionsRef = useMutableRef(() =>\n    refs.map((ref) => mapper(ref.current)),\n  );\n\n  const [dimensions, setDimensions] = useState<RETURN_TYPE[]>(\n    calculateDimensionsRef.current,\n  );\n\n  useLayoutEffect(() => {\n    setDimensions(calculateDimensionsRef.current);\n  }, [refs]);\n\n  useLayoutEffect(() => {\n    const resizeObserver = new ResizeObserver(() => {\n      setDimensions(calculateDimensionsRef.current);\n    });\n\n    for (const ref of refs) {\n      ref.current && resizeObserver.observe(ref.current);\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [refs]);\n\n  return dimensions;\n};\n"],"mappings":"stCAAA,OAAoBA,eAApB,CAAqCC,QAArC,KAAqD,OAArD,CAEA,OAASC,aAAT,wBAEA,MAAO,IAAMC,kBAAiB,CAAG,SAI/BC,CAJ+B,CAK/BC,CAL+B,CAMb,IACZC,EAAsB,CAAGJ,aAAa,CAAC,iBAC3CE,EAAI,CAACG,GAAL,CAAS,SAACC,CAAD,QAASH,EAAM,CAACG,CAAG,CAACC,OAAL,CAAf,CAAT,CAD2C,CAAD,CAD1B,GAKkBR,QAAQ,CAC1CK,CAAsB,CAACG,OADmB,CAL1B,uBAKXC,CALW,MAKCC,CALD,MA2BlB,MAlBAX,gBAAe,CAAC,UAAM,CACpBW,CAAa,CAACL,CAAsB,CAACG,OAAxB,CACd,CAFc,CAEZ,CAACL,CAAD,CAFY,CAkBf,CAdAJ,eAAe,CAAC,UAAM,OACdY,CAAc,CAAG,GAAIC,eAAJ,CAAmB,UAAM,CAC9CF,CAAa,CAACL,CAAsB,CAACG,OAAxB,CACd,CAFsB,CADH,8BAKFL,CALE,MAKpB,2BAAwB,IAAbI,EAAa,SACtBA,CAAG,CAACC,OAAJ,EAAeG,CAAc,CAACE,OAAf,CAAuBN,CAAG,CAACC,OAA3B,CAChB,CAPmB,+BASpB,MAAO,WAAM,CACXG,CAAc,CAACG,UAAf,EACD,CACF,CAZc,CAYZ,CAACX,CAAD,CAZY,CAcf,CAAOM,CACR,CAlCM"}

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useMemo,useRef,useState}from"react";import{useMutableRef}from"../useMutableRef";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";import{arraysIsEq,calculateBounds,calculateSavedSizes,defaultItemsCalculationCount,getElementHeight,useCalculateVisiblePosition,useScroll}from"./helpers";export var useVirtualScroll=function(a){var b=a.length,c=a.onScrollToBottom,d=a.isActive,e=void 0!==d&&d,f=useState([0,0]),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState([[0,0],[0,e?defaultItemsCalculationCount:b]]),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRefs(b,h),o=useRef(null),p=useResizeObserved(n,getElementHeight),q=useRef(calculateSavedSizes([],p)),r=useMutableRef(c),s=useResizeObserved(useMemo(function(){return[o]},[o]),getElementHeight),t=_slicedToArray(s,1),u=t[0],v=useCalculateVisiblePosition(o.current,i,p);return useScroll(o,v,e),useEffect(function(){e&&v()},[u,e]),useEffect(function(){e?(q.current=calculateSavedSizes(q.current,p),m(calculateBounds(q.current,p,h,b))):m([[0,0],[0,b]])},[].concat(_toConsumableArray(h),[p,b,e])),useEffect(function(){e&&r.current&&l[1][1]+1>=b&&r.current(b)},[l[1][1],e]),useEffect(function(){var a=[0,0],c=[[0,0],[0,e?defaultItemsCalculationCount:b]];m(function(a){return arraysIsEq(a[0],c[0])&&arraysIsEq(a[1],c[1])?a:c}),i(function(b){return arraysIsEq(b,a)?b:a})},[e]),{listRefs:n,scrollElementRef:o,slice:l[1],spaceTop:l[0][0]}};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useMemo,useRef,useState}from"react";import{useMutableRef}from"../useMutableRef";import{useRefs}from"../useRefs";import{useResizeObserved}from"../useResizeObserved";import{arraysIsEq,calculateBounds,calculateSavedSizes,defaultItemsCalculationCount,getElementHeight,useCalculateVisiblePosition,useScroll}from"./helpers";var emptyArray=[];export var useVirtualScroll=function(a){var b=a.length,c=a.onScrollToBottom,d=a.isActive,e=void 0!==d&&d,f=useState([0,0]),g=_slicedToArray(f,2),h=g[0],i=g[1],j=useState([[0,0],[0,e?defaultItemsCalculationCount:b]]),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRefs(b,h),o=useRef(null),p=useResizeObserved(e?n:emptyArray,getElementHeight),q=useRef(calculateSavedSizes([],p)),r=useMutableRef(c),s=useResizeObserved(useMemo(function(){return[o]},[o]),getElementHeight),t=_slicedToArray(s,1),u=t[0],v=useCalculateVisiblePosition(o.current,i,p);return useScroll(o,v,e),useEffect(function(){e&&v()},[u,e]),useEffect(function(){e?(q.current=calculateSavedSizes(q.current,p),m(calculateBounds(q.current,p,h,b))):m(function(a){return 0!==a[0][0]||0!==a[0][1]||0!==a[1][0]||a[1][1]!==b?[[0,0],[0,b]]:a})},[].concat(_toConsumableArray(h),[p,b,e])),useEffect(function(){e&&r.current&&l[1][1]+1>=b&&r.current(b)},[l[1][1],e]),useEffect(function(){var a=[0,0],c=[[0,0],[0,e?defaultItemsCalculationCount:b]];m(function(a){return arraysIsEq(a[0],c[0])&&arraysIsEq(a[1],c[1])?a:c}),i(function(b){return arraysIsEq(b,a)?b:a})},[e]),{listRefs:n,scrollElementRef:o,slice:l[1],spaceTop:l[0][0]}};
 //# sourceMappingURL=useVirtualScroll.js.map

package/__internal__/src/hooks/useVirtualScroll/useVirtualScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVirtualScroll.js","names":["useEffect","useMemo","useRef","useState","useMutableRef","useRefs","useResizeObserved","arraysIsEq","calculateBounds","calculateSavedSizes","defaultItemsCalculationCount","getElementHeight","useCalculateVisiblePosition","useScroll","useVirtualScroll","length","onScrollToBottom","isActive","visiblePosition","setVisiblePosition","bounds","setBounds","listRefs","scrollElementRef","sizes","savedSizesRef","onScrollToBottomRef","scrollElementRefHeight","calculateVisiblePosition","current","resetVisiblePosition","resetBounds","state","slice","spaceTop"],"sources":["../../../../../src/hooks/useVirtualScroll/useVirtualScroll.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport {\n  arraysIsEq,\n  Bounds,\n  calculateBounds,\n  calculateSavedSizes,\n  defaultItemsCalculationCount,\n  getElementHeight,\n  useCalculateVisiblePosition,\n  useScroll,\n  UseVirtualScrollProps,\n  UseVirtualScrollReturn,\n} from './helpers';\n\nexport const useVirtualScroll = <\n  ITEM_ELEMENT extends HTMLElement = HTMLDivElement,\n  SCROLL_ELEMENT extends HTMLElement = HTMLDivElement,\n>({\n  length,\n  onScrollToBottom,\n  isActive = false,\n}: UseVirtualScrollProps): UseVirtualScrollReturn<\n  ITEM_ELEMENT,\n  SCROLL_ELEMENT\n> => {\n  const [visiblePosition, setVisiblePosition] = useState<[number, number]>([\n    0, 0,\n  ]);\n  const [bounds, setBounds] = useState<Bounds>([\n    [0, 0],\n    [0, isActive ? defaultItemsCalculationCount : length],\n  ]);\n  const listRefs = useRefs<ITEM_ELEMENT>(length, visiblePosition);\n  const scrollElementRef = useRef<SCROLL_ELEMENT>(null);\n  const sizes = useResizeObserved(listRefs, getElementHeight);\n  const savedSizesRef = useRef(calculateSavedSizes([], sizes));\n  const onScrollToBottomRef = useMutableRef(onScrollToBottom);\n  const [scrollElementRefHeight] = useResizeObserved(\n    useMemo(() => {\n      return [scrollElementRef];\n    }, [scrollElementRef]),\n    getElementHeight,\n  );\n  const calculateVisiblePosition = useCalculateVisiblePosition(\n    scrollElementRef.current,\n    setVisiblePosition,\n    sizes,\n  );\n\n  useScroll(scrollElementRef, calculateVisiblePosition, isActive);\n\n  useEffect(() => {\n    if (isActive) {\n      calculateVisiblePosition();\n    }\n  }, [scrollElementRefHeight, isActive]);\n\n  useEffect(() => {\n    if (isActive) {\n      savedSizesRef.current = calculateSavedSizes(savedSizesRef.current, sizes);\n      setBounds(\n        calculateBounds(savedSizesRef.current, sizes, visiblePosition, length),\n      );\n    } else {\n      setBounds([\n        [0, 0],\n        [0, length],\n      ]);\n    }\n  }, [...visiblePosition, sizes, length, isActive]);\n\n  useEffect(() => {\n    if (isActive && onScrollToBottomRef.current && bounds[1][1] + 1 >= length) {\n      onScrollToBottomRef.current(length);\n    }\n  }, [bounds[1][1], isActive]);\n\n  useEffect(() => {\n    const resetVisiblePosition: [number, number] = [0, 0];\n    const resetBounds: Bounds = [\n      [0, 0],\n      [0, isActive ? defaultItemsCalculationCount : length],\n    ];\n\n    setBounds((state) =>\n      arraysIsEq(state[0], resetBounds[0]) &&\n      arraysIsEq(state[1], resetBounds[1])\n        ? state\n        : resetBounds,\n    );\n\n    setVisiblePosition((state) =>\n      arraysIsEq(state, resetVisiblePosition) ? state : resetVisiblePosition,\n    );\n  }, [isActive]);\n\n  return {\n    listRefs,\n    scrollElementRef,\n    slice: bounds[1],\n    spaceTop: bounds[0][0],\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useVirtualScroll.js","names":["useEffect","useMemo","useRef","useState","useMutableRef","useRefs","useResizeObserved","arraysIsEq","calculateBounds","calculateSavedSizes","defaultItemsCalculationCount","getElementHeight","useCalculateVisiblePosition","useScroll","emptyArray","useVirtualScroll","length","onScrollToBottom","isActive","visiblePosition","setVisiblePosition","bounds","setBounds","listRefs","scrollElementRef","sizes","savedSizesRef","onScrollToBottomRef","scrollElementRefHeight","calculateVisiblePosition","current","state","resetVisiblePosition","resetBounds","slice","spaceTop"],"sources":["../../../../../src/hooks/useVirtualScroll/useVirtualScroll.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport {\n  arraysIsEq,\n  Bounds,\n  calculateBounds,\n  calculateSavedSizes,\n  defaultItemsCalculationCount,\n  getElementHeight,\n  useCalculateVisiblePosition,\n  useScroll,\n  UseVirtualScrollProps,\n  UseVirtualScrollReturn,\n} from './helpers';\n\nconst emptyArray: [] = [];\n\nexport const useVirtualScroll = <\n  ITEM_ELEMENT extends HTMLElement = HTMLDivElement,\n  SCROLL_ELEMENT extends HTMLElement = HTMLDivElement,\n>({\n  length,\n  onScrollToBottom,\n  isActive = false,\n}: UseVirtualScrollProps): UseVirtualScrollReturn<\n  ITEM_ELEMENT,\n  SCROLL_ELEMENT\n> => {\n  const [visiblePosition, setVisiblePosition] = useState<[number, number]>([\n    0, 0,\n  ]);\n  const [bounds, setBounds] = useState<Bounds>([\n    [0, 0],\n    [0, isActive ? defaultItemsCalculationCount : length],\n  ]);\n  const listRefs = useRefs<ITEM_ELEMENT>(length, visiblePosition);\n  const scrollElementRef = useRef<SCROLL_ELEMENT>(null);\n  const sizes = useResizeObserved(\n    isActive ? listRefs : emptyArray,\n    getElementHeight,\n  );\n\n  const savedSizesRef = useRef(calculateSavedSizes([], sizes));\n  const onScrollToBottomRef = useMutableRef(onScrollToBottom);\n  const [scrollElementRefHeight] = useResizeObserved(\n    useMemo(() => {\n      return [scrollElementRef];\n    }, [scrollElementRef]),\n    getElementHeight,\n  );\n  const calculateVisiblePosition = useCalculateVisiblePosition(\n    scrollElementRef.current,\n    setVisiblePosition,\n    sizes,\n  );\n\n  useScroll(scrollElementRef, calculateVisiblePosition, isActive);\n\n  useEffect(() => {\n    if (isActive) {\n      calculateVisiblePosition();\n    }\n  }, [scrollElementRefHeight, isActive]);\n\n  useEffect(() => {\n    if (isActive) {\n      savedSizesRef.current = calculateSavedSizes(savedSizesRef.current, sizes);\n      setBounds(\n        calculateBounds(savedSizesRef.current, sizes, visiblePosition, length),\n      );\n    } else {\n      setBounds((state) => {\n        if (\n          state[0][0] !== 0 ||\n          state[0][1] !== 0 ||\n          state[1][0] !== 0 ||\n          state[1][1] !== length\n        ) {\n          return [\n            [0, 0],\n            [0, length],\n          ];\n        }\n        return state;\n      });\n    }\n  }, [...visiblePosition, sizes, length, isActive]);\n\n  useEffect(() => {\n    if (isActive && onScrollToBottomRef.current && bounds[1][1] + 1 >= length) {\n      onScrollToBottomRef.current(length);\n    }\n  }, [bounds[1][1], isActive]);\n\n  useEffect(() => {\n    const resetVisiblePosition: [number, number] = [0, 0];\n    const resetBounds: Bounds = [\n      [0, 0],\n      [0, isActive ? defaultItemsCalculationCount : length],\n    ];\n\n    setBounds((state) =>\n      arraysIsEq(state[0], resetBounds[0]) &&\n      arraysIsEq(state[1], resetBounds[1])\n        ? state\n        : resetBounds,\n    );\n\n    setVisiblePosition((state) =>\n      arraysIsEq(state, resetVisiblePosition) ? state : resetVisiblePosition,\n    );\n  }, [isActive]);\n\n  return {\n    listRefs,\n    scrollElementRef,\n    slice: bounds[1],\n    spaceTop: bounds[0][0],\n  };\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,5 @@
+import './Attachment.css';
+import { AttachmentProps } from './types';
+declare const cnAttachment: import("@bem-react/classname").ClassNameFormatter;
+declare const Attachment: import("##/utils/types/PropsWithAsAttributes").ComponentWithAs<AttachmentProps, "div">;
+export { Attachment, cnAttachment };

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

@@ -0,0 +1,41 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+export declare const attachmentPropSize: readonly ["s", "xs", "m"];
+export type AttachmentPropSize = typeof attachmentPropSize[number];
+export declare const attachmentPropSizeDefault: AttachmentPropSize;
+export type AttachmentActions = {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    icon: IconComponent;
+    title?: string;
+    ref?: React.Ref<HTMLButtonElement>;
+};
+export type AttachmentProps = {
+    fileExtension?: string;
+    withPictogram?: boolean;
+    loading?: boolean;
+    fileName?: string;
+    fileDescription?: string;
+    loadingProgress?: number;
+    errorText?: string;
+    size?: AttachmentPropSize;
+    loadingText?: string;
+    className?: string;
+    children?: never;
+    actions?: AttachmentActions[];
+    /**
+     * @deprecated use actions or onClick
+     */
+    withAction?: boolean;
+    /**
+     * @deprecated use actions
+     */
+    onButtonClick?: React.EventHandler<React.MouseEvent>;
+    /**
+     * @deprecated use actions
+     */
+    buttonIcon?: IconComponent;
+    /**
+     * @deprecated use actions
+     */
+    buttonTitle?: string;
+};

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

@@ -0,0 +1,20 @@
+import { IconComponent } from '@consta/icons/Icon';
+export declare const attachmentPropSize: readonly ["s", "xs", "m"];
+export type AttachmentPropSize = typeof attachmentPropSize[number];
+export declare const attachmentPropSizeDefault: AttachmentPropSize;
+export type AttachmentProps = {
+    fileExtension?: string;
+    loading?: boolean;
+    fileName?: string;
+    fileDescription?: string;
+    loadingProgress?: number;
+    errorText?: string;
+    size?: AttachmentPropSize;
+    loadingText?: string;
+    onButtonClick?: React.EventHandler<React.MouseEvent>;
+    buttonIcon?: IconComponent;
+    buttonTitle?: string;
+    withAction?: boolean;
+    className?: string;
+    children?: never;
+};

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

@@ -0,0 +1,49 @@
+import { AutoCompleteGroupDefault, AutoCompleteItemDefault, AutoCompletePropGetGroupId, AutoCompletePropGetGroupLabel, AutoCompletePropGetItemGroupId, AutoCompletePropGetItemKey, AutoCompletePropGetItemLabel, AutoCompleteProps } from './types';
+export declare const defaultGetItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault>;
+export declare const defaultGetItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>;
+export declare const defaultGetItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault>;
+export declare const defaultGetGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault>;
+export declare const defaultGetGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault>;
+export declare function withDefaultGetters<TYPE extends string, ITEM = AutoCompleteItemDefault, GROUP = AutoCompleteGroupDefault>(props: AutoCompleteProps<TYPE, ITEM, GROUP>): {
+    items: ITEM[];
+    groups?: GROUP[] | undefined;
+    renderItem?: import("../Select").PropRenderItem<ITEM> | undefined;
+    dropdownClassName?: string;
+    dropdownForm?: import("./types").AutoCompletePropDropdownForm;
+    isLoading?: boolean;
+    searchFunction?: import("./types").AutoCompletePropSearchFunction<ITEM> | undefined;
+    dropdownRef?: React.RefObject<HTMLDivElement>;
+    getItemLabel?: AutoCompletePropGetItemLabel<ITEM> | undefined;
+    getItemKey?: AutoCompletePropGetItemKey<ITEM> | undefined;
+    getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM> | undefined;
+    getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP> | undefined;
+    getGroupKey?: AutoCompletePropGetGroupId<GROUP> | undefined;
+    onChange?: import("./types").AutoCompletePropOnChange;
+    virtualScroll?: boolean;
+    onScrollToBottom?: (length: number) => void;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    dropdownOpen?: boolean;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+} & Omit<import("../TextField").TextFieldProps<TYPE>, "onChange" | "step" | "width" | "max" | "min" | "incrementButtons"> & (ITEM extends {
+    label: AutoCompleteItemDefault["label"];
+} ? {} : {
+    getItemLabel: AutoCompletePropGetItemLabel<ITEM>;
+}) & (ITEM extends {
+    id: AutoCompleteItemDefault["id"];
+} ? {} : {
+    getItemKey: AutoCompletePropGetItemKey<ITEM>;
+}) & (GROUP extends {
+    label: AutoCompleteGroupDefault["label"];
+} ? {} : {
+    getGroupLabel: AutoCompletePropGetGroupLabel<GROUP>;
+}) & (GROUP extends {
+    id: AutoCompleteGroupDefault["id"];
+} ? {} : {
+    getGroupKey: AutoCompletePropGetGroupId<GROUP>;
+}) & {
+    getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault> | AutoCompletePropGetItemLabel<ITEM>;
+    getItemKey: AutoCompletePropGetItemKey<AutoCompleteItemDefault> | AutoCompletePropGetItemKey<ITEM>;
+    getItemGroupKey: AutoCompletePropGetItemGroupId<AutoCompleteItemDefault> | AutoCompletePropGetItemGroupId<ITEM>;
+    getGroupLabel: AutoCompletePropGetGroupLabel<AutoCompleteGroupDefault> | AutoCompletePropGetGroupLabel<GROUP>;
+    getGroupKey: AutoCompletePropGetGroupId<AutoCompleteGroupDefault> | AutoCompletePropGetGroupId<GROUP>;
+};