npm - @consta/uikit - Versions diffs - 5.13.0 → 5.15.0 - Mend

@consta/uikit 5.13.0 → 5.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (403) hide show

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

	@@ -1 +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","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 ...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 };\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-lenght' 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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"}
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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"}

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

	@@ -1 +1 @@
1	- .TextFieldTypeTextArray{--text-field-textarray-padding:calc((var(--text-field-textarray-slot-sizes-~~lenght~~) + 1)var(--field-control-layout-space) + var(--text-field-textarray-slot-sizes-width));--text-~~tield~~-textarray-scroll-wrapper-height:calc(var(--text-~~tield~~-textarray-max-height) - var(--field-control-layout-border-width)2)}.TextFieldTypeTextArray-ScrollWrapper{max-height:var(--text-~~tield~~-textarray-scroll-wrapper-height);overflow:auto;padding-right:var(--text-field-textarray-padding,0);width:calc(100% + var(--text-field-textarray-padding))}
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))}

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

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

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

	@@ -1 +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","otherProps","handleBlur","handleChange","inputHandleClear","handleClear","handleFocus","focused","withInputValue","withValue","ref","handleClick","length","controllRef","scrollWrapperRef","mutableRefs","getRemoveItem","e","newValue","splice","current","keys","Enter","stringValue","target","scrollTo","top","scrollHeight","Backspace","currnetValue","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\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 controllRef = 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 (controllRef.current) {\n controllRef.current.scrollTo({\n top: controllRef.current.scrollHeight,\n });\n }\n }\n },\n Backspace: (e) => {\n const stringValue = e.target.value;\n const currnetValue = mutableRefs.current[2];\n\n if (!stringValue && currnetValue?.length) {\n e.preventDefault();\n const newValue = [...currnetValue];\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(controllRef);\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 (controllRef.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-tield-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-lenght' 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={controllRef}\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 />\n </div>\n </FieldControlLayout>\n );\n });\n"],"mappings":"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"}
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 (controlRef.current) {\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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"}

package/__internal__/src/components/TextFieldCanary/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export * from './TextField';
+export * from './TextFieldCanary';
 export * from './TextFieldTypeText';
 export * from './TextFieldTypeTextArea';
 export * from './TextFieldTypePassword';

package/__internal__/src/components/TextFieldCanary/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export*from"./TextField";export*from"./TextFieldTypeText";export*from"./TextFieldTypeTextArea";export*from"./TextFieldTypePassword";export*from"./TextFieldTypeNumber";export*from"./TextFieldTypeTextArray";export*from"./types";
+export*from"./TextFieldCanary";export*from"./TextFieldTypeText";export*from"./TextFieldTypeTextArea";export*from"./TextFieldTypePassword";export*from"./TextFieldTypeNumber";export*from"./TextFieldTypeTextArray";export*from"./types";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/TextFieldCanary/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/index.ts"],"sourcesContent":["export * from './~~TextField~~';\n\nexport * from './TextFieldTypeText';\nexport * from './TextFieldTypeTextArea';\nexport * from './TextFieldTypePassword';\nexport * from './TextFieldTypeNumber';\nexport * from './TextFieldTypeTextArray';\n\nexport * from './types';\n"],"mappings":"AAAA,~~yBAEA,~~iCACA,qCACA,qCACA,mCACA,sCAEA"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/TextFieldCanary/index.ts"],"sourcesContent":["export * from './TextFieldCanary';\n\nexport * from './TextFieldTypeText';\nexport * from './TextFieldTypeTextArea';\nexport * from './TextFieldTypePassword';\nexport * from './TextFieldTypeNumber';\nexport * from './TextFieldTypeTextArray';\n\nexport * from './types';\n"],"mappings":"AAAA,+BAEA,iCACA,qCACA,qCACA,mCACA,sCAEA"}

package/__internal__/src/components/TextFieldCanary/types.d.ts CHANGED Viewed

@@ -79,6 +79,7 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     onCutCapture?: React.ClipboardEventHandler<InputType<TYPE>>;
     onPaste?: React.ClipboardEventHandler<InputType<TYPE>>;
     onPasteCapture?: React.ClipboardEventHandler<InputType<TYPE>>;
+    onWheel?: React.WheelEventHandler<InputType<TYPE>>;
 }, HTMLDivElement> & TextFieldPropsTypeTextArea<TYPE> & TextFieldPropsTypeTextArray<TYPE> & TextFieldPropsTypeNumber<TYPE>;
 export declare type TextFieldComponent = <TYPE extends string>(props: TextFieldProps<TYPE>) => React.ReactElement | null;
 export declare type TextFieldTypeComponent<TYPE extends string> = (props: TextFieldProps<TYPE>) => React.ReactElement | null;

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

	@@ -1 +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 },\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":""}
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":""}

package/__internal__/src/components/UserSelect/UserSelect.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","searchValue","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm","onScrollToBottom","onSearchValueChange","onDropdownOpen","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs"];import"../SelectComponents/Select.css";import{IconClear}from"@consta/icons/IconClear";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponents/cnSelect";import{defaultlabelForCreate,defaultLabelForEmptyItems,defaultlabelForNotFound,getInputWidth}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{useSelect}from"../SelectComponents/useSelect";import{useForkRef}from"../../hooks/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus";import{isNotNil}from"../../utils/type-guards";import{clearSizeMap,iconSizeMap,isMultipleParams,isNotMultipleParams,searchCompare,withDefaultGetters}from"./helpers";import{UserSelectItem}from"./UserSelectItem/UserSelectItem";import{UserSelectValue}from"./UserSelectValue/UserSelectValue";export var COMPONENT_NAME="UserSelect";var UserSelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.isLoading,r=g.required,s=g.dropdownRef,t=void 0===s?c:s,u=g.form,v=void 0===u?defaultPropForm:u,w=g.view,x=void 0===w?defaultPropView:w,y=g.size,z=void 0===y?defaultPropSize:y,A=g.dropdownClassName,B=g.searchValue,C=g.name,D=g.groups,E=void 0===D?[]:D,F=g.getItemKey,G=g.getItemLabel,H=g.getItemSubLabel,I=g.getItemAvatarUrl,J=g.getItemGroupKey,K=g.getItemDisabled,L=g.getGroupKey,M=g.getGroupLabel,N=g.renderItem,O=g.renderValue,P=g.onCreate,Q=g.inputRef,R=g.labelForNotFound,S=void 0===R?defaultlabelForNotFound:R,T=g.labelForCreate,U=void 0===T?defaultlabelForCreate:T,V=g.labelForEmptyItems,W=void 0===V?defaultLabelForEmptyItems:V,X=g.multiple,Y=void 0!==X&&X,Z=g.searchFunction,$=g.style,_=g.dropdownForm,aa=void 0===_?"default":_,ba=g.onScrollToBottom,ca=g.onSearchValueChange,da=g.onDropdownOpen,ea=g.virtualScroll,fa=g.dropdownOpen,ga=g.ignoreOutsideClicksRefs,ha=_objectWithoutProperties(g,_excluded),ia=useSelect({items:k,groups:E,value:m,onChange:l,dropdownRef:t,controlRef:f,disabled:n,getItemLabel:G,getItemKey:F,getGroupKey:L,getItemGroupKey:J,searchValue:B,getItemDisabled:K,multiple:Y,onBlur:i,onFocus:j,onCreate:P,searchFunction:Z||function searchFunctionDefault(a,b){var c=searchCompare(b,G(a));return c?c:searchCompare(b,H(a))},onSearchValueChange:ca,onDropdownOpen:da,dropdownOpen:fa,ignoreOutsideClicksRefs:ga}),ja=ia.getKeyProps,ka=ia.getOptionProps,la=ia.isOpen,ma=ia.visibleItems,na=ia.isFocused,oa=ia.handleInputFocus,pa=ia.handleInputBlur,qa=ia.handleToggleDropdown,ra=ia.inputRef,sa=ia.handleInputClick,ta=ia.handleInputChange,ua=ia.searchValue,va=ia.clearValue,wa=ia.getHandleRemoveValue,xa=ia.notFound,ya=ia.hasItems,za=ia.optionsRefs,Aa=p?"".concat(p,"-input"):p,Ba=O||function renderValueDefault(a){var b=a.item,c=a.handleRemove;return React.createElement(UserSelectValue,{label:G(b),subLabel:H(b),avatarUrl:I(b),key:F(b),size:z,handleRemove:c,multiple:Y,disabled:n||K(b)})},Ca=useForkRef([ra,Q]),Da=function(){var b=Y?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return Ba({item:a,handleRemove:wa(a)})}),isNotMultipleParams(a)&&isNotNil(a.value)&&Ba({item:a.value}),(!isNotNil(m)||Array.isArray(m)&&0===m.length)&&!ua&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},ja(),{type:"text",name:C,id:Aa,onFocus:oa,onBlur:pa,"aria-label":o,onChange:ta,ref:Ca,className:cnSelect("Input",{size:z,hide:!Y&&isNotNil(m),multiple:Y,isUserSelect:!0}),value:ua,style:{width:b}})))};return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:na,disabled:n,size:z,required:r,id:Aa,view:x,type:"userselect",form:v,multiple:!0,ref:b,style:$},ha),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":la,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:sa,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},Y?React.createElement("div",{className:cnSelect("ControlValue",{isUserSelect:!0})},Da()):Da())),React.createElement("span",{className:cnSelect("Indicators")},isNotNil(m)&&React.createElement("button",{type:"button",onClick:va,tabIndex:-1,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClear,{size:clearSizeMap[z],className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:qa},React.createElement(IconSelect,{size:iconSizeMap[z],className:cnSelect("DropdownIndicatorIcon")})))),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},ua)),React.createElement(SelectDropdown,{isOpen:la,size:z,controlRef:f,getOptionProps:ka,dropdownRef:t,form:aa,isLoading:q,className:A,renderItem:N||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter,g=a.ref;return React.createElement(UserSelectItem,{label:G(b),subLabel:H(b),avatarUrl:I(b),active:c,hovered:d,size:z,indent:"round"===aa?"increased":"normal",onClick:e,onMouseEnter:f,disable:K(b),multiple:Y,ref:g})},getGroupLabel:M,visibleItems:ma,labelForNotFound:S,labelForCreate:U,notFound:xa,hasItems:ya,labelForEmptyItems:W,itemsRefs:za,onScrollToBottom:ba,virtualScroll:ea,style:"number"==typeof(null===$||void 0===$?void 0:$.zIndex)?{zIndex:$.zIndex+1}:void 0}))};export var UserSelect=forwardRef(UserSelectRender);export*from"./helpers";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","searchValue","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm","onScrollToBottom","onSearchValueChange","onDropdownOpen","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs"];import"../SelectComponents/Select.css";import{IconClear}from"@consta/icons/IconClear";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponents/cnSelect";import{defaultLabelForCreate,defaultLabelForEmptyItems,defaultLabelForNotFound,getInputWidth}from"../SelectComponents/helpers";import{SelectContainer}from"../SelectComponents/SelectContainer";import{SelectDropdown}from"../SelectComponents/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponents/types";import{useSelect}from"../SelectComponents/useSelect";import{useForkRef}from"../../hooks/useForkRef";import{cnMixFocus}from"../../mixs/MixFocus";import{isNotNil}from"../../utils/type-guards";import{clearSizeMap,iconSizeMap,isMultipleParams,isNotMultipleParams,searchCompare,withDefaultGetters}from"./helpers";import{UserSelectItem}from"./UserSelectItem/UserSelectItem";import{UserSelectValue}from"./UserSelectValue/UserSelectValue";export var COMPONENT_NAME="UserSelect";var UserSelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.isLoading,r=g.required,s=g.dropdownRef,t=void 0===s?c:s,u=g.form,v=void 0===u?defaultPropForm:u,w=g.view,x=void 0===w?defaultPropView:w,y=g.size,z=void 0===y?defaultPropSize:y,A=g.dropdownClassName,B=g.searchValue,C=g.name,D=g.groups,E=void 0===D?[]:D,F=g.getItemKey,G=g.getItemLabel,H=g.getItemSubLabel,I=g.getItemAvatarUrl,J=g.getItemGroupKey,K=g.getItemDisabled,L=g.getGroupKey,M=g.getGroupLabel,N=g.renderItem,O=g.renderValue,P=g.onCreate,Q=g.inputRef,R=g.labelForNotFound,S=void 0===R?defaultLabelForNotFound:R,T=g.labelForCreate,U=void 0===T?defaultLabelForCreate:T,V=g.labelForEmptyItems,W=void 0===V?defaultLabelForEmptyItems:V,X=g.multiple,Y=void 0!==X&&X,Z=g.searchFunction,$=g.style,_=g.dropdownForm,aa=void 0===_?"default":_,ba=g.onScrollToBottom,ca=g.onSearchValueChange,da=g.onDropdownOpen,ea=g.virtualScroll,fa=g.dropdownOpen,ga=g.ignoreOutsideClicksRefs,ha=_objectWithoutProperties(g,_excluded),ia=useSelect({items:k,groups:E,value:m,onChange:l,dropdownRef:t,controlRef:f,disabled:n,getItemLabel:G,getItemKey:F,getGroupKey:L,getItemGroupKey:J,searchValue:B,getItemDisabled:K,multiple:Y,onBlur:i,onFocus:j,onCreate:P,searchFunction:Z||function searchFunctionDefault(a,b){var c=searchCompare(b,G(a));return c?c:searchCompare(b,H(a))},onSearchValueChange:ca,onDropdownOpen:da,dropdownOpen:fa,ignoreOutsideClicksRefs:ga}),ja=ia.getKeyProps,ka=ia.getOptionProps,la=ia.isOpen,ma=ia.visibleItems,na=ia.isFocused,oa=ia.handleInputFocus,pa=ia.handleInputBlur,qa=ia.handleToggleDropdown,ra=ia.inputRef,sa=ia.handleInputClick,ta=ia.handleInputChange,ua=ia.searchValue,va=ia.clearValue,wa=ia.getHandleRemoveValue,xa=ia.notFound,ya=ia.hasItems,za=ia.optionsRefs,Aa=p?"".concat(p,"-input"):p,Ba=O||function renderValueDefault(a){var b=a.item,c=a.handleRemove;return React.createElement(UserSelectValue,{label:G(b),subLabel:H(b),avatarUrl:I(b),key:F(b),size:z,handleRemove:c,multiple:Y,disabled:n||K(b)})},Ca=useForkRef([ra,Q]),Da=function(){var b=Y?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return Ba({item:a,handleRemove:wa(a)})}),isNotMultipleParams(a)&&isNotNil(a.value)&&Ba({item:a.value}),(!isNotNil(m)||Array.isArray(m)&&0===m.length)&&!ua&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},ja(),{type:"text",name:C,id:Aa,onFocus:oa,onBlur:pa,"aria-label":o,onChange:ta,ref:Ca,className:cnSelect("Input",{size:z,hide:!Y&&isNotNil(m),multiple:Y,isUserSelect:!0}),value:ua,style:{width:b}})))};return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:na,disabled:n,size:z,required:r,id:Aa,view:x,type:"userselect",form:v,multiple:!0,ref:b,style:$},ha),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":la,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:sa,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},Y?React.createElement("div",{className:cnSelect("ControlValue",{isUserSelect:!0})},Da()):Da())),React.createElement("span",{className:cnSelect("Indicators")},isNotNil(m)&&React.createElement("button",{type:"button",onClick:va,tabIndex:-1,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClear,{size:clearSizeMap[z],className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:qa},React.createElement(IconSelect,{size:iconSizeMap[z],className:cnSelect("DropdownIndicatorIcon")})))),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},ua)),React.createElement(SelectDropdown,{isOpen:la,size:z,controlRef:f,getOptionProps:ka,dropdownRef:t,form:aa,isLoading:q,className:A,renderItem:N||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter,g=a.ref;return React.createElement(UserSelectItem,{label:G(b),subLabel:H(b),avatarUrl:I(b),active:c,hovered:d,size:z,indent:"round"===aa?"increased":"normal",onClick:e,onMouseEnter:f,disable:K(b),multiple:Y,ref:g})},getGroupLabel:M,visibleItems:ma,labelForNotFound:S,labelForCreate:U,notFound:xa,hasItems:ya,labelForEmptyItems:W,itemsRefs:za,onScrollToBottom:ba,virtualScroll:ea,style:"number"==typeof(null===$||void 0===$?void 0:$.zIndex)?{zIndex:$.zIndex+1}:void 0}))};export var UserSelect=forwardRef(UserSelectRender);export*from"./helpers";
 //# sourceMappingURL=UserSelect.js.map

package/__internal__/src/components/UserSelect/UserSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserSelect.js","names":["IconClear","IconSelect","React","forwardRef","useRef","usePropsHandler","cnSelect","defaultlabelForCreate","defaultLabelForEmptyItems","defaultlabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","useSelect","useForkRef","cnMixFocus","isNotNil","clearSizeMap","iconSizeMap","isMultipleParams","isNotMultipleParams","searchCompare","withDefaultGetters","UserSelectItem","UserSelectValue","COMPONENT_NAME","UserSelectRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","searchValueProp","searchValue","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm","onScrollToBottom","onSearchValueChange","onDropdownOpen","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs","restProps","searchFunctionDefault","item","searchOfLabel","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","getHandleRemoveValue","notFound","hasItems","optionsRefs","inputId","renderValueDefault","handleRemove","inputRefForRender","renderControlValue","width","Array","isArray","map","length","hide","isUserSelect","hasInput","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","UserSelect"],"sources":["../../../../../src/components/UserSelect/UserSelect.tsx"],"sourcesContent":["import '##/components/SelectComponents/Select.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { cnSelect } from '##/components/SelectComponents/cnSelect';\nimport {\n defaultlabelForCreate,\n defaultLabelForEmptyItems,\n defaultlabelForNotFound,\n getInputWidth,\n} from '##/components/SelectComponents/helpers';\nimport { SelectContainer } from '##/components/SelectComponents/SelectContainer';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { useSelect } from '##/components/SelectComponents/useSelect';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n clearSizeMap,\n iconSizeMap,\n isMultipleParams,\n isNotMultipleParams,\n searchCompare,\n UserSelectComponent,\n UserSelectGroupDefault,\n UserSelectItemDefault,\n UserSelectPropRenderItem,\n UserSelectPropRenderValue,\n UserSelectProps,\n withDefaultGetters,\n} from './helpers';\nimport { UserSelectItem } from './UserSelectItem/UserSelectItem';\nimport { UserSelectValue } from './UserSelectValue/UserSelectValue';\n\nexport const COMPONENT_NAME = 'UserSelect' as const;\n\nconst UserSelectRender = <\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n>(\n props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const defaultDropdownRef = useRef<HTMLDivElement \| null>(null);\n const controlInnerRef = useRef<HTMLDivElement>(null);\n const helperInputFakeElement = useRef<HTMLDivElement>(null);\n const controlRef = useRef<HTMLDivElement \| null>(null);\n\n const {\n placeholder,\n onBlur,\n onFocus,\n items,\n onChange,\n value,\n disabled,\n ariaLabel,\n id,\n isLoading,\n required,\n dropdownRef = defaultDropdownRef,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n dropdownClassName,\n searchValue: searchValueProp,\n name,\n groups = [],\n getItemKey,\n getItemLabel,\n getItemSubLabel,\n getItemAvatarUrl,\n getItemGroupKey,\n getItemDisabled,\n getGroupKey,\n getGroupLabel,\n renderItem,\n renderValue: renderValueProp,\n onCreate,\n inputRef: inputRefProp,\n labelForNotFound = defaultlabelForNotFound,\n labelForCreate = defaultlabelForCreate,\n labelForEmptyItems = defaultLabelForEmptyItems,\n multiple = false,\n searchFunction,\n style,\n dropdownForm = 'default',\n onScrollToBottom,\n onSearchValueChange,\n onDropdownOpen,\n virtualScroll,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n ...restProps\n } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string): boolean => {\n const searchOfLabel = searchCompare(searchValue, getItemLabel(item));\n\n if (searchOfLabel) {\n return searchOfLabel;\n }\n\n return searchCompare(searchValue, getItemSubLabel(item));\n };\n\n const {\n getKeyProps,\n getOptionProps,\n isOpen,\n visibleItems,\n isFocused,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n inputRef,\n handleInputClick,\n handleInputChange,\n searchValue,\n clearValue,\n getHandleRemoveValue,\n notFound,\n hasItems,\n optionsRefs,\n } = useSelect({\n items,\n groups,\n value,\n onChange,\n dropdownRef,\n controlRef,\n disabled,\n getItemLabel,\n getItemKey,\n getGroupKey,\n getItemGroupKey,\n searchValue: searchValueProp,\n getItemDisabled,\n multiple,\n onBlur,\n onFocus,\n onCreate,\n searchFunction: searchFunction \|\| searchFunctionDefault,\n onSearchValueChange,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n });\n\n const inputId = id ? `${id}-input` : id;\n\n const renderItemDefault: UserSelectPropRenderItem<ITEM> = (props) => {\n const { item, active, hovered, onClick, onMouseEnter, ref } = props;\n\n return (\n <UserSelectItem\n label={getItemLabel(item)}\n subLabel={getItemSubLabel(item)}\n avatarUrl={getItemAvatarUrl(item)}\n active={active}\n hovered={hovered}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n disable={getItemDisabled(item)}\n multiple={multiple}\n ref={ref}\n />\n );\n };\n\n const renderValueDefault: UserSelectPropRenderValue<ITEM> = ({\n item,\n handleRemove,\n }) => {\n return (\n <UserSelectValue\n label={getItemLabel(item)}\n subLabel={getItemSubLabel(item)}\n avatarUrl={getItemAvatarUrl(item)}\n key={getItemKey(item)}\n size={size}\n handleRemove={handleRemove}\n multiple={multiple}\n disabled={disabled \|\| getItemDisabled(item)}\n />\n );\n };\n\n const renderValue = renderValueProp \|\| renderValueDefault;\n\n const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n const renderControlValue = () => {\n const width = multiple\n ? getInputWidth(controlInnerRef, helperInputFakeElement)\n : undefined;\n return (\n <>\n {isMultipleParams(props) &&\n Array.isArray(props.value) &&\n props.value.map((item) =>\n renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n )}\n {isNotMultipleParams(props) &&\n isNotNil(props.value) &&\n renderValue({ item: props.value })}\n {(!isNotNil(value) \|\| (Array.isArray(value) && value.length === 0)) &&\n !searchValue &&\n placeholder && (\n <span className={cnSelect('Placeholder')} title=\"placeholder\">\n {placeholder}\n </span>\n )}\n <input\n {...getKeyProps()}\n type=\"text\"\n name={name}\n id={inputId}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n aria-label={ariaLabel}\n onChange={handleInputChange}\n ref={inputRefForRender}\n className={cnSelect('Input', {\n size,\n hide: !multiple && isNotNil(value),\n multiple,\n isUserSelect: true,\n })}\n value={searchValue}\n style={{ width }}\n />\n </>\n );\n };\n\n return (\n <>\n <SelectContainer\n focused={isFocused}\n disabled={disabled}\n size={size}\n required={required}\n id={inputId}\n view={view}\n type=\"userselect\"\n form={form}\n multiple\n ref={ref}\n style={style}\n {...restProps}\n >\n <div\n className={cnSelect('Control', { hasInput: true })}\n ref={controlRef}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n id={id}\n >\n <div\n className={cnSelect('ControlInner')}\n onClick={handleInputClick}\n role=\"button\"\n ref={controlInnerRef}\n aria-hidden=\"true\"\n >\n <div className={cnSelect('ControlValueContainer')}>\n {multiple ? (\n <div\n className={cnSelect('ControlValue', { isUserSelect: true })}\n >\n {renderControlValue()}\n </div>\n ) : (\n renderControlValue()\n )}\n </div>\n </div>\n <span className={cnSelect('Indicators')}>\n {isNotNil(value) && (\n <button\n type=\"button\"\n onClick={clearValue}\n tabIndex={-1}\n className={cnSelect('ClearIndicator', [cnMixFocus()])}\n >\n <IconClear\n size={clearSizeMap[size]}\n className={cnSelect('ClearIndicatorIcon')}\n />\n </button>\n )}\n <span className={cnSelect('Delimiter')} />\n <button\n type=\"button\"\n className={cnSelect('IndicatorsDropdown')}\n tabIndex={-1}\n onClick={handleToggleDropdown}\n >\n <IconSelect\n size={iconSizeMap[size]}\n className={cnSelect('DropdownIndicatorIcon')}\n />\n </button>\n </span>\n </div>\n <div\n className={cnSelect('HelperInputFakeElement')}\n ref={helperInputFakeElement}\n >\n {searchValue}\n </div>\n </SelectContainer>\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={controlRef}\n getOptionProps={getOptionProps}\n dropdownRef={dropdownRef}\n form={dropdownForm}\n isLoading={isLoading}\n className={dropdownClassName}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n labelForNotFound={labelForNotFound}\n labelForCreate={labelForCreate}\n notFound={notFound}\n hasItems={hasItems}\n labelForEmptyItems={labelForEmptyItems}\n itemsRefs={optionsRefs}\n onScrollToBottom={onScrollToBottom}\n virtualScroll={virtualScroll}\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n />\n </>\n );\n};\n\nexport const UserSelect = forwardRef(UserSelectRender) as UserSelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}
1	+ {"version":3,"file":"UserSelect.js","names":["IconClear","IconSelect","React","forwardRef","useRef","usePropsHandler","cnSelect","defaultLabelForCreate","defaultLabelForEmptyItems","defaultLabelForNotFound","getInputWidth","SelectContainer","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","useSelect","useForkRef","cnMixFocus","isNotNil","clearSizeMap","iconSizeMap","isMultipleParams","isNotMultipleParams","searchCompare","withDefaultGetters","UserSelectItem","UserSelectValue","COMPONENT_NAME","UserSelectRender","props","ref","defaultDropdownRef","controlInnerRef","helperInputFakeElement","controlRef","placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","searchValueProp","searchValue","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValueProp","renderValue","onCreate","inputRefProp","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm","onScrollToBottom","onSearchValueChange","onDropdownOpen","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs","restProps","searchFunctionDefault","item","searchOfLabel","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","getHandleRemoveValue","notFound","hasItems","optionsRefs","inputId","renderValueDefault","handleRemove","inputRefForRender","renderControlValue","width","Array","isArray","map","length","hide","isUserSelect","hasInput","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","UserSelect"],"sources":["../../../../../src/components/UserSelect/UserSelect.tsx"],"sourcesContent":["import '##/components/SelectComponents/Select.css';\n\nimport { IconClear } from '@consta/icons/IconClear';\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport { cnSelect } from '##/components/SelectComponents/cnSelect';\nimport {\n defaultLabelForCreate,\n defaultLabelForEmptyItems,\n defaultLabelForNotFound,\n getInputWidth,\n} from '##/components/SelectComponents/helpers';\nimport { SelectContainer } from '##/components/SelectComponents/SelectContainer';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { useSelect } from '##/components/SelectComponents/useSelect';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n clearSizeMap,\n iconSizeMap,\n isMultipleParams,\n isNotMultipleParams,\n searchCompare,\n UserSelectComponent,\n UserSelectGroupDefault,\n UserSelectItemDefault,\n UserSelectPropRenderItem,\n UserSelectPropRenderValue,\n UserSelectProps,\n withDefaultGetters,\n} from './helpers';\nimport { UserSelectItem } from './UserSelectItem/UserSelectItem';\nimport { UserSelectValue } from './UserSelectValue/UserSelectValue';\n\nexport const COMPONENT_NAME = 'UserSelect' as const;\n\nconst UserSelectRender = <\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n>(\n props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const defaultDropdownRef = useRef<HTMLDivElement \| null>(null);\n const controlInnerRef = useRef<HTMLDivElement>(null);\n const helperInputFakeElement = useRef<HTMLDivElement>(null);\n const controlRef = useRef<HTMLDivElement \| null>(null);\n\n const {\n placeholder,\n onBlur,\n onFocus,\n items,\n onChange,\n value,\n disabled,\n ariaLabel,\n id,\n isLoading,\n required,\n dropdownRef = defaultDropdownRef,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n dropdownClassName,\n searchValue: searchValueProp,\n name,\n groups = [],\n getItemKey,\n getItemLabel,\n getItemSubLabel,\n getItemAvatarUrl,\n getItemGroupKey,\n getItemDisabled,\n getGroupKey,\n getGroupLabel,\n renderItem,\n renderValue: renderValueProp,\n onCreate,\n inputRef: inputRefProp,\n labelForNotFound = defaultLabelForNotFound,\n labelForCreate = defaultLabelForCreate,\n labelForEmptyItems = defaultLabelForEmptyItems,\n multiple = false,\n searchFunction,\n style,\n dropdownForm = 'default',\n onScrollToBottom,\n onSearchValueChange,\n onDropdownOpen,\n virtualScroll,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n ...restProps\n } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n const searchFunctionDefault = (item: ITEM, searchValue: string): boolean => {\n const searchOfLabel = searchCompare(searchValue, getItemLabel(item));\n\n if (searchOfLabel) {\n return searchOfLabel;\n }\n\n return searchCompare(searchValue, getItemSubLabel(item));\n };\n\n const {\n getKeyProps,\n getOptionProps,\n isOpen,\n visibleItems,\n isFocused,\n handleInputFocus,\n handleInputBlur,\n handleToggleDropdown,\n inputRef,\n handleInputClick,\n handleInputChange,\n searchValue,\n clearValue,\n getHandleRemoveValue,\n notFound,\n hasItems,\n optionsRefs,\n } = useSelect({\n items,\n groups,\n value,\n onChange,\n dropdownRef,\n controlRef,\n disabled,\n getItemLabel,\n getItemKey,\n getGroupKey,\n getItemGroupKey,\n searchValue: searchValueProp,\n getItemDisabled,\n multiple,\n onBlur,\n onFocus,\n onCreate,\n searchFunction: searchFunction \|\| searchFunctionDefault,\n onSearchValueChange,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n });\n\n const inputId = id ? `${id}-input` : id;\n\n const renderItemDefault: UserSelectPropRenderItem<ITEM> = (props) => {\n const { item, active, hovered, onClick, onMouseEnter, ref } = props;\n\n return (\n <UserSelectItem\n label={getItemLabel(item)}\n subLabel={getItemSubLabel(item)}\n avatarUrl={getItemAvatarUrl(item)}\n active={active}\n hovered={hovered}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n disable={getItemDisabled(item)}\n multiple={multiple}\n ref={ref}\n />\n );\n };\n\n const renderValueDefault: UserSelectPropRenderValue<ITEM> = ({\n item,\n handleRemove,\n }) => {\n return (\n <UserSelectValue\n label={getItemLabel(item)}\n subLabel={getItemSubLabel(item)}\n avatarUrl={getItemAvatarUrl(item)}\n key={getItemKey(item)}\n size={size}\n handleRemove={handleRemove}\n multiple={multiple}\n disabled={disabled \|\| getItemDisabled(item)}\n />\n );\n };\n\n const renderValue = renderValueProp \|\| renderValueDefault;\n\n const inputRefForRender = useForkRef([inputRef, inputRefProp]);\n\n const renderControlValue = () => {\n const width = multiple\n ? getInputWidth(controlInnerRef, helperInputFakeElement)\n : undefined;\n return (\n <>\n {isMultipleParams(props) &&\n Array.isArray(props.value) &&\n props.value.map((item) =>\n renderValue({ item, handleRemove: getHandleRemoveValue(item) }),\n )}\n {isNotMultipleParams(props) &&\n isNotNil(props.value) &&\n renderValue({ item: props.value })}\n {(!isNotNil(value) \|\| (Array.isArray(value) && value.length === 0)) &&\n !searchValue &&\n placeholder && (\n <span className={cnSelect('Placeholder')} title=\"placeholder\">\n {placeholder}\n </span>\n )}\n <input\n {...getKeyProps()}\n type=\"text\"\n name={name}\n id={inputId}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n aria-label={ariaLabel}\n onChange={handleInputChange}\n ref={inputRefForRender}\n className={cnSelect('Input', {\n size,\n hide: !multiple && isNotNil(value),\n multiple,\n isUserSelect: true,\n })}\n value={searchValue}\n style={{ width }}\n />\n </>\n );\n };\n\n return (\n <>\n <SelectContainer\n focused={isFocused}\n disabled={disabled}\n size={size}\n required={required}\n id={inputId}\n view={view}\n type=\"userselect\"\n form={form}\n multiple\n ref={ref}\n style={style}\n {...restProps}\n >\n <div\n className={cnSelect('Control', { hasInput: true })}\n ref={controlRef}\n aria-expanded={isOpen}\n aria-haspopup=\"listbox\"\n id={id}\n >\n <div\n className={cnSelect('ControlInner')}\n onClick={handleInputClick}\n role=\"button\"\n ref={controlInnerRef}\n aria-hidden=\"true\"\n >\n <div className={cnSelect('ControlValueContainer')}>\n {multiple ? (\n <div\n className={cnSelect('ControlValue', { isUserSelect: true })}\n >\n {renderControlValue()}\n </div>\n ) : (\n renderControlValue()\n )}\n </div>\n </div>\n <span className={cnSelect('Indicators')}>\n {isNotNil(value) && (\n <button\n type=\"button\"\n onClick={clearValue}\n tabIndex={-1}\n className={cnSelect('ClearIndicator', [cnMixFocus()])}\n >\n <IconClear\n size={clearSizeMap[size]}\n className={cnSelect('ClearIndicatorIcon')}\n />\n </button>\n )}\n <span className={cnSelect('Delimiter')} />\n <button\n type=\"button\"\n className={cnSelect('IndicatorsDropdown')}\n tabIndex={-1}\n onClick={handleToggleDropdown}\n >\n <IconSelect\n size={iconSizeMap[size]}\n className={cnSelect('DropdownIndicatorIcon')}\n />\n </button>\n </span>\n </div>\n <div\n className={cnSelect('HelperInputFakeElement')}\n ref={helperInputFakeElement}\n >\n {searchValue}\n </div>\n </SelectContainer>\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={controlRef}\n getOptionProps={getOptionProps}\n dropdownRef={dropdownRef}\n form={dropdownForm}\n isLoading={isLoading}\n className={dropdownClassName}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n labelForNotFound={labelForNotFound}\n labelForCreate={labelForCreate}\n notFound={notFound}\n hasItems={hasItems}\n labelForEmptyItems={labelForEmptyItems}\n itemsRefs={optionsRefs}\n onScrollToBottom={onScrollToBottom}\n virtualScroll={virtualScroll}\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n />\n </>\n );\n};\n\nexport const UserSelect = forwardRef(UserSelectRender) as UserSelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import{IconCheck}from"@consta/icons/IconCheck";import React,{forwardRef,useRef}from"react";import{Transition}from"react-transition-group";import{Avatar}from"../../Avatar";import{mapHorisontalSpase,mapHorisontalSpaseIncreased,mapItemVerticalPadding}from"../../ListCanary";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";export var cnUserSelectItem=cn("UserSelectItem");export var UserSelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.subLabel,f=a.avatarUrl,g=a.active,h=a.hovered,i=a.size,j=a.indent,k=a.disable,l=a.multiple,m=_objectWithoutProperties(a,_excluded),n=useRef(null);return React.createElement("div",Object.assign({},m,{className:cnUserSelectItem({active:g,hovered:h,size:i,indent:j,disable:k},[cnMixSpace({pH:"increased"===j?mapHorisontalSpaseIncreased[i]:mapHorisontalSpase[i],pV:mapItemVerticalPadding[i]}),c]),"aria-selected":g,ref:b}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:f,name:d,monochrome:k}),l&&React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:200,nodeRef:n},function(a){return React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon",{animate:a}),ref:n})}),!l&&g&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),e?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,d),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:k})},e)):React.createElement("div",{className:cnUserSelectItem("Info")},d))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple"];import"./UserSelectItem.css";import{IconCheck}from"@consta/icons/IconCheck";import React,{forwardRef,useRef}from"react";import{Transition}from"react-transition-group";import{Avatar}from"../../Avatar";import{mapHorizontalSpace,mapHorizontalSpaceIncreased,mapItemVerticalPadding}from"../../ListCanary";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";export var cnUserSelectItem=cn("UserSelectItem");export var UserSelectItem=forwardRef(function(a,b){var c=a.className,d=a.label,e=a.subLabel,f=a.avatarUrl,g=a.active,h=a.hovered,i=a.size,j=a.indent,k=a.disable,l=a.multiple,m=_objectWithoutProperties(a,_excluded),n=useRef(null);return React.createElement("div",Object.assign({},m,{className:cnUserSelectItem({active:g,hovered:h,size:i,indent:j,disable:k},[cnMixSpace({pH:"increased"===j?mapHorizontalSpaceIncreased[i]:mapHorizontalSpace[i],pV:mapItemVerticalPadding[i]}),c]),"aria-selected":g,ref:b}),React.createElement("div",{className:cnUserSelectItem("AvatarContainer")},React.createElement(Avatar,{className:cnUserSelectItem("Avatar"),url:f,name:d,monochrome:k}),l&&React.createElement(Transition,{in:g,unmountOnExit:!0,timeout:200,nodeRef:n},function(a){return React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon",{animate:a}),ref:n})}),!l&&g&&React.createElement(IconCheck,{className:cnUserSelectItem("CheckIcon")})),e?React.createElement("div",{className:cnUserSelectItem("Info")},React.createElement("div",null,d),React.createElement("div",{className:cnUserSelectItem("SubLabel",{disable:k})},e)):React.createElement("div",{className:cnUserSelectItem("Info")},d))});
 //# sourceMappingURL=UserSelectItem.js.map

package/__internal__/src/components/UserSelect/UserSelectItem/UserSelectItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UserSelectItem.js","names":["IconCheck","React","forwardRef","useRef","Transition","Avatar","~~mapHorisontalSpase~~","~~mapHorisontalSpaseIncreased~~","mapItemVerticalPadding","cnMixSpace","cn","cnUserSelectItem","UserSelectItem","props","ref","className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple","otherProps","iconRef","pH","pV","animate"],"sources":["../../../../../../src/components/UserSelect/UserSelectItem/UserSelectItem.tsx"],"sourcesContent":["import './UserSelectItem.css';\n\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React, { forwardRef, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Avatar } from '##/components/Avatar';\nimport {\n ~~mapHorisontalSpase~~,\n ~~mapHorisontalSpaseIncreased~~,\n mapItemVerticalPadding,\n} from '##/components/ListCanary';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype UserSelectItemProps = PropsWithHTMLAttributes<\n {\n label: string;\n active: boolean;\n hovered: boolean;\n size: 's' \| 'm' \| 'l';\n indent: 'normal' \| 'increased';\n subLabel?: string;\n avatarUrl?: string;\n disable?: boolean;\n multiple?: boolean;\n },\n HTMLDivElement\n>;\n\nexport const cnUserSelectItem = cn('UserSelectItem');\n\nexport const UserSelectItem = forwardRef<HTMLDivElement, UserSelectItemProps>(\n (props, ref) => {\n const {\n className,\n label,\n subLabel,\n avatarUrl,\n active,\n hovered,\n size,\n indent,\n disable,\n multiple,\n ...otherProps\n } = props;\n\n const iconRef = useRef<HTMLSpanElement>(null);\n\n return (\n <div\n {...otherProps}\n className={cnUserSelectItem(\n { active, hovered, size, indent, disable },\n [\n cnMixSpace({\n pH:\n indent === 'increased'\n ? ~~mapHorisontalSpaseIncreased~~[size]\n : ~~mapHorisontalSpase~~[size],\n pV: mapItemVerticalPadding[size],\n }),\n className,\n ],\n )}\n aria-selected={active}\n ref={ref}\n >\n <div className={cnUserSelectItem('AvatarContainer')}>\n <Avatar\n className={cnUserSelectItem('Avatar')}\n url={avatarUrl}\n name={label}\n monochrome={disable}\n />\n {multiple && (\n <Transition\n in={active}\n unmountOnExit\n timeout={200}\n nodeRef={iconRef}\n >\n {(animate) => (\n <IconCheck\n className={cnUserSelectItem('CheckIcon', { animate })}\n ref={iconRef}\n />\n )}\n </Transition>\n )}\n {!multiple && active && (\n <IconCheck className={cnUserSelectItem('CheckIcon')} />\n )}\n </div>\n {!subLabel ? (\n <div className={cnUserSelectItem('Info')}>{label}</div>\n ) : (\n <div className={cnUserSelectItem('Info')}>\n <div>{label}</div>\n <div className={cnUserSelectItem('SubLabel', { disable })}>\n {subLabel}\n </div>\n </div>\n )}\n </div>\n );\n },\n);\n"],"mappings":"wMAAA,6BAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,oBACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,wBAKA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,iBAAgB,CAAGD,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAME,eAAc,CAAGV,UAAU,CACtC,SAACW,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAaVF,CAbU,CAEZE,SAFY,CAGZC,CAHY,CAaVH,CAbU,CAGZG,KAHY,CAIZC,CAJY,CAaVJ,CAbU,CAIZI,QAJY,CAKZC,CALY,CAaVL,CAbU,CAKZK,SALY,CAMZC,CANY,CAaVN,CAbU,CAMZM,MANY,CAOZC,CAPY,CAaVP,CAbU,CAOZO,OAPY,CAQZC,CARY,CAaVR,CAbU,CAQZQ,IARY,CASZC,CATY,CAaVT,CAbU,CASZS,MATY,CAUZC,CAVY,CAaVV,CAbU,CAUZU,OAVY,CAWZC,CAXY,CAaVX,CAbU,CAWZW,QAXY,CAYTC,CAZS,0BAaVZ,CAbU,YAeRa,CAAO,CAAGvB,MAAM,CAAkB,IAAlB,CAfR,CAiBd,MACE,4CACMsB,CADN,EAEE,SAAS,CAAEd,gBAAgB,CACzB,CAAEQ,MAAM,CAANA,CAAF,CAAUC,OAAO,CAAPA,CAAV,CAAmBC,IAAI,CAAJA,CAAnB,CAAyBC,MAAM,CAANA,CAAzB,CAAiCC,OAAO,CAAPA,CAAjC,CADyB,CAEzB,CACEd,UAAU,CAAC,CACTkB,EAAE,CACW,WAAX,GAAAL,CAAM,CACFf,2BAA2B,CAACc,CAAD,CADzB,CAEFf,kBAAkB,CAACe,CAAD,CAJf,CAKTO,EAAE,CAAEpB,sBAAsB,CAACa,CAAD,CALjB,CAAD,CADZ,CAQEN,CARF,CAFyB,CAF7B,CAeE,gBAAeI,CAfjB,CAgBE,GAAG,CAAEL,CAhBP,GAkBE,2BAAK,SAAS,CAAEH,gBAAgB,CAAC,iBAAD,CAAhC,EACE,oBAAC,MAAD,EACE,SAAS,CAAEA,gBAAgB,CAAC,QAAD,CAD7B,CAEE,GAAG,CAAEO,CAFP,CAGE,IAAI,CAAEF,CAHR,CAIE,UAAU,CAAEO,CAJd,EADF,CAOGC,CAAQ,EACP,oBAAC,UAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAE,GAHX,CAIE,OAAO,CAAEO,CAJX,EAMG,SAACG,CAAD,QACC,qBAAC,SAAD,EACE,SAAS,CAAElB,gBAAgB,CAAC,WAAD,CAAc,CAAEkB,OAAO,CAAPA,CAAF,CAAd,CAD7B,CAEE,GAAG,CAAEH,CAFP,EADD,CANH,CARJ,CAsBG,CAACF,CAAD,EAAaL,CAAb,EACC,oBAAC,SAAD,EAAW,SAAS,CAAER,gBAAgB,CAAC,WAAD,CAAtC,EAvBJ,CAlBF,CA4CIM,CAAD,CAGC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EACE,+BAAMK,CAAN,CADF,CAEE,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,UAAD,CAAa,CAAEY,OAAO,CAAPA,CAAF,CAAb,CAAhC,EACGN,CADH,CAFF,CAHD,CACC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EAA2CK,CAA3C,CA7CJ,CAwDH,CA3EqC,CAAjC"}
1	+ {"version":3,"file":"UserSelectItem.js","names":["IconCheck","React","forwardRef","useRef","Transition","Avatar","mapHorizontalSpace","mapHorizontalSpaceIncreased","mapItemVerticalPadding","cnMixSpace","cn","cnUserSelectItem","UserSelectItem","props","ref","className","label","subLabel","avatarUrl","active","hovered","size","indent","disable","multiple","otherProps","iconRef","pH","pV","animate"],"sources":["../../../../../../src/components/UserSelect/UserSelectItem/UserSelectItem.tsx"],"sourcesContent":["import './UserSelectItem.css';\n\nimport { IconCheck } from '@consta/icons/IconCheck';\nimport React, { forwardRef, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { Avatar } from '##/components/Avatar';\nimport {\n mapHorizontalSpace,\n mapHorizontalSpaceIncreased,\n mapItemVerticalPadding,\n} from '##/components/ListCanary';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype UserSelectItemProps = PropsWithHTMLAttributes<\n {\n label: string;\n active: boolean;\n hovered: boolean;\n size: 's' \| 'm' \| 'l';\n indent: 'normal' \| 'increased';\n subLabel?: string;\n avatarUrl?: string;\n disable?: boolean;\n multiple?: boolean;\n },\n HTMLDivElement\n>;\n\nexport const cnUserSelectItem = cn('UserSelectItem');\n\nexport const UserSelectItem = forwardRef<HTMLDivElement, UserSelectItemProps>(\n (props, ref) => {\n const {\n className,\n label,\n subLabel,\n avatarUrl,\n active,\n hovered,\n size,\n indent,\n disable,\n multiple,\n ...otherProps\n } = props;\n\n const iconRef = useRef<HTMLSpanElement>(null);\n\n return (\n <div\n {...otherProps}\n className={cnUserSelectItem(\n { active, hovered, size, indent, disable },\n [\n cnMixSpace({\n pH:\n indent === 'increased'\n ? mapHorizontalSpaceIncreased[size]\n : mapHorizontalSpace[size],\n pV: mapItemVerticalPadding[size],\n }),\n className,\n ],\n )}\n aria-selected={active}\n ref={ref}\n >\n <div className={cnUserSelectItem('AvatarContainer')}>\n <Avatar\n className={cnUserSelectItem('Avatar')}\n url={avatarUrl}\n name={label}\n monochrome={disable}\n />\n {multiple && (\n <Transition\n in={active}\n unmountOnExit\n timeout={200}\n nodeRef={iconRef}\n >\n {(animate) => (\n <IconCheck\n className={cnUserSelectItem('CheckIcon', { animate })}\n ref={iconRef}\n />\n )}\n </Transition>\n )}\n {!multiple && active && (\n <IconCheck className={cnUserSelectItem('CheckIcon')} />\n )}\n </div>\n {!subLabel ? (\n <div className={cnUserSelectItem('Info')}>{label}</div>\n ) : (\n <div className={cnUserSelectItem('Info')}>\n <div>{label}</div>\n <div className={cnUserSelectItem('SubLabel', { disable })}>\n {subLabel}\n </div>\n </div>\n )}\n </div>\n );\n },\n);\n"],"mappings":"wMAAA,6BAEA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OAASC,MAAT,oBACA,OACEC,kBADF,CAEEC,2BAFF,CAGEC,sBAHF,wBAKA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAkBA,MAAO,IAAMC,iBAAgB,CAAGD,EAAE,CAAC,gBAAD,CAA3B,CAEP,MAAO,IAAME,eAAc,CAAGV,UAAU,CACtC,SAACW,CAAD,CAAQC,CAAR,CAAgB,IAEZC,EAFY,CAaVF,CAbU,CAEZE,SAFY,CAGZC,CAHY,CAaVH,CAbU,CAGZG,KAHY,CAIZC,CAJY,CAaVJ,CAbU,CAIZI,QAJY,CAKZC,CALY,CAaVL,CAbU,CAKZK,SALY,CAMZC,CANY,CAaVN,CAbU,CAMZM,MANY,CAOZC,CAPY,CAaVP,CAbU,CAOZO,OAPY,CAQZC,CARY,CAaVR,CAbU,CAQZQ,IARY,CASZC,CATY,CAaVT,CAbU,CASZS,MATY,CAUZC,CAVY,CAaVV,CAbU,CAUZU,OAVY,CAWZC,CAXY,CAaVX,CAbU,CAWZW,QAXY,CAYTC,CAZS,0BAaVZ,CAbU,YAeRa,CAAO,CAAGvB,MAAM,CAAkB,IAAlB,CAfR,CAiBd,MACE,4CACMsB,CADN,EAEE,SAAS,CAAEd,gBAAgB,CACzB,CAAEQ,MAAM,CAANA,CAAF,CAAUC,OAAO,CAAPA,CAAV,CAAmBC,IAAI,CAAJA,CAAnB,CAAyBC,MAAM,CAANA,CAAzB,CAAiCC,OAAO,CAAPA,CAAjC,CADyB,CAEzB,CACEd,UAAU,CAAC,CACTkB,EAAE,CACW,WAAX,GAAAL,CAAM,CACFf,2BAA2B,CAACc,CAAD,CADzB,CAEFf,kBAAkB,CAACe,CAAD,CAJf,CAKTO,EAAE,CAAEpB,sBAAsB,CAACa,CAAD,CALjB,CAAD,CADZ,CAQEN,CARF,CAFyB,CAF7B,CAeE,gBAAeI,CAfjB,CAgBE,GAAG,CAAEL,CAhBP,GAkBE,2BAAK,SAAS,CAAEH,gBAAgB,CAAC,iBAAD,CAAhC,EACE,oBAAC,MAAD,EACE,SAAS,CAAEA,gBAAgB,CAAC,QAAD,CAD7B,CAEE,GAAG,CAAEO,CAFP,CAGE,IAAI,CAAEF,CAHR,CAIE,UAAU,CAAEO,CAJd,EADF,CAOGC,CAAQ,EACP,oBAAC,UAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAE,GAHX,CAIE,OAAO,CAAEO,CAJX,EAMG,SAACG,CAAD,QACC,qBAAC,SAAD,EACE,SAAS,CAAElB,gBAAgB,CAAC,WAAD,CAAc,CAAEkB,OAAO,CAAPA,CAAF,CAAd,CAD7B,CAEE,GAAG,CAAEH,CAFP,EADD,CANH,CARJ,CAsBG,CAACF,CAAD,EAAaL,CAAb,EACC,oBAAC,SAAD,EAAW,SAAS,CAAER,gBAAgB,CAAC,WAAD,CAAtC,EAvBJ,CAlBF,CA4CIM,CAAD,CAGC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EACE,+BAAMK,CAAN,CADF,CAEE,2BAAK,SAAS,CAAEL,gBAAgB,CAAC,UAAD,CAAa,CAAEY,OAAO,CAAPA,CAAF,CAAb,CAAhC,EACGN,CADH,CAFF,CAHD,CACC,2BAAK,SAAS,CAAEN,gBAAgB,CAAC,MAAD,CAAhC,EAA2CK,CAA3C,CA7CJ,CAwDH,CA3EqC,CAAjC"}

package/__internal__/src/components/UserSelect/helpers.d.ts CHANGED Viewed

@@ -78,7 +78,7 @@ export declare type UserSelectProps<ITEM = UserSelectItemDefault, GROUP = UserSe
     caption?: string;
     labelPosition?: 'top' | 'left';
     virtualScroll?: boolean;
-    onScrollToBottom?: (lenght: number) => void;
+    onScrollToBottom?: (length: number) => void;
     onSearchValueChange?: (value: string) => void;
     onDropdownOpen?: (isOpen: boolean) => void;
     dropdownOpen?: boolean;
@@ -156,7 +156,7 @@ export declare function withDefaultGetters<ITEM = UserSelectItemDefault, GROUP =
     caption?: string | undefined;
     labelPosition?: "left" | "top" | undefined;
     virtualScroll?: boolean | undefined;
-    onScrollToBottom?: ((lenght: number) => void) | undefined;
+    onScrollToBottom?: ((length: number) => void) | undefined;
     onSearchValueChange?: ((value: string) => void) | undefined;
     onDropdownOpen?: ((isOpen: boolean) => void) | undefined;
     dropdownOpen?: boolean | undefined;

package/__internal__/src/components/UserSelect/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemSubLabel","subLabel","defaultGetItemAvatarUrl","avatarUrl","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","getItemSubLabel","getItemAvatarUrl","searchCompare","searchValue","compare","toLocaleLowerCase","indexOf","clearSizeMap","xs","s","m","l","iconSizeMap"],"sources":["../../../../../src/components/UserSelect/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n PropForm,\n PropSize,\n PropStatus,\n PropView,\n RenderItemProps,\n} from '../SelectComponents/types';\n\nexport type UserSelectItemDefault = {\n label: string;\n id: string \| number;\n subLabel?: string;\n avatarUrl?: string;\n groupId?: string \| number;\n disabled?: boolean;\n};\n\nexport type UserSelectGroupDefault = {\n label: string;\n id: string \| number;\n};\n\ntype UserSelectRenderValueProps<ITEM> = {\n item: ITEM;\n handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type UserSelectPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type UserSelectPropGetItemSubLabel<ITEM> = (\n item: ITEM,\n) => string \| undefined;\nexport type UserSelectPropGetItemAvatarUrl<ITEM> = (\n item: ITEM,\n) => string \| undefined;\nexport type UserSelectPropGetItemKey<ITEM> = (item: ITEM) => string \| number;\nexport type UserSelectPropGetItemGroupKey<ITEM> = (\n item: ITEM,\n) => string \| number \| undefined;\nexport type UserSelectPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\nexport type UserSelectPropGetGroupKey<GROUP> = (\n group: GROUP,\n) => string \| number;\nexport type UserSelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;\n\nexport type UserSelectPropSearchFunction<ITEM> = (\n item: ITEM,\n searchValue: string,\n) => boolean;\ntype UserSelectPropOnChange<ITEM, MULTIPLE extends boolean> = (\n value: (MULTIPLE extends true ? ITEM[] : ITEM) \| null,\n props: {\n e: React.SyntheticEvent;\n },\n) => void;\ntype UserSelectPropValue<ITEM, MULTIPLE extends boolean> =\n \| (MULTIPLE extends true ? ITEM[] : ITEM)\n \| null\n \| undefined;\n\nexport type UserSelectPropRenderItem<ITEM> = (\n props: RenderItemProps<ITEM>,\n) => React.ReactElement \| null;\nexport type UserSelectPropRenderValue<ITEM> = (\n props: UserSelectRenderValueProps<ITEM>,\n) => React.ReactElement \| null;\n\nexport type UserSelectProps<\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n {\n disabled?: boolean;\n form?: PropForm;\n size?: Exclude<PropSize, 'xs'>;\n view?: PropView;\n dropdownForm?: 'default' \| 'brick' \| 'round';\n placeholder?: string;\n ariaLabel?: string;\n dropdownClassName?: string;\n status?: PropStatus;\n dropdownRef?: React.RefObject<HTMLDivElement>;\n name?: string;\n items: ITEM[];\n required?: boolean;\n isLoading?: boolean;\n renderItem?: UserSelectPropRenderItem<ITEM>;\n renderValue?: UserSelectPropRenderValue<ITEM>;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n onCreate?: (label: string, props: { e: React.SyntheticEvent }) => void;\n inputRef?: React.RefObject<HTMLInputElement>;\n labelForNotFound?: string;\n labelForCreate?: string;\n labelForEmptyItems?: string;\n searchFunction?: UserSelectPropSearchFunction<ITEM>;\n searchValue?: string;\n multiple?: MULTIPLE;\n value?: UserSelectPropValue<ITEM, MULTIPLE>;\n onChange: UserSelectPropOnChange<ITEM, MULTIPLE>;\n groups?: GROUP[];\n getItemLabel?: UserSelectPropGetItemLabel<ITEM>;\n getItemSubLabel?: UserSelectPropGetItemSubLabel<ITEM>;\n getItemAvatarUrl?: UserSelectPropGetItemAvatarUrl<ITEM>;\n getItemKey?: UserSelectPropGetItemKey<ITEM>;\n getItemGroupKey?: UserSelectPropGetItemGroupKey<ITEM>;\n getItemDisabled?: UserSelectPropGetItemDisabled<ITEM>;\n getGroupLabel?: UserSelectPropGetGroupLabel<GROUP>;\n getGroupKey?: UserSelectPropGetGroupKey<GROUP>;\n label?: string;\n labelIcon?: IconComponent;\n caption?: string;\n labelPosition?: 'top' \| 'left';\n virtualScroll?: boolean;\n onScrollToBottom?: (~~lenght~~: number) => void;\n onSearchValueChange?: (value: string) => void;\n onDropdownOpen?: (isOpen: boolean) => void;\n dropdownOpen?: boolean;\n ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: UserSelectItemDefault['label'] }\n ? {}\n : { getItemLabel: UserSelectPropGetItemLabel<ITEM> }) &\n (ITEM extends { id: UserSelectItemDefault['id'] }\n ? {}\n : { getItemKey: UserSelectPropGetItemKey<ITEM> }) &\n (GROUP extends { label: UserSelectGroupDefault['label'] }\n ? {}\n : { getGroupLabel: UserSelectPropGetGroupLabel<GROUP> }) &\n (GROUP extends { id: UserSelectGroupDefault['id'] }\n ? {}\n : { getGroupKey: UserSelectPropGetGroupKey<GROUP> });\n\nexport type UserSelectComponent = <\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n>(\n props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement \| null;\n\nexport const defaultGetItemKey: UserSelectPropGetItemKey<\n UserSelectItemDefault\n> = (item) => item.id;\nexport const defaultGetItemLabel: UserSelectPropGetItemLabel<\n UserSelectItemDefault\n> = (item) => item.label;\nexport const defaultGetItemSubLabel: UserSelectPropGetItemSubLabel<\n UserSelectItemDefault\n> = (item) => item.subLabel;\nexport const defaultGetItemAvatarUrl: UserSelectPropGetItemAvatarUrl<\n UserSelectItemDefault\n> = (item) => item.avatarUrl;\nexport const defaultGetItemGroupKey: UserSelectPropGetItemGroupKey<\n UserSelectItemDefault\n> = (item) => item.groupId;\nexport const defaultGetItemDisabled: UserSelectPropGetItemDisabled<\n UserSelectItemDefault\n> = (item) => item.disabled;\n\nexport const defaultGetGroupKey: UserSelectPropGetGroupKey<\n UserSelectGroupDefault\n> = (group) => group.id;\nexport const defaultGetGroupLabel: UserSelectPropGetGroupLabel<\n UserSelectGroupDefault\n> = (group) => group.label;\n\nexport const isMultipleParams = <ITEM, GROUP>(\n params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, true> => {\n return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, false> => {\n return !params.multiple;\n};\n\nexport function withDefaultGetters<\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>) {\n return {\n ...props,\n getItemLabel: props.getItemLabel \|\| defaultGetItemLabel,\n getItemKey: props.getItemKey \|\| defaultGetItemKey,\n getItemGroupKey: props.getItemGroupKey \|\| defaultGetItemGroupKey,\n getItemDisabled: props.getItemDisabled \|\| defaultGetItemDisabled,\n getGroupLabel: props.getGroupLabel \|\| defaultGetGroupLabel,\n getGroupKey: props.getGroupKey \|\| defaultGetGroupKey,\n getItemSubLabel: props.getItemSubLabel \|\| defaultGetItemSubLabel,\n getItemAvatarUrl: props.getItemAvatarUrl \|\| defaultGetItemAvatarUrl,\n };\n}\n\nexport const searchCompare = (\n searchValue: string,\n compare?: string,\n): boolean => {\n if (!compare) {\n return false;\n }\n\n return (\n compare.toLocaleLowerCase().indexOf(searchValue.toLocaleLowerCase()) !== -1\n );\n};\n\nexport const clearSizeMap: Record<PropSize, IconPropSize> = {\n xs: 'xs',\n s: 's',\n m: 's',\n l: 'm',\n};\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n xs: 'xs',\n s: 's',\n m: 'm',\n l: 'm',\n};\n"],"mappings":"qqBAqJA,MAAO,IAAMA,kBAEZ,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,EAAf,CAFG,CAGP,MAAO,IAAMC,oBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,QAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACN,CAAD,QAAUA,EAAI,CAACO,SAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACR,CAAD,QAAUA,EAAI,CAACS,OAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACV,CAAD,QAAUA,EAAI,CAACW,QAAf,CAFG,CAIP,MAAO,IAAMC,mBAEZ,CAAG,SAACC,CAAD,QAAWA,EAAK,CAACZ,EAAjB,CAFG,CAGP,MAAO,IAAMa,qBAEZ,CAAG,SAACD,CAAD,QAAWA,EAAK,CAACV,KAAjB,CAFG,CAIP,MAAO,IAAMY,iBAAgB,CAAG,SAC9BC,CAD8B,CAEmB,CACjD,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEiB,CAClD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAI0C,CAC/C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBnB,mBAFtC,CAGEoB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBvB,iBAHlC,CAIEwB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,CAQEe,eAAe,CAAEP,CAAK,CAACO,eAAN,EAAyBvB,sBAR5C,CASEwB,gBAAgB,CAAER,CAAK,CAACQ,gBAAN,EAA0BtB,uBAT9C,EAWD,CAED,MAAO,IAAMuB,cAAa,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGf,SACPA,CADO,EAM+D,CAAC,CAA1E,GAAAA,CAAO,CAACC,iBAAR,GAA4BC,OAA5B,CAAoCH,CAAW,CAACE,iBAAZ,EAApC,CAEH,CAXM,CAaP,MAAO,IAAME,aAA4C,CAAG,CAC1DC,EAAE,CAAE,IADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAArD,CAOP,MAAO,IAAMC,YAA2C,CAAG,CACzDJ,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}
1	+ {"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemSubLabel","subLabel","defaultGetItemAvatarUrl","avatarUrl","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","isMultipleParams","params","multiple","isNotMultipleParams","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","getItemSubLabel","getItemAvatarUrl","searchCompare","searchValue","compare","toLocaleLowerCase","indexOf","clearSizeMap","xs","s","m","l","iconSizeMap"],"sources":["../../../../../src/components/UserSelect/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n PropForm,\n PropSize,\n PropStatus,\n PropView,\n RenderItemProps,\n} from '../SelectComponents/types';\n\nexport type UserSelectItemDefault = {\n label: string;\n id: string \| number;\n subLabel?: string;\n avatarUrl?: string;\n groupId?: string \| number;\n disabled?: boolean;\n};\n\nexport type UserSelectGroupDefault = {\n label: string;\n id: string \| number;\n};\n\ntype UserSelectRenderValueProps<ITEM> = {\n item: ITEM;\n handleRemove?: (e: React.SyntheticEvent) => void;\n};\n\nexport type UserSelectPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type UserSelectPropGetItemSubLabel<ITEM> = (\n item: ITEM,\n) => string \| undefined;\nexport type UserSelectPropGetItemAvatarUrl<ITEM> = (\n item: ITEM,\n) => string \| undefined;\nexport type UserSelectPropGetItemKey<ITEM> = (item: ITEM) => string \| number;\nexport type UserSelectPropGetItemGroupKey<ITEM> = (\n item: ITEM,\n) => string \| number \| undefined;\nexport type UserSelectPropGetItemDisabled<ITEM> = (\n item: ITEM,\n) => boolean \| undefined;\nexport type UserSelectPropGetGroupKey<GROUP> = (\n group: GROUP,\n) => string \| number;\nexport type UserSelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;\n\nexport type UserSelectPropSearchFunction<ITEM> = (\n item: ITEM,\n searchValue: string,\n) => boolean;\ntype UserSelectPropOnChange<ITEM, MULTIPLE extends boolean> = (\n value: (MULTIPLE extends true ? ITEM[] : ITEM) \| null,\n props: {\n e: React.SyntheticEvent;\n },\n) => void;\ntype UserSelectPropValue<ITEM, MULTIPLE extends boolean> =\n \| (MULTIPLE extends true ? ITEM[] : ITEM)\n \| null\n \| undefined;\n\nexport type UserSelectPropRenderItem<ITEM> = (\n props: RenderItemProps<ITEM>,\n) => React.ReactElement \| null;\nexport type UserSelectPropRenderValue<ITEM> = (\n props: UserSelectRenderValueProps<ITEM>,\n) => React.ReactElement \| null;\n\nexport type UserSelectProps<\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n {\n disabled?: boolean;\n form?: PropForm;\n size?: Exclude<PropSize, 'xs'>;\n view?: PropView;\n dropdownForm?: 'default' \| 'brick' \| 'round';\n placeholder?: string;\n ariaLabel?: string;\n dropdownClassName?: string;\n status?: PropStatus;\n dropdownRef?: React.RefObject<HTMLDivElement>;\n name?: string;\n items: ITEM[];\n required?: boolean;\n isLoading?: boolean;\n renderItem?: UserSelectPropRenderItem<ITEM>;\n renderValue?: UserSelectPropRenderValue<ITEM>;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n onCreate?: (label: string, props: { e: React.SyntheticEvent }) => void;\n inputRef?: React.RefObject<HTMLInputElement>;\n labelForNotFound?: string;\n labelForCreate?: string;\n labelForEmptyItems?: string;\n searchFunction?: UserSelectPropSearchFunction<ITEM>;\n searchValue?: string;\n multiple?: MULTIPLE;\n value?: UserSelectPropValue<ITEM, MULTIPLE>;\n onChange: UserSelectPropOnChange<ITEM, MULTIPLE>;\n groups?: GROUP[];\n getItemLabel?: UserSelectPropGetItemLabel<ITEM>;\n getItemSubLabel?: UserSelectPropGetItemSubLabel<ITEM>;\n getItemAvatarUrl?: UserSelectPropGetItemAvatarUrl<ITEM>;\n getItemKey?: UserSelectPropGetItemKey<ITEM>;\n getItemGroupKey?: UserSelectPropGetItemGroupKey<ITEM>;\n getItemDisabled?: UserSelectPropGetItemDisabled<ITEM>;\n getGroupLabel?: UserSelectPropGetGroupLabel<GROUP>;\n getGroupKey?: UserSelectPropGetGroupKey<GROUP>;\n label?: string;\n labelIcon?: IconComponent;\n caption?: string;\n labelPosition?: 'top' \| 'left';\n virtualScroll?: boolean;\n onScrollToBottom?: (length: number) => void;\n onSearchValueChange?: (value: string) => void;\n onDropdownOpen?: (isOpen: boolean) => void;\n dropdownOpen?: boolean;\n ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n },\n HTMLDivElement\n> &\n (ITEM extends { label: UserSelectItemDefault['label'] }\n ? {}\n : { getItemLabel: UserSelectPropGetItemLabel<ITEM> }) &\n (ITEM extends { id: UserSelectItemDefault['id'] }\n ? {}\n : { getItemKey: UserSelectPropGetItemKey<ITEM> }) &\n (GROUP extends { label: UserSelectGroupDefault['label'] }\n ? {}\n : { getGroupLabel: UserSelectPropGetGroupLabel<GROUP> }) &\n (GROUP extends { id: UserSelectGroupDefault['id'] }\n ? {}\n : { getGroupKey: UserSelectPropGetGroupKey<GROUP> });\n\nexport type UserSelectComponent = <\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n>(\n props: UserSelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactElement \| null;\n\nexport const defaultGetItemKey: UserSelectPropGetItemKey<\n UserSelectItemDefault\n> = (item) => item.id;\nexport const defaultGetItemLabel: UserSelectPropGetItemLabel<\n UserSelectItemDefault\n> = (item) => item.label;\nexport const defaultGetItemSubLabel: UserSelectPropGetItemSubLabel<\n UserSelectItemDefault\n> = (item) => item.subLabel;\nexport const defaultGetItemAvatarUrl: UserSelectPropGetItemAvatarUrl<\n UserSelectItemDefault\n> = (item) => item.avatarUrl;\nexport const defaultGetItemGroupKey: UserSelectPropGetItemGroupKey<\n UserSelectItemDefault\n> = (item) => item.groupId;\nexport const defaultGetItemDisabled: UserSelectPropGetItemDisabled<\n UserSelectItemDefault\n> = (item) => item.disabled;\n\nexport const defaultGetGroupKey: UserSelectPropGetGroupKey<\n UserSelectGroupDefault\n> = (group) => group.id;\nexport const defaultGetGroupLabel: UserSelectPropGetGroupLabel<\n UserSelectGroupDefault\n> = (group) => group.label;\n\nexport const isMultipleParams = <ITEM, GROUP>(\n params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, true> => {\n return !!params.multiple;\n};\n\nexport const isNotMultipleParams = <ITEM, GROUP>(\n params: UserSelectProps<ITEM, GROUP, boolean>,\n): params is UserSelectProps<ITEM, GROUP, false> => {\n return !params.multiple;\n};\n\nexport function withDefaultGetters<\n ITEM = UserSelectItemDefault,\n GROUP = UserSelectGroupDefault,\n MULTIPLE extends boolean = false,\n>(props: UserSelectProps<ITEM, GROUP, MULTIPLE>) {\n return {\n ...props,\n getItemLabel: props.getItemLabel \|\| defaultGetItemLabel,\n getItemKey: props.getItemKey \|\| defaultGetItemKey,\n getItemGroupKey: props.getItemGroupKey \|\| defaultGetItemGroupKey,\n getItemDisabled: props.getItemDisabled \|\| defaultGetItemDisabled,\n getGroupLabel: props.getGroupLabel \|\| defaultGetGroupLabel,\n getGroupKey: props.getGroupKey \|\| defaultGetGroupKey,\n getItemSubLabel: props.getItemSubLabel \|\| defaultGetItemSubLabel,\n getItemAvatarUrl: props.getItemAvatarUrl \|\| defaultGetItemAvatarUrl,\n };\n}\n\nexport const searchCompare = (\n searchValue: string,\n compare?: string,\n): boolean => {\n if (!compare) {\n return false;\n }\n\n return (\n compare.toLocaleLowerCase().indexOf(searchValue.toLocaleLowerCase()) !== -1\n );\n};\n\nexport const clearSizeMap: Record<PropSize, IconPropSize> = {\n xs: 'xs',\n s: 's',\n m: 's',\n l: 'm',\n};\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n xs: 'xs',\n s: 's',\n m: 'm',\n l: 'm',\n};\n"],"mappings":"qqBAqJA,MAAO,IAAMA,kBAEZ,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,EAAf,CAFG,CAGP,MAAO,IAAMC,oBAEZ,CAAG,SAACF,CAAD,QAAUA,EAAI,CAACG,KAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,QAAf,CAFG,CAGP,MAAO,IAAMC,wBAEZ,CAAG,SAACN,CAAD,QAAUA,EAAI,CAACO,SAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACR,CAAD,QAAUA,EAAI,CAACS,OAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACV,CAAD,QAAUA,EAAI,CAACW,QAAf,CAFG,CAIP,MAAO,IAAMC,mBAEZ,CAAG,SAACC,CAAD,QAAWA,EAAK,CAACZ,EAAjB,CAFG,CAGP,MAAO,IAAMa,qBAEZ,CAAG,SAACD,CAAD,QAAWA,EAAK,CAACV,KAAjB,CAFG,CAIP,MAAO,IAAMY,iBAAgB,CAAG,SAC9BC,CAD8B,CAEmB,CACjD,MAAO,CAAC,CAACA,CAAM,CAACC,QACjB,CAJM,CAMP,MAAO,IAAMC,oBAAmB,CAAG,SACjCF,CADiC,CAEiB,CAClD,MAAO,CAACA,CAAM,CAACC,QAChB,CAJM,CAMP,MAAO,SAASE,mBAAT,CAILC,CAJK,CAI0C,CAC/C,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBnB,mBAFtC,CAGEoB,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBvB,iBAHlC,CAIEwB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBf,sBAJ5C,CAKEgB,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBd,sBAL5C,CAMEe,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBX,oBANxC,CAOEY,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBd,kBAPpC,CAQEe,eAAe,CAAEP,CAAK,CAACO,eAAN,EAAyBvB,sBAR5C,CASEwB,gBAAgB,CAAER,CAAK,CAACQ,gBAAN,EAA0BtB,uBAT9C,EAWD,CAED,MAAO,IAAMuB,cAAa,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGf,SACPA,CADO,EAM+D,CAAC,CAA1E,GAAAA,CAAO,CAACC,iBAAR,GAA4BC,OAA5B,CAAoCH,CAAW,CAACE,iBAAZ,EAApC,CAEH,CAXM,CAaP,MAAO,IAAME,aAA4C,CAAG,CAC1DC,EAAE,CAAE,IADsD,CAE1DC,CAAC,CAAE,GAFuD,CAG1DC,CAAC,CAAE,GAHuD,CAI1DC,CAAC,CAAE,GAJuD,CAArD,CAOP,MAAO,IAAMC,YAA2C,CAAG,CACzDJ,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}

package/__internal__/src/components/UserSelectDeprecated/UserSelectDeprecated.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","searchValue","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm"];import"../SelectComponentsDeprecated/Select.css";import{IconClear}from"@consta/icons/IconClear";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{isNotNil}from"../../utils/type-guards";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{clearSizeMap}from"../ComboboxDeprecated";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponentsDeprecated/cnSelect";import{defaultlabelForCreate,defaultLabelForEmptyItems,defaultlabelForNotFound,getInputWidth}from"../SelectComponentsDeprecated/helpers";import{SelectContainer}from"../SelectComponentsDeprecated/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponentsDeprecated/SelectDropdown/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponentsDeprecated/types";import{iconSizeMap,isMultipleParams,isNotMultipleParams,searchCompare,withDefaultGetters}from"./helpers";import{UserSelectItem}from"./UserSelectItem/UserSelectItem";import{UserSelectValue}from"./UserSelectValue/UserSelectValue";export var COMPONENT_NAME="UserSelect";var UserSelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.isLoading,r=g.required,s=g.dropdownRef,t=void 0===s?c:s,u=g.form,v=void 0===u?defaultPropForm:u,w=g.view,x=void 0===w?defaultPropView:w,y=g.size,z=void 0===y?defaultPropSize:y,A=g.dropdownClassName,B=g.searchValue,C=g.name,D=g.groups,E=void 0===D?[]:D,F=g.getItemKey,G=g.getItemLabel,H=g.getItemSubLabel,I=g.getItemAvatarUrl,J=g.getItemGroupKey,K=g.getItemDisabled,L=g.getGroupKey,M=g.getGroupLabel,N=g.renderItem,O=g.renderValue,P=g.onCreate,Q=g.inputRef,R=g.labelForNotFound,S=void 0===R?defaultlabelForNotFound:R,T=g.labelForCreate,U=void 0===T?defaultlabelForCreate:T,V=g.labelForEmptyItems,W=void 0===V?defaultLabelForEmptyItems:V,X=g.multiple,Y=void 0!==X&&X,Z=g.searchFunction,$=g.style,_=g.dropdownForm,aa=void 0===_?"default":_,ba=_objectWithoutProperties(g,_excluded),ca=useSelect({items:k,groups:E,value:m,onChange:l,dropdownRef:t,controlRef:f,disabled:n,getItemLabel:G,getItemKey:F,getGroupKey:L,getItemGroupKey:J,searchValue:B,getItemDisabled:K,multiple:Y,onBlur:i,onFocus:j,onCreate:P,searchFunction:Z||function searchFunctionDefault(a,b){var c=searchCompare(b,G(a));return c?c:searchCompare(b,H(a))}}),da=ca.getKeyProps,ea=ca.getOptionProps,fa=ca.isOpen,ga=ca.visibleItems,ha=ca.isFocused,ia=ca.handleInputFocus,ja=ca.handleInputBlur,ka=ca.handleToggleDropdown,la=ca.inputRef,ma=ca.handleInputClick,na=ca.handleInputChange,oa=ca.searchValue,pa=ca.clearValue,qa=ca.getHandleRemoveValue,ra=ca.notFound,sa=ca.hasItems,ta=p?"".concat(p,"-input"):p,ua=O||function renderValueDefault(a){var b=a.item,c=a.handleRemove;return React.createElement(UserSelectValue,{label:G(b),subLabel:H(b),avatarUrl:I(b),key:F(b),size:z,handleRemove:c,multiple:Y,disabled:n||K(b)})},va=useForkRef([la,Q]),wa=function(){var b=Y?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return ua({item:a,handleRemove:qa(a)})}),isNotMultipleParams(a)&&isNotNil(a.value)&&ua({item:a.value}),(!isNotNil(m)||Array.isArray(m)&&0===m.length)&&!oa&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},da(),{type:"text",name:C,id:ta,onFocus:ia,onBlur:ja,"aria-label":o,onChange:na,ref:va,className:cnSelect("Input",{size:z,hide:!Y&&isNotNil(m),multiple:Y,isUserSelect:!0}),value:oa,style:{width:b}})))};return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:ha,disabled:n,size:z,required:r,id:ta,view:x,type:"userselect",form:v,multiple:!0,ref:b,style:$},ba),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":fa,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:ma,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},Y?React.createElement("div",{className:cnSelect("ControlValue",{isUserSelect:!0})},wa()):wa())),React.createElement("span",{className:cnSelect("Indicators")},isNotNil(m)&&React.createElement("button",{type:"button",onClick:pa,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClear,{size:clearSizeMap[z],className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ka},React.createElement(IconSelect,{size:iconSizeMap[z],className:cnSelect("DropdownIndicatorIcon")})))),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},oa)),React.createElement(SelectDropdown,{isOpen:fa,size:z,controlRef:f,getOptionProps:ea,dropdownRef:t,form:aa,isLoading:q,className:A,renderItem:N||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(UserSelectItem,{label:G(b),subLabel:H(b),avatarUrl:I(b),active:c,hovered:d,size:z,indent:"round"===aa?"increased":"normal",onClick:e,onMouseEnter:f,disable:K(b),multiple:Y})},getGroupLabel:M,visibleItems:ga,labelForNotFound:S,labelForCreate:U,notFound:ra,hasItems:sa,labelForEmptyItems:W,style:"number"==typeof(null===$||void 0===$?void 0:$.zIndex)?{zIndex:$.zIndex+1}:void 0}))};export var UserSelect=forwardRef(UserSelectRender);export*from"./helpers";
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["placeholder","onBlur","onFocus","items","onChange","value","disabled","ariaLabel","id","isLoading","required","dropdownRef","form","view","size","dropdownClassName","searchValue","name","groups","getItemKey","getItemLabel","getItemSubLabel","getItemAvatarUrl","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","renderValue","onCreate","inputRef","labelForNotFound","labelForCreate","labelForEmptyItems","multiple","searchFunction","style","dropdownForm"];import"../SelectComponentsDeprecated/Select.css";import{IconClear}from"@consta/icons/IconClear";import{IconSelect}from"@consta/icons/IconSelect";import React,{forwardRef,useRef}from"react";import{isNotNil}from"../../utils/type-guards";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useSelect}from"../../hooks/useSelect/useSelect";import{cnMixFocus}from"../../mixs/MixFocus/MixFocus";import{clearSizeMap}from"../ComboboxDeprecated";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{cnSelect}from"../SelectComponentsDeprecated/cnSelect";import{defaultLabelForCreate,defaultLabelForEmptyItems,defaultLabelForNotFound,getInputWidth}from"../SelectComponentsDeprecated/helpers";import{SelectContainer}from"../SelectComponentsDeprecated/SelectContainer/SelectContainer";import{SelectDropdown}from"../SelectComponentsDeprecated/SelectDropdown/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponentsDeprecated/types";import{iconSizeMap,isMultipleParams,isNotMultipleParams,searchCompare,withDefaultGetters}from"./helpers";import{UserSelectItem}from"./UserSelectItem/UserSelectItem";import{UserSelectValue}from"./UserSelectValue/UserSelectValue";export var COMPONENT_NAME="UserSelect";var UserSelectRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=useRef(null),g=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),f),h=g.placeholder,i=g.onBlur,j=g.onFocus,k=g.items,l=g.onChange,m=g.value,n=g.disabled,o=g.ariaLabel,p=g.id,q=g.isLoading,r=g.required,s=g.dropdownRef,t=void 0===s?c:s,u=g.form,v=void 0===u?defaultPropForm:u,w=g.view,x=void 0===w?defaultPropView:w,y=g.size,z=void 0===y?defaultPropSize:y,A=g.dropdownClassName,B=g.searchValue,C=g.name,D=g.groups,E=void 0===D?[]:D,F=g.getItemKey,G=g.getItemLabel,H=g.getItemSubLabel,I=g.getItemAvatarUrl,J=g.getItemGroupKey,K=g.getItemDisabled,L=g.getGroupKey,M=g.getGroupLabel,N=g.renderItem,O=g.renderValue,P=g.onCreate,Q=g.inputRef,R=g.labelForNotFound,S=void 0===R?defaultLabelForNotFound:R,T=g.labelForCreate,U=void 0===T?defaultLabelForCreate:T,V=g.labelForEmptyItems,W=void 0===V?defaultLabelForEmptyItems:V,X=g.multiple,Y=void 0!==X&&X,Z=g.searchFunction,$=g.style,_=g.dropdownForm,aa=void 0===_?"default":_,ba=_objectWithoutProperties(g,_excluded),ca=useSelect({items:k,groups:E,value:m,onChange:l,dropdownRef:t,controlRef:f,disabled:n,getItemLabel:G,getItemKey:F,getGroupKey:L,getItemGroupKey:J,searchValue:B,getItemDisabled:K,multiple:Y,onBlur:i,onFocus:j,onCreate:P,searchFunction:Z||function searchFunctionDefault(a,b){var c=searchCompare(b,G(a));return c?c:searchCompare(b,H(a))}}),da=ca.getKeyProps,ea=ca.getOptionProps,fa=ca.isOpen,ga=ca.visibleItems,ha=ca.isFocused,ia=ca.handleInputFocus,ja=ca.handleInputBlur,ka=ca.handleToggleDropdown,la=ca.inputRef,ma=ca.handleInputClick,na=ca.handleInputChange,oa=ca.searchValue,pa=ca.clearValue,qa=ca.getHandleRemoveValue,ra=ca.notFound,sa=ca.hasItems,ta=p?"".concat(p,"-input"):p,ua=O||function renderValueDefault(a){var b=a.item,c=a.handleRemove;return React.createElement(UserSelectValue,{label:G(b),subLabel:H(b),avatarUrl:I(b),key:F(b),size:z,handleRemove:c,multiple:Y,disabled:n||K(b)})},va=useForkRef([la,Q]),wa=function(){var b=Y?getInputWidth(d,e):void 0;return React.createElement(React.Fragment,null,isMultipleParams(a)&&Array.isArray(a.value)&&a.value.map(function(a){return ua({item:a,handleRemove:qa(a)})}),isNotMultipleParams(a)&&isNotNil(a.value)&&ua({item:a.value}),(!isNotNil(m)||Array.isArray(m)&&0===m.length)&&!oa&&h&&React.createElement("span",{className:cnSelect("Placeholder"),title:"placeholder"},h),React.createElement("input",Object.assign({},da(),{type:"text",name:C,id:ta,onFocus:ia,onBlur:ja,"aria-label":o,onChange:na,ref:va,className:cnSelect("Input",{size:z,hide:!Y&&isNotNil(m),multiple:Y,isUserSelect:!0}),value:oa,style:{width:b}})))};return React.createElement(React.Fragment,null,React.createElement(SelectContainer,Object.assign({focused:ha,disabled:n,size:z,required:r,id:ta,view:x,type:"userselect",form:v,multiple:!0,ref:b,style:$},ba),React.createElement("div",{className:cnSelect("Control",{hasInput:!0}),ref:f,"aria-expanded":fa,"aria-haspopup":"listbox",id:p},React.createElement("div",{className:cnSelect("ControlInner"),onClick:ma,role:"button",ref:d,"aria-hidden":"true"},React.createElement("div",{className:cnSelect("ControlValueContainer")},Y?React.createElement("div",{className:cnSelect("ControlValue",{isUserSelect:!0})},wa()):wa())),React.createElement("span",{className:cnSelect("Indicators")},isNotNil(m)&&React.createElement("button",{type:"button",onClick:pa,className:cnSelect("ClearIndicator",[cnMixFocus()])},React.createElement(IconClear,{size:clearSizeMap[z],className:cnSelect("ClearIndicatorIcon")})),React.createElement("span",{className:cnSelect("Delimiter")}),React.createElement("button",{type:"button",className:cnSelect("IndicatorsDropdown"),tabIndex:-1,onClick:ka},React.createElement(IconSelect,{size:iconSizeMap[z],className:cnSelect("DropdownIndicatorIcon")})))),React.createElement("div",{className:cnSelect("HelperInputFakeElement"),ref:e},oa)),React.createElement(SelectDropdown,{isOpen:fa,size:z,controlRef:f,getOptionProps:ea,dropdownRef:t,form:aa,isLoading:q,className:A,renderItem:N||function renderItemDefault(a){var b=a.item,c=a.active,d=a.hovered,e=a.onClick,f=a.onMouseEnter;return React.createElement(UserSelectItem,{label:G(b),subLabel:H(b),avatarUrl:I(b),active:c,hovered:d,size:z,indent:"round"===aa?"increased":"normal",onClick:e,onMouseEnter:f,disable:K(b),multiple:Y})},getGroupLabel:M,visibleItems:ga,labelForNotFound:S,labelForCreate:U,notFound:ra,hasItems:sa,labelForEmptyItems:W,style:"number"==typeof(null===$||void 0===$?void 0:$.zIndex)?{zIndex:$.zIndex+1}:void 0}))};export var UserSelect=forwardRef(UserSelectRender);export*from"./helpers";
 //# sourceMappingURL=UserSelectDeprecated.js.map