npm - @consta/uikit - Versions diffs - 5.18.0 → 5.19.0 - Mend

@consta/uikit 5.18.0 → 5.19.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 (1441) hide show

package/SelectCanary/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "../__internal__/src/components/SelectCanary";

package/SelectCanary/index.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "../__internal__/src/components/SelectCanary";

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

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","as","fileExtension","withPictogram","loading","fileName","errorText","loadingText","loadingProgress","fileDescription","size","onClick","actions","buttonTitle","buttonIcon","onButtonClick"];import"./Attachment.css";import React from"react";import{Button}from"../Button";import{File}from"../File";import{Text}from"../Text";import{cnMixFlex}from"../../mixs/MixFlex";import{cn}from"../../utils/bem";import{isDefined}from"../../utils/type-guards";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{attachmentPropSizeDefault}from"./types";var cnAttachment=cn("Attachment"),fileSizeMap={xs:"s",s:"s",m:"m"},textSizeMap={xs:"xs",s:"s",m:"s"},descriptionSizeMap={xs:"xs",s:"xs",m:"s"},Attachment=forwardRefWithAs(function(a,b){var c=a.className,d=a.as,e=void 0===d?"div":d,f=a.fileExtension,g=a.withPictogram,h=a.loading,i=a.fileName,j=a.errorText,k=a.loadingText,l=void 0===k?"Loading":k,m=a.loadingProgress,n=a.fileDescription,o=a.size,p=void 0===o?attachmentPropSizeDefault:o,q=a.onClick,r=a.actions,s=void 0===r?[]:r,t=a.buttonTitle,u=a.buttonIcon,v=a.onButtonClick,w=_objectWithoutProperties(a,_excluded),x=[v&&u?{onClick:v,icon:u,title:t}:void 0].concat(_toConsumableArray(s)).filter(isDefined),y=!(!(null!==x&&void 0!==x)||!x.length);return React.createElement(e,Object.assign({},w,{onClick:q,className:cnAttachment({size:p,hoverEffect:!!((null===x||void 0===x?void 0:x.length)||q),cursor:q?"pointer":void 0,withActions:y,error:!!j},[cnMixFlex({flex:"flex",gap:"xs"}),c]),ref:b}),g&&React.createElement(File,{className:cnAttachment("File"),extension:f,loading:h,loadingWithProgressSpin:!0,loadingProgress:m,size:fileSizeMap[p]}),React.createElement("div",{className:cnAttachment("Content",[cnMixFlex({flex:"flex",direction:"column",gap:"2xs"})])},i&&React.createElement(Text,{className:cnAttachment("FileName"),size:textSizeMap[p],view:"primary",lineHeight:"xs"},i),n&&!h&&React.createElement(Text,{className:cnAttachment("FileDescription"),size:descriptionSizeMap[p],lineHeight:"xs",view:"ghost"},n),l&&h&&React.createElement(Text,{className:cnAttachment("LoadingText"),size:descriptionSizeMap[p],lineHeight:"xs",view:"ghost"},m?"".concat(l," ").concat(m,"%"):"".concat(l,"...")),j&&React.createElement(Text,{className:cnAttachment("ErrorText"),size:descriptionSizeMap[p],lineHeight:"xs",view:"alert"},j)),y&&React.createElement("div",{className:cnAttachment("Actions",[cnMixFlex({flex:"flex",gap:"xs"})])},x.map(function(a){return React.createElement(Button,{className:cnAttachment("Button"),tabIndex:-1,onlyIcon:!0,iconLeft:a.icon,onClick:a.onClick,title:a.title,ref:a.ref,size:"xs",view:"clear"})})))});export{Attachment,cnAttachment};
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","as","fileExtension","withPictogram","loading","fileName","errorText","loadingText","loadingProgress","fileDescription","size","onClick","actions","buttonTitle","buttonIcon","onButtonClick"];import"./Attachment.css";import React from"react";import{Button}from"../Button";import{File}from"../File";import{Text}from"../Text";import{cnMixFlex}from"../../mixs/MixFlex";import{cn}from"../../utils/bem";import{isDefined}from"../../utils/type-guards";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{attachmentPropSizeDefault}from"./types";var cnAttachment=cn("Attachment"),fileSizeMap={xs:"s",s:"s",m:"m"},textSizeMap={xs:"xs",s:"s",m:"s"},descriptionSizeMap={xs:"xs",s:"xs",m:"s"},Attachment=forwardRefWithAs(function(a,b){var c=a.className,d=a.as,e=void 0===d?"div":d,f=a.fileExtension,g=a.withPictogram,h=a.loading,i=a.fileName,j=a.errorText,k=a.loadingText,l=void 0===k?"Loading":k,m=a.loadingProgress,n=a.fileDescription,o=a.size,p=void 0===o?attachmentPropSizeDefault:o,q=a.onClick,r=a.actions,s=void 0===r?[]:r,t=a.buttonTitle,u=a.buttonIcon,v=a.onButtonClick,w=_objectWithoutProperties(a,_excluded),x=[v&&u?{onClick:v,icon:u,title:t}:void 0].concat(_toConsumableArray(s)).filter(isDefined),y=!(!(null!==x&&void 0!==x)||!x.length);return React.createElement(e,Object.assign({},w,{onClick:q,className:cnAttachment({size:p,hoverEffect:!!((null===x||void 0===x?void 0:x.length)||q),cursor:q?"pointer":void 0,withActions:y,error:!!j},[cnMixFlex({flex:"flex",gap:"xs"}),c]),ref:b}),g&&React.createElement(File,{className:cnAttachment("File"),extension:f,loading:h,loadingWithProgressSpin:!0,loadingProgress:m,size:fileSizeMap[p]}),React.createElement("div",{className:cnAttachment("Content",[cnMixFlex({flex:"flex",direction:"column",gap:"2xs"})])},i&&React.createElement(Text,{className:cnAttachment("FileName"),size:textSizeMap[p],view:"primary",lineHeight:"xs"},i),n&&!h&&React.createElement(Text,{className:cnAttachment("FileDescription"),size:descriptionSizeMap[p],lineHeight:"xs",view:"ghost"},n),l&&h&&React.createElement(Text,{className:cnAttachment("LoadingText"),size:descriptionSizeMap[p],lineHeight:"xs",view:"ghost"},m?"".concat(l," ").concat(m,"%"):"".concat(l,"...")),j&&React.createElement(Text,{className:cnAttachment("ErrorText"),size:descriptionSizeMap[p],lineHeight:"xs",view:"alert"},j)),y&&React.createElement("div",{className:cnAttachment("Actions",[cnMixFlex({flex:"flex",gap:"xs"})])},x.map(function(a,b){return React.createElement(Button,{key:a.title||b,className:cnAttachment("Button"),tabIndex:-1,onlyIcon:!0,iconLeft:a.icon,onClick:a.onClick,title:a.title,ref:a.ref,size:"xs",view:"clear"})})))});export{Attachment,cnAttachment};
 //# sourceMappingURL=Attachment.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Attachment.js","names":["React","Button","File","Text","cnMixFlex","cn","isDefined","forwardRefWithAs","attachmentPropSizeDefault","cnAttachment","fileSizeMap","xs","s","m","textSizeMap","descriptionSizeMap","Attachment","props","ref","className","as","fileExtension","withPictogram","loading","fileName","errorText","loadingText","loadingProgress","fileDescription","size","onClick","actions","actionsProp","buttonTitle","buttonIcon","onButtonClick","otherProps","icon","title","filter","withActions","length","hoverEffect","cursor","error","flex","gap","direction","map","action"],"sources":["../../../../../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { Button } from '##/components/Button';\nimport { File } from '##/components/File';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { FileIconPropSize } from '##/fileIcons/FileIcon/FileIcon';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\nimport { isDefined } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport {\n AttachmentActions,\n AttachmentProps,\n AttachmentPropSize,\n attachmentPropSizeDefault,\n} from './types';\n\nconst cnAttachment = cn('Attachment');\n\nconst fileSizeMap: Record<AttachmentPropSize, FileIconPropSize> = {\n xs: 's',\n s: 's',\n m: 'm',\n};\n\nconst textSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n xs: 'xs',\n s: 's',\n m: 's',\n};\n\nconst descriptionSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n};\n\nconst Attachment = forwardRefWithAs<AttachmentProps>((props, ref) => {\n const {\n className,\n as = 'div',\n fileExtension,\n withPictogram,\n loading,\n fileName,\n errorText,\n loadingText = 'Loading',\n loadingProgress,\n fileDescription,\n size = attachmentPropSizeDefault,\n onClick,\n actions: actionsProp = [],\n buttonTitle,\n buttonIcon,\n onButtonClick,\n ...otherProps\n } = props;\n const Tag = as as string;\n\n const actions: AttachmentActions[] = [\n onButtonClick && buttonIcon\n ? {\n onClick: onButtonClick,\n icon: buttonIcon,\n title: buttonTitle,\n }\n : undefined,\n ...actionsProp,\n ].filter(isDefined);\n\n const withActions = Boolean(actions?.length);\n\n return (\n <Tag\n {...otherProps}\n onClick={onClick}\n className={cnAttachment(\n {\n size,\n hoverEffect: Boolean(actions?.length \|\| onClick),\n cursor: onClick ? 'pointer' : undefined,\n withActions,\n error: Boolean(errorText),\n },\n [cnMixFlex({ flex: 'flex', gap: 'xs' }), className],\n )}\n ref={ref}\n >\n {withPictogram && (\n <File\n className={cnAttachment('File')}\n extension={fileExtension}\n loading={loading}\n loadingWithProgressSpin\n loadingProgress={loadingProgress}\n size={fileSizeMap[size]}\n />\n )}\n <div\n className={cnAttachment('Content', [\n cnMixFlex({ flex: 'flex', direction: 'column', gap: '2xs' }),\n ])}\n >\n {fileName && (\n <Text\n className={cnAttachment('FileName')}\n size={textSizeMap[size]}\n view=\"primary\"\n lineHeight=\"xs\"\n >\n {fileName}\n </Text>\n )}\n {fileDescription && !loading && (\n <Text\n className={cnAttachment('FileDescription')}\n size={descriptionSizeMap[size]}\n lineHeight=\"xs\"\n view=\"ghost\"\n >\n {fileDescription}\n </Text>\n )}\n {loadingText && loading && (\n <Text\n className={cnAttachment('LoadingText')}\n size={descriptionSizeMap[size]}\n lineHeight=\"xs\"\n view=\"ghost\"\n >\n {loadingProgress\n ? `${loadingText} ${loadingProgress}%`\n : `${loadingText}...`}\n </Text>\n )}\n {errorText && (\n <Text\n className={cnAttachment('ErrorText')}\n size={descriptionSizeMap[size]}\n lineHeight=\"xs\"\n view=\"alert\"\n >\n {errorText}\n </Text>\n )}\n </div>\n {withActions && (\n <div\n className={cnAttachment('Actions', [\n cnMixFlex({ flex: 'flex', gap: 'xs' }),\n ])}\n >\n {actions.map((action) => (\n <Button\n className={cnAttachment('Button')}\n tabIndex={-1}\n onlyIcon\n iconLeft={action.icon}\n onClick={action.onClick}\n title={action.title}\n ref={action.ref}\n size=\"xs\"\n view=\"clear\"\n />\n ))}\n </div>\n )}\n </Tag>\n );\n});\n\nexport { Attachment, cnAttachment };\n"],"mappings":"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~~CAAExC~~,YAAY,CAAC,QAAD,~~CADzB~~,~~CAEE~~,QAAQ,CAAE,CAAC,~~CAFb~~,~~CAGE~~,QAAQ,~~GAHV~~,~~CAIE~~,QAAQ,CAAEwC,CAAM,CAACZ,~~IAJnB~~,~~CAKE~~,OAAO,CAAEY,CAAM,CAACnB,~~OALlB~~,~~CAME~~,KAAK,CAAEmB,CAAM,CAACX,~~KANhB~~,~~CAOE~~,GAAG,CAAEW,CAAM,CAAC/B,~~GAPd~~,~~CAQE~~,IAAI,CAAC,~~IARP~~,~~CASE~~,IAAI,CAAC,~~OATP~~,EADW,CAAZ,CALH,CA1EJ,~~CAgGH~~,~~CApIkC~~,C,~~CAsInC~~,OAASF,UAAT,CAAqBP,YAArB"}
1	+ {"version":3,"file":"Attachment.js","names":["React","Button","File","Text","cnMixFlex","cn","isDefined","forwardRefWithAs","attachmentPropSizeDefault","cnAttachment","fileSizeMap","xs","s","m","textSizeMap","descriptionSizeMap","Attachment","props","ref","className","as","fileExtension","withPictogram","loading","fileName","errorText","loadingText","loadingProgress","fileDescription","size","onClick","actions","actionsProp","buttonTitle","buttonIcon","onButtonClick","otherProps","icon","title","filter","withActions","length","hoverEffect","cursor","error","flex","gap","direction","map","action","index"],"sources":["../../../../../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import './Attachment.css';\n\nimport React from 'react';\n\nimport { Button } from '##/components/Button';\nimport { File } from '##/components/File';\nimport { Text, TextPropSize } from '##/components/Text';\nimport { FileIconPropSize } from '##/fileIcons/FileIcon/FileIcon';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\nimport { isDefined } from '##/utils/type-guards';\nimport { forwardRefWithAs } from '##/utils/types/PropsWithAsAttributes';\n\nimport {\n AttachmentActions,\n AttachmentProps,\n AttachmentPropSize,\n attachmentPropSizeDefault,\n} from './types';\n\nconst cnAttachment = cn('Attachment');\n\nconst fileSizeMap: Record<AttachmentPropSize, FileIconPropSize> = {\n xs: 's',\n s: 's',\n m: 'm',\n};\n\nconst textSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n xs: 'xs',\n s: 's',\n m: 's',\n};\n\nconst descriptionSizeMap: Record<AttachmentPropSize, TextPropSize> = {\n xs: 'xs',\n s: 'xs',\n m: 's',\n};\n\nconst Attachment = forwardRefWithAs<AttachmentProps>((props, ref) => {\n const {\n className,\n as = 'div',\n fileExtension,\n withPictogram,\n loading,\n fileName,\n errorText,\n loadingText = 'Loading',\n loadingProgress,\n fileDescription,\n size = attachmentPropSizeDefault,\n onClick,\n actions: actionsProp = [],\n buttonTitle,\n buttonIcon,\n onButtonClick,\n ...otherProps\n } = props;\n const Tag = as as string;\n\n const actions: AttachmentActions[] = [\n onButtonClick && buttonIcon\n ? {\n onClick: onButtonClick,\n icon: buttonIcon,\n title: buttonTitle,\n }\n : undefined,\n ...actionsProp,\n ].filter(isDefined);\n\n const withActions = Boolean(actions?.length);\n\n return (\n <Tag\n {...otherProps}\n onClick={onClick}\n className={cnAttachment(\n {\n size,\n hoverEffect: Boolean(actions?.length \|\| onClick),\n cursor: onClick ? 'pointer' : undefined,\n withActions,\n error: Boolean(errorText),\n },\n [cnMixFlex({ flex: 'flex', gap: 'xs' }), className],\n )}\n ref={ref}\n >\n {withPictogram && (\n <File\n className={cnAttachment('File')}\n extension={fileExtension}\n loading={loading}\n loadingWithProgressSpin\n loadingProgress={loadingProgress}\n size={fileSizeMap[size]}\n />\n )}\n <div\n className={cnAttachment('Content', [\n cnMixFlex({ flex: 'flex', direction: 'column', gap: '2xs' }),\n ])}\n >\n {fileName && (\n <Text\n className={cnAttachment('FileName')}\n size={textSizeMap[size]}\n view=\"primary\"\n lineHeight=\"xs\"\n >\n {fileName}\n </Text>\n )}\n {fileDescription && !loading && (\n <Text\n className={cnAttachment('FileDescription')}\n size={descriptionSizeMap[size]}\n lineHeight=\"xs\"\n view=\"ghost\"\n >\n {fileDescription}\n </Text>\n )}\n {loadingText && loading && (\n <Text\n className={cnAttachment('LoadingText')}\n size={descriptionSizeMap[size]}\n lineHeight=\"xs\"\n view=\"ghost\"\n >\n {loadingProgress\n ? `${loadingText} ${loadingProgress}%`\n : `${loadingText}...`}\n </Text>\n )}\n {errorText && (\n <Text\n className={cnAttachment('ErrorText')}\n size={descriptionSizeMap[size]}\n lineHeight=\"xs\"\n view=\"alert\"\n >\n {errorText}\n </Text>\n )}\n </div>\n {withActions && (\n <div\n className={cnAttachment('Actions', [\n cnMixFlex({ flex: 'flex', gap: 'xs' }),\n ])}\n >\n {actions.map((action, index) => (\n <Button\n key={action.title \|\| index}\n className={cnAttachment('Button')}\n tabIndex={-1}\n onlyIcon\n iconLeft={action.icon}\n onClick={action.onClick}\n title={action.title}\n ref={action.ref}\n size=\"xs\"\n view=\"clear\"\n />\n ))}\n </div>\n )}\n </Tag>\n );\n});\n\nexport { Attachment, cnAttachment };\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs"];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,{useCallback,useRef}from"react";import{SelectDropdown}from"../SelectComponents/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponentsDeprecated/types";import{TextField}from"../TextField/TextField";import{useForkRef}from"../../hooks/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{useAutoComplete}from"./useAutoComplete";var cnAutoComplete=cn("AutoComplete"),AutoCompleteRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=withDefaultGetters(a),g=f.items,h=f.groups,i=void 0===h?[]:h,j=f.disabled,k=f.getItemLabel,l=f.getItemKey,m=f.isLoading,n=f.getItemGroupKey,o=f.getGroupKey,p=f.getGroupLabel,q=f.onBlur,r=f.inputRef,s=f.onFocus,t=f.dropdownRef,u=void 0===t?c:t,v=f.dropdownClassName,w=f.dropdownForm,x=void 0===w?"default":w,y=f.value,z=f.form,A=void 0===z?defaultPropForm:z,B=f.view,C=void 0===B?defaultPropView:B,D=f.size,E=void 0===D?defaultPropSize:D,F=f.onChange,G=f.inputContainerRef,H=f.style,I=f.renderItem,J=f.searchFunction,K=f.id,L=f.name,M=f.className,N=f.virtualScroll,O=f.onScrollToBottom,P=f.onDropdownOpen,Q=f.dropdownOpen,R=f.ignoreOutsideClicksRefs,S=_objectWithoutProperties(f,_excluded),T=useMutableRef(F),U=useCallback(function(a){var b,c=a.e,d=a.value,e=_objectSpread({},c),f=d?k(d):d;null===(b=T.current)||void 0===b?void 0:b.call(T,f,{e:e,id:null===K||void 0===K?void 0:K.toString(),name:L})},[K,L]),V=useCallback(function(a,b){var c,d=b.id,f=b.name,g=b.e;null===(c=T.current)||void 0===c?void 0:c.call(T,a,{id:null===d||void 0===d?void 0:d.toString(),name:f,e:g})},[]),W=useAutoComplete({items:g,groups:i,onChange:U,dropdownRef:u,controlRef:d,disabled:j,searchValue:null!==y&&void 0!==y?y:"",getItemLabel:k,getItemKey:l,getItemGroupKey:n,getGroupKey:o,onBlur:q,onFocus:s,searchFunction:J,isLoading:m,onDropdownOpen:P,dropdownOpen:Q,ignoreOutsideClicksRefs:R}),X=W.getOptionProps,Y=W.isOpen,Z=W.getKeyProps,$=W.visibleItems,_=W.handleInputFocus,aa=W.handleInputBlur,ba=W.inputRef,ca=W.optionsRefs;return React.createElement(React.Fragment,null,React.createElement(TextField,Object.assign({},Z(),{form:A,view:C,id:K,className:cnAutoComplete(null,[M]),name:L,disabled:j,ref:useForkRef([d,b]),inputRef:useForkRef([r,ba]),onBlur:aa,inputContainerRef:useForkRef([e,G]),onClick:_,onChange:V,value:y,style:H,size:E},S)),React.createElement(SelectDropdown,{isOpen:Y,size:E,controlRef:e,getOptionProps:X,dropdownRef:u,form:x,className:cnAutoComplete("List",[v]),renderItem:I||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(SelectItem,{label:k(b),active:c,hovered:d,multiple:!1,disabled:j,size:E,indent:"round"===x?"increased":"normal",onClick:e,onMouseEnter:f,ref:g})},getGroupLabel:p,visibleItems:$,isLoading:m,hasItems:0!==g.length,itemsRefs:ca,virtualScroll:!0,style:"number"==typeof(null===H||void 0===H?void 0:H.zIndex)?{zIndex:H.zIndex+1}:void 0,onScrollToBottom:O}))};export var AutoComplete=React.forwardRef(AutoCompleteRender);export*from"./types";
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","rows","minRows","maxRows"];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,{useCallback,useRef}from"react";import{SelectDropdown}from"../SelectComponents/SelectDropdown";import{SelectItem}from"../SelectComponents/SelectItem";import{defaultPropForm,defaultPropSize,defaultPropView}from"../SelectComponentsDeprecated/types";import{TextField}from"../TextField/TextField";import{useForkRef}from"../../hooks/useForkRef";import{useMutableRef}from"../../hooks/useMutableRef";import{cn}from"../../utils/bem";import{withDefaultGetters}from"./helpers";import{useAutoComplete}from"./useAutoComplete";var cnAutoComplete=cn("AutoComplete"),AutoCompleteRender=function(a,b){var c=useRef(null),d=useRef(null),e=useRef(null),f=withDefaultGetters(a),g=f.items,h=f.groups,i=void 0===h?[]:h,j=f.disabled,k=f.getItemLabel,l=f.getItemKey,m=f.isLoading,n=f.getItemGroupKey,o=f.getGroupKey,p=f.getGroupLabel,q=f.onBlur,r=f.inputRef,s=f.onFocus,t=f.dropdownRef,u=void 0===t?c:t,v=f.dropdownClassName,w=f.dropdownForm,x=void 0===w?"default":w,y=f.value,z=f.form,A=void 0===z?defaultPropForm:z,B=f.view,C=void 0===B?defaultPropView:B,D=f.size,E=void 0===D?defaultPropSize:D,F=f.onChange,G=f.inputContainerRef,H=f.style,I=f.renderItem,J=f.searchFunction,K=f.id,L=f.name,M=f.className,N=f.virtualScroll,O=f.onScrollToBottom,P=f.onDropdownOpen,Q=f.dropdownOpen,R=f.ignoreOutsideClicksRefs,S=f.rows,T=f.minRows,U=f.maxRows,V=_objectWithoutProperties(f,_excluded),W=useMutableRef(F),X=useCallback(function(a){var b,c=a.e,d=a.value,e=_objectSpread({},c),f=d?k(d):d;null===(b=W.current)||void 0===b?void 0:b.call(W,f,{e:e,id:null===K||void 0===K?void 0:K.toString(),name:L})},[K,L]),Y=useCallback(function(a,b){var c,d=b.id,f=b.name,g=b.e;null===(c=W.current)||void 0===c?void 0:c.call(W,a,{id:null===d||void 0===d?void 0:d.toString(),name:f,e:g})},[]),Z=useAutoComplete({items:g,groups:i,onChange:X,dropdownRef:u,controlRef:d,disabled:j,searchValue:null!==y&&void 0!==y?y:"",getItemLabel:k,getItemKey:l,getItemGroupKey:n,getGroupKey:o,onBlur:q,onFocus:s,searchFunction:J,isLoading:m,onDropdownOpen:P,dropdownOpen:Q,ignoreOutsideClicksRefs:R}),$=Z.getOptionProps,_=Z.isOpen,aa=Z.getKeyProps,ba=Z.visibleItems,ca=Z.handleInputFocus,da=Z.handleInputBlur,ea=Z.inputRef,fa=Z.optionsRefs;return React.createElement(React.Fragment,null,React.createElement(TextField,Object.assign({},aa(),{form:A,view:C,id:K,className:cnAutoComplete(null,[M]),name:L,disabled:j,ref:useForkRef([d,b]),inputRef:useForkRef([r,ea]),onBlur:da,inputContainerRef:useForkRef([e,G]),onClick:ca,onChange:Y,value:y,style:H,size:E,rows:S,minRows:T,maxRows:U},V)),React.createElement(SelectDropdown,{isOpen:_,size:E,controlRef:e,getOptionProps:$,dropdownRef:u,form:x,className:cnAutoComplete("List",[v]),renderItem:I||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(SelectItem,{label:k(b),active:c,hovered:d,multiple:!1,disabled:j,size:E,indent:"round"===x?"increased":"normal",onClick:e,onMouseEnter:f,ref:g})},getGroupLabel:p,visibleItems:ba,isLoading:m,hasItems:0!==g.length,itemsRefs:fa,virtualScroll:!0,style:"number"==typeof(null===H||void 0===H?void 0:H.zIndex)?{zIndex:H.zIndex+1}:void 0,onScrollToBottom:O}))};export var AutoComplete=React.forwardRef(AutoCompleteRender);export*from"./types";
 //# sourceMappingURL=AutoComplete.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoComplete.js","names":["React","useCallback","useRef","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","TextField","useForkRef","useMutableRef","cn","withDefaultGetters","useAutoComplete","cnAutoComplete","AutoCompleteRender","props","ref","defaultDropdownRef","controlRef","containerRef","items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","otherProps","onChangeRef","handleSelectChange","e","copyEvent","newValue","current","toString","handleInputChange","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","handleInputBlur","inputControlRef","optionsRefs","renderItemDefault","item","active","hovered","onClick","onMouseEnter","length","zIndex","AutoComplete","forwardRef"],"sources":["../../../../../src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '##/components/SelectComponentsDeprecated/types';\nimport {\n TextField,\n TextFieldPropOnChange,\n} from '##/components/TextField/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n AutoCompleteComponent,\n AutoCompleteGroupDefault,\n AutoCompleteItemDefault,\n AutoCompleteProps,\n} from './types';\nimport { useAutoComplete } from './useAutoComplete';\n\nconst cnAutoComplete = cn('AutoComplete');\n\nconst AutoCompleteRender = <\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n>(\n props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const defaultDropdownRef = useRef<HTMLDivElement \| null>(null);\n const controlRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const {\n items,\n groups = [],\n disabled,\n getItemLabel,\n getItemKey,\n isLoading,\n getItemGroupKey,\n getGroupKey,\n getGroupLabel,\n onBlur,\n inputRef,\n onFocus,\n dropdownRef = defaultDropdownRef,\n dropdownClassName,\n dropdownForm = 'default',\n value,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n onChange,\n inputContainerRef,\n style,\n renderItem,\n searchFunction,\n id,\n name,\n className,\n virtualScroll,\n onScrollToBottom,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n ...otherProps\n } = withDefaultGetters(props);\n\n const onChangeRef = useMutableRef(onChange);\n\n const handleSelectChange = useCallback(\n ({ e, value }: { value: ITEM \| null; e: React.SyntheticEvent }) => {\n const copyEvent = { ...e } as React.KeyboardEvent;\n const newValue = (value ? getItemLabel(value) : value) as string;\n onChangeRef.current?.(newValue, {\n e: copyEvent,\n id: id?.toString(),\n name,\n });\n },\n [id, name],\n );\n\n const handleInputChange: TextFieldPropOnChange = useCallback(\n (value, { id, name, e }) => {\n onChangeRef.current?.(value, { id: id?.toString(), name, e });\n },\n [],\n );\n\n const {\n getOptionProps,\n isOpen,\n getKeyProps,\n visibleItems,\n handleInputFocus,\n handleInputBlur,\n inputRef: inputControlRef,\n optionsRefs,\n } = useAutoComplete({\n items,\n groups,\n onChange: handleSelectChange,\n dropdownRef,\n controlRef,\n disabled,\n searchValue: value ?? '',\n getItemLabel,\n getItemKey,\n getItemGroupKey,\n getGroupKey,\n onBlur,\n onFocus,\n searchFunction,\n isLoading,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n });\n\n const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n const { item, active, hovered, onClick, onMouseEnter, ref } = props;\n\n return (\n <SelectItem\n label={getItemLabel(item)}\n active={active}\n hovered={hovered}\n multiple={false}\n disabled={disabled}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n ref={ref}\n />\n );\n };\n\n return (\n <>\n <TextField\n {...getKeyProps()}\n form={form}\n view={view}\n id={id}\n className={cnAutoComplete(null, [className])}\n name={name}\n disabled={disabled}\n ref={useForkRef([controlRef, ref])}\n inputRef={useForkRef([inputRef, inputControlRef])}\n onBlur={handleInputBlur}\n inputContainerRef={useForkRef([containerRef, inputContainerRef])}\n onClick={handleInputFocus}\n onChange={handleInputChange}\n value={value}\n style={style}\n size={size}\n {...otherProps}\n />\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={containerRef}\n getOptionProps={getOptionProps}\n dropdownRef={dropdownRef}\n form={dropdownForm}\n className={cnAutoComplete('List', [dropdownClassName])}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n isLoading={isLoading}\n hasItems={items.length !== 0}\n itemsRefs={optionsRefs}\n virtualScroll\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n onScrollToBottom={onScrollToBottom}\n />\n </>\n );\n};\n\nexport const AutoComplete = React.forwardRef(\n AutoCompleteRender,\n) as AutoCompleteComponent;\n\nexport * from './types';\n"],"mappings":"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"}
1	+ {"version":3,"file":"AutoComplete.js","names":["React","useCallback","useRef","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","TextField","useForkRef","useMutableRef","cn","withDefaultGetters","useAutoComplete","cnAutoComplete","AutoCompleteRender","props","ref","defaultDropdownRef","controlRef","containerRef","items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","onBlur","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","inputContainerRef","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","rows","minRows","maxRows","otherProps","onChangeRef","handleSelectChange","e","copyEvent","newValue","current","toString","handleInputChange","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","handleInputBlur","inputControlRef","optionsRefs","renderItemDefault","item","active","hovered","onClick","onMouseEnter","length","zIndex","AutoComplete","forwardRef"],"sources":["../../../../../src/components/AutoComplete/AutoComplete.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '##/components/SelectComponentsDeprecated/types';\nimport {\n TextField,\n TextFieldPropOnChange,\n} from '##/components/TextField/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cn } from '##/utils/bem';\n\nimport { withDefaultGetters } from './helpers';\nimport {\n AutoCompleteComponent,\n AutoCompleteGroupDefault,\n AutoCompleteItemDefault,\n AutoCompleteProps,\n} from './types';\nimport { useAutoComplete } from './useAutoComplete';\n\nconst cnAutoComplete = cn('AutoComplete');\n\nconst AutoCompleteRender = <\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n>(\n props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const defaultDropdownRef = useRef<HTMLDivElement \| null>(null);\n const controlRef = useRef<HTMLDivElement>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const {\n items,\n groups = [],\n disabled,\n getItemLabel,\n getItemKey,\n isLoading,\n getItemGroupKey,\n getGroupKey,\n getGroupLabel,\n onBlur,\n inputRef,\n onFocus,\n dropdownRef = defaultDropdownRef,\n dropdownClassName,\n dropdownForm = 'default',\n value,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n onChange,\n inputContainerRef,\n style,\n renderItem,\n searchFunction,\n id,\n name,\n className,\n virtualScroll,\n onScrollToBottom,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n rows,\n minRows,\n maxRows,\n ...otherProps\n } = withDefaultGetters(props);\n\n const onChangeRef = useMutableRef(onChange);\n\n const handleSelectChange = useCallback(\n ({ e, value }: { value: ITEM \| null; e: React.SyntheticEvent }) => {\n const copyEvent = { ...e } as React.KeyboardEvent;\n const newValue = (value ? getItemLabel(value) : value) as string;\n onChangeRef.current?.(newValue, {\n e: copyEvent,\n id: id?.toString(),\n name,\n });\n },\n [id, name],\n );\n\n const handleInputChange: TextFieldPropOnChange = useCallback(\n (value, { id, name, e }) => {\n onChangeRef.current?.(value, { id: id?.toString(), name, e });\n },\n [],\n );\n\n const {\n getOptionProps,\n isOpen,\n getKeyProps,\n visibleItems,\n handleInputFocus,\n handleInputBlur,\n inputRef: inputControlRef,\n optionsRefs,\n } = useAutoComplete({\n items,\n groups,\n onChange: handleSelectChange,\n dropdownRef,\n controlRef,\n disabled,\n searchValue: value ?? '',\n getItemLabel,\n getItemKey,\n getItemGroupKey,\n getGroupKey,\n onBlur,\n onFocus,\n searchFunction,\n isLoading,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n });\n\n const renderItemDefault: PropRenderItem<ITEM> = (props) => {\n const { item, active, hovered, onClick, onMouseEnter, ref } = props;\n\n return (\n <SelectItem\n label={getItemLabel(item)}\n active={active}\n hovered={hovered}\n multiple={false}\n disabled={disabled}\n size={size}\n indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n ref={ref}\n />\n );\n };\n\n return (\n <>\n <TextField\n {...getKeyProps()}\n form={form}\n view={view}\n id={id}\n className={cnAutoComplete(null, [className])}\n name={name}\n disabled={disabled}\n ref={useForkRef([controlRef, ref])}\n inputRef={useForkRef([\n inputRef as React.RefObject<HTMLInputElement>,\n inputControlRef,\n ])}\n onBlur={handleInputBlur}\n inputContainerRef={useForkRef([containerRef, inputContainerRef])}\n onClick={handleInputFocus}\n onChange={handleInputChange}\n value={value}\n style={style}\n size={size}\n rows={rows as undefined}\n minRows={minRows as undefined}\n maxRows={maxRows as undefined}\n {...otherProps}\n />\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={containerRef}\n getOptionProps={getOptionProps}\n dropdownRef={dropdownRef}\n form={dropdownForm}\n className={cnAutoComplete('List', [dropdownClassName])}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n isLoading={isLoading}\n hasItems={items.length !== 0}\n itemsRefs={optionsRefs}\n virtualScroll\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n onScrollToBottom={onScrollToBottom}\n />\n </>\n );\n};\n\nexport const AutoComplete = React.forwardRef(\n AutoCompleteRender,\n) as AutoCompleteComponent;\n\nexport * from './types';\n"],"mappings":"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"}

package/__internal__/src/components/AutoCompleteCanary/AutoCompleteTypeText/AutoCompleteTypeText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCompleteTypeText.js","names":["React","forwardRef","useRef","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","TextFieldTypeText","useForkRef","withDefaultGetters","useAutoComplete","useRenderItemDefault","AutoCompleteTypeText","props","componentRef","items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","inputRef","onFocus","dropdownRefProp","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","onBlur","otherProps","controlRef","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","handleInputBlur","inputControlRef","optionsRefs","handleChange","renderItemDefault","length","zIndex"],"sources":["../../../../../../src/components/AutoCompleteCanary/AutoCompleteTypeText/AutoCompleteTypeText.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '##/components/SelectComponentsDeprecated/types';\nimport { TextFieldTypeText } from '##/components/TextFieldCanary';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { withDefaultGetters } from '../helpers';\nimport { AutoCompleteTypeComponent } from '../types';\nimport { useAutoComplete } from '../useAutoComplete';\nimport { useRenderItemDefault } from '../useRenderItemDefault';\n\nexport const AutoCompleteTypeText: AutoCompleteTypeComponent<string> =\n forwardRef((props, componentRef) => {\n const {\n items = [],\n groups = [],\n disabled = false,\n getItemLabel,\n getItemKey,\n isLoading,\n getItemGroupKey,\n getGroupKey,\n getGroupLabel,\n inputRef,\n onFocus,\n dropdownRef: dropdownRefProp,\n dropdownClassName,\n dropdownForm = 'default',\n value,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n onChange,\n style,\n renderItem,\n searchFunction,\n id,\n name,\n className,\n virtualScroll,\n onScrollToBottom,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n onBlur,\n ...otherProps\n } = withDefaultGetters(props);\n\n const dropdownRef = useRef<HTMLDivElement ~~\| null~~>(null);\n const controlRef = useRef<HTMLDivElement>(null);\n\n const {\n getOptionProps,\n isOpen,\n getKeyProps,\n visibleItems,\n handleInputFocus,\n handleInputBlur,\n inputRef: inputControlRef,\n optionsRefs,\n handleChange,\n } = useAutoComplete({\n items,\n groups,\n onChange,\n dropdownRef,\n disabled,\n searchValue: value \|\| '',\n getItemLabel,\n getItemKey,\n getItemGroupKey,\n getGroupKey,\n onFocus,\n onBlur,\n searchFunction,\n isLoading,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs: [controlRef, ...(ignoreOutsideClicksRefs \|\| [])],\n });\n\n const renderItemDefault = useRenderItemDefault(\n getItemLabel,\n disabled,\n size,\n dropdownForm,\n );\n\n return (\n <>\n <TextFieldTypeText\n {...getKeyProps()}\n form={form}\n view={view}\n id={id}\n className={className}\n name={name}\n disabled={disabled}\n ref={useForkRef([controlRef, componentRef])}\n inputRef={useForkRef([inputRef, inputControlRef])}\n onChange={handleChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n value={value}\n style={style}\n size={size}\n {...otherProps}\n />\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={controlRef}\n getOptionProps={getOptionProps}\n dropdownRef={useForkRef([dropdownRef, dropdownRefProp])}\n form={dropdownForm}\n className={dropdownClassName}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n isLoading={isLoading}\n hasItems={items.length !== 0}\n itemsRefs={optionsRefs}\n virtualScroll\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n onScrollToBottom={onScrollToBottom}\n />\n </>\n );\n });\n"],"mappings":"ojBAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAEA,OAASC,cAAT,6CACA,OACEC,eADF,CAEEC,eAFF,CAGEC,eAHF,8CAKA,OAASC,iBAAT,6BACA,OAASC,UAAT,iCAEA,OAASC,kBAAT,kBAEA,OAASC,eAAT,0BACA,OAASC,oBAAT,+BAEA,MAAO,IAAMC,qBAAuD,CAClEX,UAAU,CAAC,SAACY,CAAD,CAAQC,CAAR,CAAyB,OAkC9BL,kBAAkB,CAACI,CAAD,CAlCY,KAEhCE,KAFgC,CAEhCA,CAFgC,YAExB,EAFwB,OAGhCC,MAHgC,CAGhCA,CAHgC,YAGvB,EAHuB,OAIhCC,QAJgC,CAIhCA,CAJgC,eAKhCC,CALgC,GAKhCA,YALgC,CAMhCC,CANgC,GAMhCA,UANgC,CAOhCC,CAPgC,GAOhCA,SAPgC,CAQhCC,CARgC,GAQhCA,eARgC,CAShCC,CATgC,GAShCA,WATgC,CAUhCC,CAVgC,GAUhCA,aAVgC,CAWhCC,CAXgC,GAWhCA,QAXgC,CAYhCC,CAZgC,GAYhCA,OAZgC,CAanBC,CAbmB,GAahCC,WAbgC,CAchCC,CAdgC,GAchCA,iBAdgC,KAehCC,YAfgC,CAehCA,CAfgC,YAejB,SAfiB,GAgBhCC,CAhBgC,GAgBhCA,KAhBgC,KAiBhCC,IAjBgC,CAiBhCA,CAjBgC,YAiBzB3B,eAjByB,OAkBhC4B,IAlBgC,CAkBhCA,CAlBgC,YAkBzB1B,eAlByB,OAmBhC2B,IAnBgC,CAmBhCA,CAnBgC,YAmBzB5B,eAnByB,GAoBhC6B,CApBgC,GAoBhCA,QApBgC,CAqBhCC,CArBgC,GAqBhCA,KArBgC,CAsBhCC,CAtBgC,GAsBhCA,UAtBgC,CAuBhCC,CAvBgC,GAuBhCA,cAvBgC,CAwBhCC,CAxBgC,GAwBhCA,EAxBgC,CAyBhCC,CAzBgC,GAyBhCA,IAzBgC,CA0BhCC,CA1BgC,GA0BhCA,SA1BgC,CA2BhCC,CA3BgC,GA2BhCA,aA3BgC,CA4BhCC,CA5BgC,GA4BhCA,gBA5BgC,CA6BhCC,CA7BgC,GA6BhCA,cA7BgC,CA8BhCC,CA9BgC,GA8BhCA,YA9BgC,CA+BhCC,CA/BgC,GA+BhCA,uBA/BgC,CAgChCC,CAhCgC,GAgChCA,MAhCgC,CAiC7BC,CAjC6B,uCAoC5BpB,CAAW,CAAGzB,MAAM,~~CAAwB~~,~~IAAxB~~,CApCQ,CAqC5B8C,CAAU,CAAG9C,MAAM,CAAiB,IAAjB,CArCS,GAiD9BQ,eAAe,CAAC,CAClBK,KAAK,CAALA,CADkB,CAElBC,MAAM,CAANA,CAFkB,CAGlBkB,QAAQ,CAARA,CAHkB,CAIlBP,WAAW,CAAXA,CAJkB,CAKlBV,QAAQ,CAARA,CALkB,CAMlBgC,WAAW,CAAEnB,CAAK,EAAI,EANJ,CAOlBZ,YAAY,CAAZA,CAPkB,CAQlBC,UAAU,CAAVA,CARkB,CASlBE,eAAe,CAAfA,CATkB,CAUlBC,WAAW,CAAXA,CAVkB,CAWlBG,OAAO,CAAPA,CAXkB,CAYlBqB,MAAM,CAANA,CAZkB,CAalBT,cAAc,CAAdA,CAbkB,CAclBjB,SAAS,CAATA,CAdkB,CAelBuB,cAAc,CAAdA,CAfkB,CAgBlBC,YAAY,CAAZA,CAhBkB,CAiBlBC,uBAAuB,EAAGG,CAAH,4BAAmBH,CAAuB,EAAI,EAA9C,EAjBL,CAAD,CAjDe,CAwChCK,CAxCgC,GAwChCA,cAxCgC,CAyChCC,CAzCgC,GAyChCA,MAzCgC,CA0ChCC,CA1CgC,GA0ChCA,WA1CgC,CA2ChCC,CA3CgC,GA2ChCA,YA3CgC,CA4ChCC,CA5CgC,GA4ChCA,gBA5CgC,CA6ChCC,CA7CgC,GA6ChCA,eA7CgC,CA8CtBC,CA9CsB,GA8ChChC,QA9CgC,CA+ChCiC,CA/CgC,GA+ChCA,WA/CgC,CAgDhCC,CAhDgC,GAgDhCA,YAhDgC,CAqE5BC,EAAiB,CAAGhD,oBAAoB,CAC5CO,CAD4C,CAE5CD,CAF4C,CAG5CgB,CAH4C,CAI5CJ,CAJ4C,CArEZ,CA4ElC,MACE,yCACE,oBAAC,iBAAD,kBACMuB,CAAW,EADjB,EAEE,IAAI,CAAErB,CAFR,CAGE,IAAI,CAAEC,CAHR,CAIE,EAAE,CAAEM,CAJN,CAKE,SAAS,CAAEE,CALb,CAME,IAAI,CAAED,CANR,CAOE,QAAQ,CAAEtB,CAPZ,CAQE,GAAG,CAAET,UAAU,CAAC,CAACwC,CAAD,CAAalC,CAAb,CAAD,CARjB,CASE,QAAQ,CAAEN,UAAU,CAAC,CAACgB,CAAD,CAAWgC,CAAX,CAAD,CATtB,CAUE,QAAQ,CAAEE,CAVZ,CAWE,OAAO,CAAEJ,CAXX,CAYE,MAAM,CAAEC,CAZV,CAaE,KAAK,CAAEzB,CAbT,CAcE,KAAK,CAAEK,CAdT,CAeE,IAAI,CAAEF,CAfR,EAgBMc,CAhBN,EADF,CAmBE,oBAAC,cAAD,EACE,MAAM,CAAEI,CADV,CAEE,IAAI,CAAElB,CAFR,CAGE,UAAU,CAAEe,CAHd,CAIE,cAAc,CAAEE,CAJlB,CAKE,WAAW,CAAE1C,UAAU,CAAC,CAACmB,CAAD,CAAcD,CAAd,CAAD,CALzB,CAME,IAAI,CAAEG,CANR,CAOE,SAAS,CAAED,CAPb,CAQE,UAAU,CAAEQ,CAAU,EAAIuB,EAR5B,CASE,aAAa,CAAEpC,CATjB,CAUE,YAAY,CAAE8B,CAVhB,CAWE,SAAS,CAAEjC,CAXb,CAYE,QAAQ,CAAmB,CAAjB,GAAAL,CAAK,CAAC6C,MAZlB,CAaE,SAAS,CAAEH,CAbb,CAcE,aAAa,GAdf,CAeE,KAAK,CACsB,QAAzB,gBAAOtB,CAAP,WAAOA,CAAP,QAAOA,CAAK,CAAE0B,MAAd,EACI,CAAEA,MAAM,CAAE1B,CAAK,CAAC0B,MAAN,CAAe,CAAzB,CADJ,OAhBJ,CAoBE,gBAAgB,CAAEnB,CApBpB,EAnBF,CA2CH,CAxHS,CADL"}
1	+ {"version":3,"file":"AutoCompleteTypeText.js","names":["React","forwardRef","useRef","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","TextFieldTypeText","useForkRef","withDefaultGetters","useAutoComplete","useRenderItemDefault","AutoCompleteTypeText","props","componentRef","items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","inputRef","onFocus","dropdownRefProp","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","onBlur","otherProps","controlRef","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","handleInputBlur","inputControlRef","optionsRefs","handleChange","renderItemDefault","length","zIndex"],"sources":["../../../../../../src/components/AutoCompleteCanary/AutoCompleteTypeText/AutoCompleteTypeText.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\n\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport {\n defaultPropForm,\n defaultPropSize,\n defaultPropView,\n} from '##/components/SelectComponentsDeprecated/types';\nimport { TextFieldTypeText } from '##/components/TextFieldCanary';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport { withDefaultGetters } from '../helpers';\nimport { AutoCompleteTypeComponent } from '../types';\nimport { useAutoComplete } from '../useAutoComplete';\nimport { useRenderItemDefault } from '../useRenderItemDefault';\n\nexport const AutoCompleteTypeText: AutoCompleteTypeComponent<string> =\n forwardRef((props, componentRef) => {\n const {\n items = [],\n groups = [],\n disabled = false,\n getItemLabel,\n getItemKey,\n isLoading,\n getItemGroupKey,\n getGroupKey,\n getGroupLabel,\n inputRef,\n onFocus,\n dropdownRef: dropdownRefProp,\n dropdownClassName,\n dropdownForm = 'default',\n value,\n form = defaultPropForm,\n view = defaultPropView,\n size = defaultPropSize,\n onChange,\n style,\n renderItem,\n searchFunction,\n id,\n name,\n className,\n virtualScroll,\n onScrollToBottom,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs,\n onBlur,\n ...otherProps\n } = withDefaultGetters(props);\n\n const dropdownRef = useRef<HTMLDivElement>(null);\n const controlRef = useRef<HTMLDivElement>(null);\n\n const {\n getOptionProps,\n isOpen,\n getKeyProps,\n visibleItems,\n handleInputFocus,\n handleInputBlur,\n inputRef: inputControlRef,\n optionsRefs,\n handleChange,\n } = useAutoComplete({\n items,\n groups,\n onChange,\n dropdownRef,\n disabled,\n searchValue: value \|\| '',\n getItemLabel,\n getItemKey,\n getItemGroupKey,\n getGroupKey,\n onFocus,\n onBlur,\n searchFunction,\n isLoading,\n onDropdownOpen,\n dropdownOpen,\n ignoreOutsideClicksRefs: [controlRef, ...(ignoreOutsideClicksRefs \|\| [])],\n });\n\n const renderItemDefault = useRenderItemDefault(\n getItemLabel,\n disabled,\n size,\n dropdownForm,\n );\n\n return (\n <>\n <TextFieldTypeText\n {...getKeyProps()}\n form={form}\n view={view}\n id={id}\n className={className}\n name={name}\n disabled={disabled}\n ref={useForkRef([controlRef, componentRef])}\n inputRef={useForkRef([inputRef, inputControlRef])}\n onChange={handleChange}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n value={value}\n style={style}\n size={size}\n {...otherProps}\n />\n <SelectDropdown\n isOpen={isOpen}\n size={size}\n controlRef={controlRef}\n getOptionProps={getOptionProps}\n dropdownRef={useForkRef([dropdownRef, dropdownRefProp])}\n form={dropdownForm}\n className={dropdownClassName}\n renderItem={renderItem \|\| renderItemDefault}\n getGroupLabel={getGroupLabel}\n visibleItems={visibleItems}\n isLoading={isLoading}\n hasItems={items.length !== 0}\n itemsRefs={optionsRefs}\n virtualScroll\n style={\n typeof style?.zIndex === 'number'\n ? { zIndex: style.zIndex + 1 }\n : undefined\n }\n onScrollToBottom={onScrollToBottom}\n />\n </>\n );\n });\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.css CHANGED Viewed

	@@ -1 +1 @@
1	- .FieldArrayValueInlineControl{display:flex;flex-wrap:wrap;gap:var(--field-array-value-inline-control-items-gap);padding:calc(var(--field-array-value-inline-control-vertical-padding) - var(--field-control-layout-border-width)) 0}.FieldArrayValueInlineControl-Input{background:transparent;border:none;color:var(--field-control-layout-input-color);display:block;flex:1;font-size:var(--field-control-layout-text-size);height:var(--field-array-value-inline-control-input-height);line-height:1;line-height:var(--field-array-value-inline-control-input-height);min-width:min(var(--field-array-value-inline-control-input-min-width),~~100%~~);outline:none}.FieldArrayValueInlineControl-Input:-webkit-autofill,.FieldArrayValueInlineControl-Input:-webkit-autofill:focus,.FieldArrayValueInlineControl-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--field-control-layout-input-color)}.FieldArrayValueInlineControl-Input::-moz-placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-Input::placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-HelperInputFakeElement{display:inline-block;font-size:var(--field-control-layout-text-size);height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap}
1	+ .FieldArrayValueInlineControl{display:flex;flex-wrap:wrap;gap:var(--field-array-value-inline-control-items-gap);min-height:var(--field-control-layout-slot-height);padding:calc(var(--field-array-value-inline-control-vertical-padding) - var(--field-control-layout-border-width)) 0;position:relative}.FieldArrayValueInlineControl-Input{background:transparent;border:none;color:var(--field-control-layout-input-color);display:block;flex:1;font-size:var(--field-control-layout-text-size);height:var(--field-array-value-inline-control-input-height);line-height:1;line-height:var(--field-array-value-inline-control-input-height);min-width:min(max(var(--field-array-value-inline-control-input-min-width),var(--field-control-layout-space)),var(--field-control-layout-children-width));outline:none}.FieldArrayValueInlineControl-Input_disabled{pointer-events:none;position:absolute;width:100%}.FieldArrayValueInlineControl-Input:-webkit-autofill,.FieldArrayValueInlineControl-Input:-webkit-autofill:focus,.FieldArrayValueInlineControl-Input:-webkit-autofill:hover{-webkit-text-fill-color:var(--field-control-layout-input-color)}.FieldArrayValueInlineControl-Input::-moz-placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-Input::placeholder{color:var(--field-control-layout-placeholder-color)}.FieldArrayValueInlineControl-HelperInputFakeElement{display:inline-block;font-size:var(--field-control-layout-text-size);height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","inputRef","inputMaxLength","value","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","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,useRef,useState}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},FieldArrayValueInlineControlRender=function(a,b){var c,d,e=a.className,f=a.inputRef,g=a.inputMaxLength,h=a.value,i=void 0===h?[]:h,j=a.inputDefaultValue,k=a.renderValue,l=a.onFocus,m=a.onBlur,n=a.autoFocus,o=a.inputTabIndex,p=a.inputAriaLabel,q=a.disabled,r=a.style,s=a.size,t=void 0===s?"m":s,u=a.placeholder,v=a.onKeyDown,w=a.onKeyDownCapture,x=a.onChange,y=a.onKeyUp,z=a.onKeyUpCapture,A=a.onCopy,B=a.onCopyCapture,C=a.onCut,D=a.onCutCapture,E=a.onPaste,F=a.onPasteCapture,G=a.onWheel,H=_objectWithoutProperties(a,_excluded),I=useState(""),J=_slicedToArray(I,2),K=J[0],L=J[1],M=useMutableRef(x),N=useRef(null),O=useRef(null),P=useCallback(function(a){var b;L(a.target.value),null===(b=M.current)||void 0===b?void 0:b.call(M,a)},[]),Q=useComponentSize(N),R=Q.width;return useEffect(function(){var a;L((null===(a=O.current)||void 0===a?void 0:a.value)||"")},[null===(c=O.current)||void 0===c?void 0:c.value]),React.createElement("div",Object.assign({},H,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},r),{},(d={},_defineProperty(d,"--field-array-value-inline-control-items-gap",gapMap[t]),_defineProperty(d,"--field-array-value-inline-control-input-min-width","".concat(R,"px")),_defineProperty(d,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[t])),_defineProperty(d,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[t])),d))}),i.map(k),React.createElement("input",{className:cnFieldArrayValueInlineControl("Input"),onChange:P,ref:useForkRef([O,f]),maxLength:g,onFocus:l,onBlur:m,autoFocus:n,tabIndex:o,"aria-label":p,onKeyDown:v,onKeyDownCapture:w,onKeyUp:y,onKeyUpCapture:z,disabled:q,type:"text",placeholder:i.length?void 0:u,onCopy:A,onCopyCapture:B,onCut:C,onCutCapture:D,onPaste:E,onPasteCapture:F,onWheel:G,defaultValue:j}),React.createElement("div",{ref:N,className:cnFieldArrayValueInlineControl("HelperInputFakeElement")},K))};export var FieldArrayValueInlineControl=forwardRef(FieldArrayValueInlineControlRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["valueAtom","inputMinWidthAtom"],_excluded2=["children","className","inputMinWidthAtom","size","style"],_excluded3=["className","inputRef","inputMaxLength","value","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput"];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{useAction,useAtom,useUpdate}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{usePropAtom,useSendToAtom,withCtx}from"../../../utils/state";import{useCreateAtom}from"../../../utils/state/useCreateAtom";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},InputFakeElement=forwardRef(function(a,b){var c=a.valueAtom,d=a.inputMinWidthAtom,e=_objectWithoutProperties(a,_excluded),f=useAtom(c),g=_slicedToArray(f,1),h=g[0],i=useRef(null),j=useComponentSize(i),k=j.width;return useUpdate(function(a,b){d(a,b)},[k]),React.createElement("div",Object.assign({},e,{ref:useForkRef([b,i])}),h)}),Root=forwardRef(function(a,b){var c,d=a.children,e=a.className,f=a.inputMinWidthAtom,g=a.size,h=void 0===g?"m":g,i=a.style,j=_objectWithoutProperties(a,_excluded2),k=useAtom(f),l=_slicedToArray(k,1),m=l[0];return React.createElement("div",Object.assign({},j,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},i),{},(c={},_defineProperty(c,"--field-array-value-inline-control-items-gap",gapMap[h]),_defineProperty(c,"--field-array-value-inline-control-input-min-width","".concat(m,"px")),_defineProperty(c,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[h])),_defineProperty(c,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[h])),c))}),d)}),FieldArrayValueInlineControlRender=function(a,b){var c=a.className,d=a.inputRef,e=a.inputMaxLength,f=a.value,g=void 0===f?[]:f,h=a.inputValue,i=a.inputDefaultValue,j=void 0===i?"":i,k=a.renderValue,l=a.onFocus,m=a.onBlur,n=a.autoFocus,o=a.inputTabIndex,p=a.inputAriaLabel,q=a.disabled,r=a.size,s=void 0===r?"m":r,t=a.placeholder,u=a.onKeyDown,v=a.onKeyDownCapture,w=a.onChange,x=a.onKeyUp,y=a.onKeyUpCapture,z=a.onCopy,A=a.onCopyCapture,B=a.onCut,C=a.onCutCapture,D=a.onPaste,E=a.onPasteCapture,F=a.onWheel,G=a.disableInput,H=_objectWithoutProperties(a,_excluded3),I=useSendToAtom(a),J=usePropAtom(I,"inputValue"),K=usePropAtom(I,"value"),L=useCreateAtom(h||j||""),M=useCreateAtom(j),N=useCreateAtom(0),O=useRef(null),P=useRef(null),Q=useAction(function(a,b){L(a,b.target.value);var c=a.get(I),d=c.onChange;d&&d(b)},[]),R=useAtom(function(a){var b=a.spy(K),c=a.get(I),d=c.renderValue;return d(b||[])}),S=_slicedToArray(R,1),T=S[0];return useAtom(function(a){var b=a.spy(J),c=a.get(M);c?M(a,""):(P.current&&(P.current.value=b||""),L(a,b||""))}),React.createElement(Root,Object.assign({},H,{className:cnFieldArrayValueInlineControl(null,[c]),ref:b,size:s,inputMinWidthAtom:N}),T,React.createElement("input",{className:cnFieldArrayValueInlineControl("Input",{disabled:G}),onChange:Q,ref:useForkRef([P,d]),maxLength:e,onFocus:l,onBlur:m,autoFocus:n,tabIndex:o,"aria-label":p,onKeyDown:u,onKeyDownCapture:v,onKeyUp:x,onKeyUpCapture:y,disabled:q,type:"text",placeholder:g.length?void 0:t,onCopy:z,onCopyCapture:A,onCut:B,onCutCapture:C,onPaste:D,onPasteCapture:E,onWheel:F,defaultValue:j,readOnly:G}),React.createElement(InputFakeElement,{ref:O,className:cnFieldArrayValueInlineControl("HelperInputFakeElement"),valueAtom:L,inputMinWidthAtom:N}))};export var FieldArrayValueInlineControl=withCtx(forwardRef(FieldArrayValueInlineControlRender));
 //# sourceMappingURL=FieldArrayValueInlineControl.js.map

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldArrayValueInlineControl.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","useComponentSize","useForkRef","useMutableRef","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","FieldArrayValueInlineControlRender","props","ref","className","inputRefProp","inputRef","inputMaxLength","value","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","otherProps","inputValue","setInputValue","onInputChangeRef","fakeInputRef","handleChange","e","target","current","inputMinWidth","width","map","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n FieldArrayValueInlineControlComponent,\n FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n l: 'calc(var(--space-3xs) + var(--space-2xs))',\n m: 'var(--space-2xs)',\n s: 'var(--space-3xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n l: 'var(--space-xs)',\n m: 'calc(var(--space-xs) - var(--space-3xs))',\n s: 'var(--space-2xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n l: 'var(--space-2xl)',\n m: 'calc(var(--space-2xl) - var(--space-2xs))',\n s: 'var(--space-xl)',\n xs: 'var(--space-l)',\n};\n\nconst FieldArrayValueInlineControlRender = (\n props: FieldArrayValueInlineControlProps<unknown>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n className,\n inputRef: inputRefProp,\n inputMaxLength,\n value = [],\n inputDefaultValue,\n renderValue,\n onFocus,\n onBlur,\n autoFocus,\n inputTabIndex,\n inputAriaLabel,\n disabled,\n style,\n size = 'm',\n placeholder,\n onKeyDown,\n onKeyDownCapture,\n onChange,\n onKeyUp,\n onKeyUpCapture,\n onCopy,\n onCopyCapture,\n onCut,\n onCutCapture,\n onPaste,\n onPasteCapture,\n onWheel,\n ...otherProps\n } = props;\n\n const [inputValue, setInputValue] = useState('');\n const onInputChangeRef = useMutableRef(onChange);\n const fakeInputRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n (e) => {\n setInputValue(e.target.value);\n onInputChangeRef.current?.(e);\n },\n [],\n );\n const { width: inputMinWidth } = useComponentSize(fakeInputRef);\n\n useEffect(() => {\n setInputValue(inputRef.current?.value \|\| '');\n }, [inputRef.current?.value]);\n\n return (\n <div\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n style={{\n ...style,\n ['--field-array-value-inline-control-items-gap' as string]:\n gapMap[size],\n ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n }}\n >\n {value.map(renderValue)}\n <input\n className={cnFieldArrayValueInlineControl('Input')}\n onChange={handleChange}\n ref={useForkRef([inputRef, inputRefProp])}\n maxLength={inputMaxLength}\n onFocus={onFocus}\n onBlur={onBlur}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n tabIndex={inputTabIndex}\n aria-label={inputAriaLabel}\n onKeyDown={onKeyDown}\n onKeyDownCapture={onKeyDownCapture}\n onKeyUp={onKeyUp}\n onKeyUpCapture={onKeyUpCapture}\n disabled={disabled}\n type=\"text\"\n placeholder={value.length ? undefined : placeholder}\n onCopy={onCopy}\n onCopyCapture={onCopyCapture}\n onCut={onCut}\n onCutCapture={onCutCapture}\n onPaste={onPaste}\n onPasteCapture={onPasteCapture}\n onWheel={onWheel}\n defaultValue={inputDefaultValue}\n />\n <div\n ref={fakeInputRef}\n className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n >\n {inputValue}\n </div>\n </div>\n );\n};\n\nexport const FieldArrayValueInlineControl = forwardRef(\n FieldArrayValueInlineControlRender,\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"+pCAAA,MAAOA,MAAP,EACEC,UADF,CAEEC,WAFF,CAGEC,SAHF,CAIEC,MAJF,CAKEC,QALF,KAMO,OANP,CAQA,OAASC,gBAAT,uCACA,OAASC,UAAT,iCACA,OAASC,aAAT,oCAGA,OAASC,8BAAT,wC,GAMMC,OAAqC,CAAG,CAC5CC,CAAC,CAAE,2CADyC,CAE5CC,CAAC,CAAE,kBAFyC,CAG5CC,CAAC,CAAE,kBAHyC,CAI5CC,EAAE,CAAE,kBAJwC,C,CAOxCC,kBAAiD,CAAG,CACxDJ,CAAC,CAAE,iBADqD,CAExDC,CAAC,CAAE,0CAFqD,CAGxDC,CAAC,CAAE,kBAHqD,CAIxDC,EAAE,CAAE,kBAJoD,C,CAOpDE,cAA6C,CAAG,CACpDL,CAAC,CAAE,kBADiD,CAEpDC,CAAC,CAAE,2CAFiD,CAGpDC,CAAC,CAAE,iBAHiD,CAIpDC,EAAE,CAAE,gBAJgD,C,CAOhDG,kCAAkC,CAAG,SACzCC,CADyC,CAEzCC,CAFyC,CAGtC,SAEDC,CAFC,CA8BCF,CA9BD,CAEDE,SAFC,CAGSC,CAHT,CA8BCH,CA9BD,CAGDI,QAHC,CAIDC,CAJC,CA8BCL,CA9BD,CAIDK,cAJC,GA8BCL,CA9BD,CAKDM,KALC,CAKDA,CALC,YAKO,EALP,GAMDC,CANC,CA8BCP,CA9BD,CAMDO,iBANC,CAODC,CAPC,CA8BCR,CA9BD,CAODQ,WAPC,CAQDC,CARC,CA8BCT,CA9BD,CAQDS,OARC,CASDC,CATC,CA8BCV,CA9BD,CASDU,MATC,CAUDC,CAVC,CA8BCX,CA9BD,CAUDW,SAVC,CAWDC,CAXC,CA8BCZ,CA9BD,CAWDY,aAXC,CAYDC,CAZC,CA8BCb,CA9BD,CAYDa,cAZC,CAaDC,CAbC,CA8BCd,CA9BD,CAaDc,QAbC,CAcDC,CAdC,CA8BCf,CA9BD,CAcDe,KAdC,GA8BCf,CA9BD,CAeDgB,IAfC,CAeDA,CAfC,YAeM,GAfN,GAgBDC,CAhBC,CA8BCjB,CA9BD,CAgBDiB,WAhBC,CAiBDC,CAjBC,CA8BClB,CA9BD,CAiBDkB,SAjBC,CAkBDC,CAlBC,CA8BCnB,CA9BD,CAkBDmB,gBAlBC,CAmBDC,CAnBC,CA8BCpB,CA9BD,CAmBDoB,QAnBC,CAoBDC,CApBC,CA8BCrB,CA9BD,CAoBDqB,OApBC,CAqBDC,CArBC,CA8BCtB,CA9BD,CAqBDsB,cArBC,CAsBDC,CAtBC,CA8BCvB,CA9BD,CAsBDuB,MAtBC,CAuBDC,CAvBC,CA8BCxB,CA9BD,CAuBDwB,aAvBC,CAwBDC,CAxBC,CA8BCzB,CA9BD,CAwBDyB,KAxBC,CAyBDC,CAzBC,CA8BC1B,CA9BD,CAyBD0B,YAzBC,CA0BDC,CA1BC,CA8BC3B,CA9BD,CA0BD2B,OA1BC,CA2BDC,CA3BC,CA8BC5B,CA9BD,CA2BD4B,cA3BC,CA4BDC,CA5BC,CA8BC7B,CA9BD,CA4BD6B,OA5BC,CA6BEC,CA7BF,0BA8BC9B,CA9BD,cAgCiCb,QAAQ,CAAC,EAAD,CAhCzC,uBAgCI4C,CAhCJ,MAgCgBC,CAhChB,MAiCGC,CAAgB,CAAG3C,aAAa,CAAC8B,CAAD,CAjCnC,CAkCGc,CAAY,CAAGhD,MAAM,CAAiB,IAAjB,CAlCxB,CAmCGkB,CAAQ,CAAGlB,MAAM,CAAmB,IAAnB,CAnCpB,CAoCGiD,CAAwD,CAAGnD,WAAW,CAC1E,SAACoD,CAAD,CAAO,OACLJ,CAAa,CAACI,CAAC,CAACC,MAAF,CAAS/B,KAAV,CADR,WAEL2B,CAAgB,CAACK,OAFZ,qBAEL,OAAAL,CAAgB,CAAWG,CAAX,CACjB,CAJyE,CAK1E,EAL0E,CApCzE,GA2C8BhD,gBAAgB,CAAC8C,CAAD,CA3C9C,CA2CYK,CA3CZ,GA2CKC,KA3CL,CAiDH,MAJAvD,UAAS,CAAC,UAAM,OACd+C,CAAa,CAAC,WAAA5B,CAAQ,CAACkC,OAAT,uBAAkBhC,KAAlB,GAA2B,EAA5B,CACd,CAFQ,CAEN,WAACF,CAAQ,CAACkC,OAAV,qBAAC,EAAkBhC,KAAnB,CAFM,CAIT,CACE,2CACMwB,CADN,EAEE,SAAS,CAAEvC,8BAA8B,CAAC,IAAD,CAAO,CAACW,CAAD,CAAP,CAF3C,CAGE,GAAG,CAAED,CAHP,CAIE,KAAK,gCACAc,CADA,6BAEF,8CAFE,CAGDvB,MAAM,CAACwB,CAAD,CAHL,oBAIF,oDAJE,WAIkEuB,CAJlE,0BAKF,qDALE,WAKmE1C,kBAAkB,CAACmB,CAAD,CALrF,qBAMF,iDANE,WAM+DlB,cAAc,CAACkB,CAAD,CAN7E,MAJP,GAaGV,CAAK,CAACmC,GAAN,CAAUjC,CAAV,CAbH,CAcE,6BACE,SAAS,CAAEjB,8BAA8B,CAAC,OAAD,CAD3C,CAEE,QAAQ,CAAE4C,CAFZ,CAGE,GAAG,CAAE9C,UAAU,CAAC,CAACe,CAAD,CAAWD,CAAX,CAAD,CAHjB,CAIE,SAAS,CAAEE,CAJb,CAKE,OAAO,CAAEI,CALX,CAME,MAAM,CAAEC,CANV,CAQE,SAAS,CAAEC,CARb,CASE,QAAQ,CAAEC,CATZ,CAUE,aAAYC,CAVd,CAWE,SAAS,CAAEK,CAXb,CAYE,gBAAgB,CAAEC,CAZpB,CAaE,OAAO,CAAEE,CAbX,CAcE,cAAc,CAAEC,CAdlB,CAeE,QAAQ,CAAER,CAfZ,CAgBE,IAAI,CAAC,MAhBP,CAiBE,WAAW,CAAER,CAAK,CAACoC,MAAN,QAA2BzB,CAjB1C,CAkBE,MAAM,CAAEM,CAlBV,CAmBE,aAAa,CAAEC,CAnBjB,CAoBE,KAAK,CAAEC,CApBT,CAqBE,YAAY,CAAEC,CArBhB,CAsBE,OAAO,CAAEC,CAtBX,CAuBE,cAAc,CAAEC,CAvBlB,CAwBE,OAAO,CAAEC,CAxBX,CAyBE,YAAY,CAAEtB,CAzBhB,EAdF,CAyCE,2BACE,GAAG,CAAE2B,CADP,CAEE,SAAS,CAAE3C,8BAA8B,CAAC,wBAAD,CAF3C,EAIGwC,CAJH,CAzCF,CAiDH,C,CAED,MAAO,IAAMY,6BAA4B,CAAG5D,UAAU,CACpDgB,kCADoD,CAA/C"}
1	+ {"version":3,"file":"FieldArrayValueInlineControl.js","names":["useAction","useAtom","useUpdate","React","forwardRef","useRef","useComponentSize","useForkRef","usePropAtom","useSendToAtom","withCtx","useCreateAtom","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","InputFakeElement","componentRef","valueAtom","inputMinWidthAtom","otherProps","value","ref","width","ctx","Root","children","className","size","style","inputMinWidth","FieldArrayValueInlineControlRender","props","inputRefProp","inputRef","inputMaxLength","inputValue","inputDefaultValue","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onWheel","disableInput","propsAtom","inputValuePropAtom","inputValueAtom","inputDefaultValueAtom","fakeInputRef","handleChange","e","target","get","spy","valueNode","inputValueProp","current","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import { AtomMut } from '@reatom/framework';\nimport { useAction, useAtom, useUpdate } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { usePropAtom, useSendToAtom, withCtx } from '##/utils/state';\nimport { useCreateAtom } from '##/utils/state/useCreateAtom';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n FieldArrayValueInlineControlComponent,\n FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n l: 'calc(var(--space-3xs) + var(--space-2xs))',\n m: 'var(--space-2xs)',\n s: 'var(--space-3xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n l: 'var(--space-xs)',\n m: 'calc(var(--space-xs) - var(--space-3xs))',\n s: 'var(--space-2xs)',\n xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n l: 'var(--space-2xl)',\n m: 'calc(var(--space-2xl) - var(--space-2xs))',\n s: 'var(--space-xl)',\n xs: 'var(--space-l)',\n};\n\nconst InputFakeElement = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n valueAtom: AtomMut<string>;\n inputMinWidthAtom: AtomMut<number>;\n },\n HTMLDivElement\n >\n>(({ valueAtom, inputMinWidthAtom, ...otherProps }, componentRef) => {\n const [value] = useAtom(valueAtom);\n const ref = useRef<HTMLDivElement>(null);\n\n const { width } = useComponentSize(ref);\n\n useUpdate(\n (ctx, width) => {\n inputMinWidthAtom(ctx, width);\n },\n [width],\n );\n\n return (\n <div {...otherProps} ref={useForkRef([componentRef, ref])}>\n {value}\n </div>\n );\n});\n\nconst Root = forwardRef<\n HTMLDivElement,\n PropsWithHTMLAttributes<\n {\n inputMinWidthAtom: AtomMut<number>;\n size: FieldArrayValueInlineControlProps<unknown>['size'];\n },\n HTMLDivElement\n >\n>(\n (\n {\n children,\n className,\n inputMinWidthAtom,\n size = 'm',\n style,\n ...otherProps\n },\n ref,\n ) => {\n const [inputMinWidth] = useAtom(inputMinWidthAtom);\n\n return (\n <div\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n style={{\n ...style,\n ['--field-array-value-inline-control-items-gap' as string]:\n gapMap[size],\n ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n }}\n >\n {children}\n </div>\n );\n },\n);\n\nconst FieldArrayValueInlineControlRender = (\n props: FieldArrayValueInlineControlProps<unknown>,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n className,\n inputRef: inputRefProp,\n inputMaxLength,\n value = [],\n inputValue,\n inputDefaultValue = '',\n renderValue,\n onFocus,\n onBlur,\n autoFocus,\n inputTabIndex,\n inputAriaLabel,\n disabled,\n size = 'm',\n placeholder,\n onKeyDown,\n onKeyDownCapture,\n onChange,\n onKeyUp,\n onKeyUpCapture,\n onCopy,\n onCopyCapture,\n onCut,\n onCutCapture,\n onPaste,\n onPasteCapture,\n onWheel,\n disableInput,\n ...otherProps\n } = props;\n\n const propsAtom = useSendToAtom(props);\n const inputValuePropAtom = usePropAtom(propsAtom, 'inputValue');\n const valueAtom = usePropAtom(propsAtom, 'value');\n const inputValueAtom = useCreateAtom(inputValue \|\| inputDefaultValue \|\| '');\n const inputDefaultValueAtom = useCreateAtom(inputDefaultValue);\n const inputMinWidthAtom = useCreateAtom(0);\n\n const fakeInputRef = useRef<HTMLDivElement>(null);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleChange = useAction(\n (ctx, e: React.ChangeEvent<HTMLInputElement>) => {\n inputValueAtom(ctx, e.target.value);\n const { onChange } = ctx.get(propsAtom);\n if (onChange) {\n onChange(e);\n }\n },\n [],\n );\n\n const [valueNode] = useAtom((ctx) => {\n const value = ctx.spy(valueAtom);\n const { renderValue } = ctx.get(propsAtom);\n return renderValue(value \|\| []);\n });\n\n useAtom((ctx) => {\n const inputValueProp = ctx.spy(inputValuePropAtom);\n const inputDefaultValue = ctx.get(inputDefaultValueAtom);\n if (inputDefaultValue) {\n inputDefaultValueAtom(ctx, '');\n } else {\n if (inputRef.current) {\n inputRef.current.value = inputValueProp \|\| '';\n }\n\n inputValueAtom(ctx, inputValueProp \|\| '');\n }\n });\n\n return (\n <Root\n {...otherProps}\n className={cnFieldArrayValueInlineControl(null, [className])}\n ref={ref}\n size={size}\n inputMinWidthAtom={inputMinWidthAtom}\n >\n {valueNode}\n <input\n className={cnFieldArrayValueInlineControl('Input', {\n disabled: disableInput,\n })}\n onChange={handleChange}\n ref={useForkRef([inputRef, inputRefProp])}\n maxLength={inputMaxLength}\n onFocus={onFocus}\n onBlur={onBlur}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n tabIndex={inputTabIndex}\n aria-label={inputAriaLabel}\n onKeyDown={onKeyDown}\n onKeyDownCapture={onKeyDownCapture}\n onKeyUp={onKeyUp}\n onKeyUpCapture={onKeyUpCapture}\n disabled={disabled}\n type=\"text\"\n placeholder={value.length ? undefined : placeholder}\n onCopy={onCopy}\n onCopyCapture={onCopyCapture}\n onCut={onCut}\n onCutCapture={onCutCapture}\n onPaste={onPaste}\n onPasteCapture={onPasteCapture}\n onWheel={onWheel}\n defaultValue={inputDefaultValue}\n readOnly={disableInput}\n />\n <InputFakeElement\n ref={fakeInputRef}\n className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n valueAtom={inputValueAtom}\n inputMinWidthAtom={inputMinWidthAtom}\n />\n </Root>\n );\n};\n\nexport const FieldArrayValueInlineControl = withCtx(\n forwardRef(FieldArrayValueInlineControlRender),\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n PropsWithHTMLAttributesAndRef<\n {\n children?: never;\n value?: ITEM[];\n renderValue: (~~item~~: ITEM~~, index: number~~) => React.ReactNode;\n inputMaxLength?: number;\n inputValue?: string;\n inputDefaultValue?: string;\n inputRef?: React.Ref<HTMLInputElement>;\n onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n inputTabIndex?: number;\n inputAriaLabel?: string;\n onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n disabled?: boolean;\n placeholder?: string;\n size?: FieldPropSize;\n onWheel?: React.WheelEventHandler<HTMLInputElement>;\n },\n HTMLDivElement\n >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactElement \| null;\n"],"mappings":""}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n PropsWithHTMLAttributesAndRef<\n {\n children?: never;\n value?: ITEM[];\n renderValue: (items: ITEM[]) => React.ReactNode;\n inputMaxLength?: number;\n inputValue?: string;\n inputDefaultValue?: string;\n inputRef?: React.Ref<HTMLInputElement>;\n onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n autoFocus?: boolean;\n inputTabIndex?: number;\n inputAriaLabel?: string;\n onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n disabled?: boolean;\n placeholder?: string;\n size?: FieldPropSize;\n onWheel?: React.WheelEventHandler<HTMLInputElement>;\n disableInput?: boolean;\n },\n HTMLDivElement\n >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactElement \| null;\n"],"mappings":""}

package/__internal__/src/components/FieldComponents/FieldArrayValueItem/FieldArrayValueItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .TagBase.FieldArrayValueItem{flex:none;~~margin~~:0 var(--~~tag~~-~~space~~) var(--~~tag~~-~~space~~) 0}.TagBase.FieldArrayValueItem .TagBase-Label{~~word-break~~:~~break-word~~}.TagBase.~~FieldArrayValueItem_disabled{background-color:var(--color-control-bg-disable)}~~.TagBase.FieldArrayValueItem_disabled>*{~~color~~:~~var(--color~~-~~control~~-~~typo~~-~~disable)~~}
1	+ .TagBase.FieldArrayValueItem{flex:none;max-width:calc(var(--field-control-layout-children-width) - var(--space-2xs));overflow:hidden}.TagBase.FieldArrayValueItem .TagBase-Label{overflow:hidden}.TagBase.FieldArrayValueItem .TagBase-Label,.TagBase.FieldArrayValueItem_disabled{display:inline-block;text-overflow:ellipsis;white-space:nowrap}

package/__internal__/src/components/FieldComponents/FieldArrayValueItem/FieldArrayValueItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onRemove","size","label","disabled","className"];import"./FieldArrayValueItem.css";import React,{forwardRef}from"react";import{TagBase}from"../../TagBase";import{cn}from"../../../utils/bem";export var cnFieldArrayValueItem=cn("FieldArrayValueItem");export var FieldArrayValueItem=forwardRef(function(a,b){var c=a.onRemove,d=a.size,e=a.label,f=a.disabled,g=a.className,h=_objectWithoutProperties(a,_excluded);return React.createElement(TagBase,Object.assign({},h,{as:"span",className:cnFieldArrayValueItem({disabled:f},[g]),ref:b,label:e,onCancel:f?void 0:c,size:d,cancelButtonTabIndex:-1,view:"filled"}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onRemove","size","label","disabled","className"];import"./FieldArrayValueItem.css";import React,{forwardRef}from"react";import{TagBase}from"../../TagBase";import{cn}from"../../../utils/bem";export var cnFieldArrayValueItem=cn("FieldArrayValueItem");export var FieldArrayValueItem=forwardRef(function(a,b){var c=a.onRemove,d=a.size,e=a.label,f=a.disabled,g=a.className,h=_objectWithoutProperties(a,_excluded);return React.createElement(TagBase,Object.assign({},h,{as:"span",className:cnFieldArrayValueItem({disabled:f},[g]),ref:b,label:e,onCancel:f?void 0:c,size:d,cancelButtonTabIndex:-1,view:"filled",disabled:f}))});
 //# sourceMappingURL=FieldArrayValueItem.js.map

package/__internal__/src/components/FieldComponents/FieldArrayValueItem/FieldArrayValueItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldArrayValueItem.js","names":["React","forwardRef","TagBase","cn","cnFieldArrayValueItem","FieldArrayValueItem","props","ref","onRemove","size","label","disabled","className","otherProps"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueItem/FieldArrayValueItem.tsx"],"sourcesContent":["import './FieldArrayValueItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { TagBase } from '##/components/TagBase';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldArrayValueItemProps = PropsWithHTMLAttributesAndRef<\n {\n label: string;\n size: 's' \| 'm' \| 'l' \| 'xs';\n children?: never;\n disabled?: boolean;\n onRemove?: React.MouseEventHandler<HTMLButtonElement>;\n },\n HTMLSpanElement\n>;\n\nexport const cnFieldArrayValueItem = cn('FieldArrayValueItem');\n\nexport const FieldArrayValueItem: React.FC<FieldArrayValueItemProps> =\n forwardRef((props, ref) => {\n const { onRemove, size, label, disabled, className, ...otherProps } = props;\n\n return (\n <TagBase\n {...otherProps}\n as=\"span\"\n className={cnFieldArrayValueItem({ disabled }, [className])}\n ref={ref}\n label={label}\n onCancel={disabled ? undefined : onRemove}\n size={size}\n cancelButtonTabIndex={-1}\n view=\"filled\"\n />\n );\n });\n"],"mappings":"sJAAA,kCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,OAAT,qBACA,OAASC,EAAT,0BAcA,MAAO,IAAMC,sBAAqB,CAAGD,EAAE,CAAC,qBAAD,CAAhC,CAEP,MAAO,IAAME,oBAAuD,CAClEJ,UAAU,CAAC,SAACK,CAAD,CAAQC,CAAR,CAAgB,CACzB,GAAQC,EAAR,CAAsEF,CAAtE,CAAQE,QAAR,CAAkBC,CAAlB,CAAsEH,CAAtE,CAAkBG,IAAlB,CAAwBC,CAAxB,CAAsEJ,CAAtE,CAAwBI,KAAxB,CAA+BC,CAA/B,CAAsEL,CAAtE,CAA+BK,QAA/B,CAAyCC,CAAzC,CAAsEN,CAAtE,CAAyCM,SAAzC,CAAuDC,CAAvD,0BAAsEP,CAAtE,YAEA,MACE,qBAAC,OAAD,kBACMO,CADN,EAEE,EAAE,CAAC,MAFL,CAGE,SAAS,CAAET,qBAAqB,CAAC,CAAEO,QAAQ,CAARA,CAAF,CAAD,CAAe,CAACC,CAAD,CAAf,CAHlC,CAIE,GAAG,CAAEL,CAJP,CAKE,KAAK,CAAEG,CALT,CAME,QAAQ,CAAEC,CAAQ,QAAeH,CANnC,CAOE,IAAI,CAAEC,CAPR,CAQE,oBAAoB,CAAE,CAAC,CARzB,CASE,IAAI,CAAC,QATP,~~GAYH~~,~~CAhBS~~,CADL"}
1	+ {"version":3,"file":"FieldArrayValueItem.js","names":["React","forwardRef","TagBase","cn","cnFieldArrayValueItem","FieldArrayValueItem","props","ref","onRemove","size","label","disabled","className","otherProps"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueItem/FieldArrayValueItem.tsx"],"sourcesContent":["import './FieldArrayValueItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { TagBase } from '##/components/TagBase';\nimport { cn } from '##/utils/bem';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldArrayValueItemProps = PropsWithHTMLAttributesAndRef<\n {\n label: string;\n size: 's' \| 'm' \| 'l' \| 'xs';\n children?: never;\n disabled?: boolean;\n onRemove?: React.MouseEventHandler<HTMLButtonElement>;\n },\n HTMLSpanElement\n>;\n\nexport const cnFieldArrayValueItem = cn('FieldArrayValueItem');\n\nexport const FieldArrayValueItem: React.FC<FieldArrayValueItemProps> =\n forwardRef((props, ref) => {\n const { onRemove, size, label, disabled, className, ...otherProps } = props;\n\n return (\n <TagBase\n {...otherProps}\n as=\"span\"\n className={cnFieldArrayValueItem({ disabled }, [className])}\n ref={ref}\n label={label}\n onCancel={disabled ? undefined : onRemove}\n size={size}\n cancelButtonTabIndex={-1}\n view=\"filled\"\n disabled={disabled}\n />\n );\n });\n"],"mappings":"sJAAA,kCAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,OAAT,qBACA,OAASC,EAAT,0BAcA,MAAO,IAAMC,sBAAqB,CAAGD,EAAE,CAAC,qBAAD,CAAhC,CAEP,MAAO,IAAME,oBAAuD,CAClEJ,UAAU,CAAC,SAACK,CAAD,CAAQC,CAAR,CAAgB,CACzB,GAAQC,EAAR,CAAsEF,CAAtE,CAAQE,QAAR,CAAkBC,CAAlB,CAAsEH,CAAtE,CAAkBG,IAAlB,CAAwBC,CAAxB,CAAsEJ,CAAtE,CAAwBI,KAAxB,CAA+BC,CAA/B,CAAsEL,CAAtE,CAA+BK,QAA/B,CAAyCC,CAAzC,CAAsEN,CAAtE,CAAyCM,SAAzC,CAAuDC,CAAvD,0BAAsEP,CAAtE,YAEA,MACE,qBAAC,OAAD,kBACMO,CADN,EAEE,EAAE,CAAC,MAFL,CAGE,SAAS,CAAET,qBAAqB,CAAC,CAAEO,QAAQ,CAARA,CAAF,CAAD,CAAe,CAACC,CAAD,CAAf,CAHlC,CAIE,GAAG,CAAEL,CAJP,CAKE,KAAK,CAAEG,CALT,CAME,QAAQ,CAAEC,CAAQ,QAAeH,CANnC,CAOE,IAAI,CAAEC,CAPR,CAQE,oBAAoB,CAAE,CAAC,CARzB,CASE,IAAI,CAAC,QATP,CAUE,QAAQ,CAAEE,CAVZ,GAaH,CAjBS,CADL"}

package/__internal__/src/components/FieldComponents/FieldButton/FieldButton.css CHANGED Viewed

	@@ -1 +1 @@
1	- .FieldButton{--field-clear-button-fit-slop:calc(var(--field-control-layout-space)/2);--mix-hit-slop-top:var(--field-clear-button-fit-slop);--mix-hit-slop-left:var(--field-clear-button-fit-slop);--mix-hit-slop-right:var(--field-clear-button-fit-slop);--mix-hit-slop-bottom:var(--field-clear-button-fit-slop)}
1	+ .FieldButton{--field-clear-button-fit-slop:calc(var(--field-control-layout-space)/2);--mix-hit-slop-top:var(--field-clear-button-fit-slop);--mix-hit-slop-left:var(--field-clear-button-fit-slop);--mix-hit-slop-right:var(--field-clear-button-fit-slop);--mix-hit-slop-bottom:var(--field-clear-button-fit-slop)}.FieldControlLayout:not(.FieldControlLayout_disabled) .FieldButton{cursor:pointer}

package/__internal__/src/components/FieldComponents/FieldButtonStyleReset/FieldButtonStyleReset.css CHANGED Viewed

	@@ -1 +1 @@
1	- .FieldButtonStyleReset{align-items:center;background-color:transparent;border:none;color:inherit;~~cursor:pointer;~~display:flex;justify-content:center}
1	+ .FieldButtonStyleReset{align-items:center;background-color:transparent;border:none;color:inherit;display:flex;justify-content:center}

package/__internal__/src/components/FieldComponents/FieldClearButton/FieldClearButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size"];import{IconClear}from"@consta/icons/IconClear";import React,{forwardRef}from"react";import{FieldButton,getFieldIconSize}from"./..";export var FieldClearButton=forwardRef(function(a,b){var c=a.size,d=void 0===c?"m":c,e=_objectWithoutProperties(a,_excluded);return React.createElement(FieldButton,Object.assign({},e,{ref:b}),React.createElement(IconClear,{size:getFieldIconSize(d)}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","icon"];import{IconClear}from"@consta/icons/IconClear";import React,{forwardRef}from"react";import{FieldButton,getFieldIconSize}from"./..";export var FieldClearButton=forwardRef(function(a,b){var c=a.size,d=void 0===c?"m":c,e=a.icon,f=void 0===e?IconClear:e,g=_objectWithoutProperties(a,_excluded);return React.createElement(FieldButton,Object.assign({},g,{ref:b}),React.createElement(f,{size:getFieldIconSize(d)}))});
 //# sourceMappingURL=FieldClearButton.js.map

package/__internal__/src/components/FieldComponents/FieldClearButton/FieldClearButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldClearButton.js","names":["IconClear","React","forwardRef","FieldButton","getFieldIconSize","FieldClearButton","ref","size","props"],"sources":["../../../../../../src/components/FieldComponents/FieldClearButton/FieldClearButton.tsx"],"sourcesContent":["import { IconClear } from '@consta/icons/IconClear';\nimport React, { forwardRef } from 'react';\n\nimport {\n FieldButton,\n FieldPropSize,\n getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldClearButtonProps = PropsWithHTMLAttributesAndRef<\n {\n size?: FieldPropSize;\n children?: never;\n },\n HTMLButtonElement\n>;\n\nexport const FieldClearButton = forwardRef<\n HTMLButtonElement,\n FieldClearButtonProps\n>(({ size = 'm', ...props }, ref) => {\n return (\n <FieldButton {...props} ref={ref}>\n <~~IconClear~~ size={getFieldIconSize(size)} />\n </FieldButton>\n );\n});\n"],"mappings":"~~4GAAA~~,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,~~YAeA~~,MAAO,IAAMC,iBAAgB,CAAGH,UAAU,CAGxC,~~WAA2BI~~,~~CAA3B~~,~~CAAmC~~,~~SAAhCC~~,~~IAAgC~~,~~CAAhCA~~,~~CAAgC~~,~~YAAzB~~,~~GAAyB~~,~~GAAjBC~~,CAAiB,~~uCACnC~~,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,~~CAAEF~~,CAA7B,GACE,oBAAC,~~SAAD~~,~~EAAW~~,IAAI,CAAEF,gBAAgB,CAACG,CAAD,~~CAAjC~~,EADF,CAIH,CATyC,CAAnC"}
1	+ {"version":3,"file":"FieldClearButton.js","names":["IconClear","React","forwardRef","FieldButton","getFieldIconSize","FieldClearButton","ref","size","icon","Icon","props"],"sources":["../../../../../../src/components/FieldComponents/FieldClearButton/FieldClearButton.tsx"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport { IconClear } from '@consta/icons/IconClear';\nimport React, { forwardRef } from 'react';\n\nimport {\n FieldButton,\n FieldPropSize,\n getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldClearButtonProps = PropsWithHTMLAttributesAndRef<\n {\n size?: FieldPropSize;\n children?: never;\n icon?: IconComponent;\n },\n HTMLButtonElement\n>;\n\nexport const FieldClearButton = forwardRef<\n HTMLButtonElement,\n FieldClearButtonProps\n>(({ size = 'm', icon: Icon = IconClear, ...props }, ref) => {\n return (\n <FieldButton {...props} ref={ref}>\n <Icon size={getFieldIconSize(size)} />\n </FieldButton>\n );\n});\n"],"mappings":"mHACA,OAASA,SAAT,KAA0B,yBAA1B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAgBA,MAAO,IAAMC,iBAAgB,CAAGH,UAAU,CAGxC,WAAmDI,CAAnD,CAA2D,SAAxDC,IAAwD,CAAxDA,CAAwD,YAAjD,GAAiD,OAA5CC,IAA4C,CAAtCC,CAAsC,YAA/BT,SAA+B,GAAjBU,CAAiB,uCAC3D,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,CAAEJ,CAA7B,GACE,oBAAC,CAAD,EAAM,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CAA5B,EADF,CAIH,CATyC,CAAnC"}

package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.css CHANGED Viewed

@@ -1,3 +1,3 @@
 .FieldControlLayout{--field-control-layout-slot-height:calc(var(--field-control-layout-height) - var(--field-control-layout-border-width)*2);--field-control-layout-slot-color:var(--color-control-typo-placeholder);--field-control-layout-placeholder-color:var(
       --color-control-typo-placeholder
-    );--field-control-layout-input-color:var(--color-control-typo-default);background-color:var(--field-control-layout-bg-color);border-color:var(--field-control-layout-border-color);border-radius:var(--field-control-layout-border-radius);border-style:var(--field-control-layout-border-style);border-width:var(--field-control-layout-border-width);box-sizing:border-box;font-size:var(--field-control-layout-text-size);line-height:var(--field-control-layout-text-line-height);min-height:var(--field-control-layout-height);padding:var(--field-control-layout-padding);transition:border-color .15s,box-shadow .15s}.FieldControlLayout_disabled{--field-control-layout-placeholder-color:var(--color-control-typo-disable);--field-control-layout-input-color:var(--color-control-typo-disable);--field-control-layout-slot-color:var(--color-control-typo-disable)}.FieldControlLayout-Container{display:flex;gap:var(--field-control-layout-space);min-height:var(--field-control-layout-slot-height)}.FieldControlLayout-Slot{align-items:center;color:var(--field-control-layout-slot-color);display:flex;flex:none;font-size:var(--field-control-layout-text-size);height:var(--field-control-layout-slot-height);justify-content:center}.FieldControlLayout-Children{flex:auto}
+    );--field-control-layout-input-color:var(--color-control-typo-default);--field-control-layout-left-slots-width:calc(var(--field-control-layout-left-slots-length)*var(--field-control-layout-space) + var(--field-control-layout-left-slot-contents-width));--field-control-layout-right-slots-width:calc(var(--field-control-layout-right-slots-length)*var(--field-control-layout-space) + var(--field-control-layout-right-slot-contents-width));--field-control-layout-children-width:calc(var(--field-control-layout-container-width) - var(--field-control-layout-right-slots-width) - var(--field-control-layout-left-slots-width));background-color:var(--field-control-layout-bg-color);border-color:var(--field-control-layout-border-color);border-radius:var(--field-control-layout-border-radius);border-style:var(--field-control-layout-border-style);border-width:var(--field-control-layout-border-width);box-sizing:border-box;font-size:var(--field-control-layout-text-size);line-height:var(--field-control-layout-text-line-height);min-height:var(--field-control-layout-height);padding:var(--field-control-layout-padding);transition:border-color .15s,box-shadow .15s;width:100%}.FieldControlLayout_disabled{--field-control-layout-placeholder-color:var(--color-control-typo-disable);--field-control-layout-input-color:var(--color-control-typo-disable);--field-control-layout-slot-color:var(--color-control-typo-disable)}.FieldControlLayout_alignSlots_top .FieldControlLayout-Slot{height:var(--field-control-layout-slot-height)}.FieldControlLayout_alignSlots_center .FieldControlLayout-Slot{height:auto}.FieldControlLayout-Container{display:flex;gap:var(--field-control-layout-space);min-height:var(--field-control-layout-slot-height)}.FieldControlLayout-Slot{align-items:center;color:var(--field-control-layout-slot-color);display:flex;flex:none;font-size:var(--field-control-layout-text-size);justify-content:center}.FieldControlLayout-Children{flex:auto;width:var(--field-control-layout-children-width)}

package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","form","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs"];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}from"react";import{useFlag}from"../../../hooks/useFlag";import{cnFieldControlLayout}from"./cnFieldControlLayout";import{formGuard,getBgColor,getBorderColor,getBorderRadius,getBorderStyle,getPadding,getSlots}from"./helpers";var renderContentSlot=function(a,b,c){return React.createElement("div",{key:b,ref:null===c||void 0===c?void 0:c[b],className:cnFieldControlLayout("Slot")},a)};export var FieldControlLayout=forwardRef(function(a,b){var c,d=a.className,e=a.size,f=void 0===e?"m":e,g=a.form,h=void 0===g?"default":g,i=a.disabled,j=void 0!==i&&i,k=a.view,l=void 0===k?"default":k,m=a.status,n=a.leftSide,o=a.rightSide,p=a.children,q=a.style,r=a.focused,s=a.leftSlotsRefs,t=a.rightSlotsRefs,u=_objectWithoutProperties(a,_excluded),v=getSlots(n),w=getSlots(o),x=formGuard(h),y=useFlag(),z=_slicedToArray(y,2),A=z[0],B=z[1];return React.createElement("div",Object.assign({},u,{ref:b,className:cnFieldControlLayout({form:x,disabled:j,view:l},[d]),style:_objectSpread(_objectSpread({},q),{},(c={},_defineProperty(c,"--field-control-layout-border-color",getBorderColor(r,A,m,j)),_defineProperty(c,"--field-control-layout-height","var(--control-height-".concat(f,")")),_defineProperty(c,"--field-control-layout-space","calc(var(--control-space-".concat(f,") * 0.5)")),_defineProperty(c,"--field-control-layout-text-size","var(--control-text-size-".concat(f,")")),_defineProperty(c,"--field-control-layout-text-line-height","var(--line-height-text-".concat(f,")")),_defineProperty(c,"--field-control-layout-border-radius",getBorderRadius(x,l)),_defineProperty(c,"--field-control-layout-border-style",getBorderStyle(x,l)),_defineProperty(c,"--field-control-layout-padding",getPadding(x,l)),_defineProperty(c,"--field-control-layout-bg-color",getBgColor(l,j)),_defineProperty(c,"--field-control-layout-border-width","default"===l?"var(--control-border-width)":"0px"),c)),onMouseEnter:B.on,onMouseLeave:B.off}),React.createElement("div",{className:cnFieldControlLayout("Container")},!!v.length&&v.map(function(a,b){return renderContentSlot(a,b,s)}),React.createElement("div",{className:cnFieldControlLayout("Children")},p),!!w.length&&w.map(function(a,b){return renderContentSlot(a,b,t)})))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","size","form","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs","alignSlots"];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}from"react";import{useFlag}from"../../../hooks/useFlag";import{forkRef}from"../../../hooks/useForkRef";import{useRefs}from"../../../hooks/useRefs";import{getElementWidth,useResizeObserved}from"../../../hooks/useResizeObserved";import{cnFieldControlLayout}from"./cnFieldControlLayout";import{formGuard,getBgColor,getBorderColor,getBorderRadius,getBorderStyle,getPadding,getSlots,getSlotsWidthStyles}from"./helpers";var renderContentSlot=function(a,b,c,d){return React.createElement("div",{key:b,ref:forkRef([null===c||void 0===c?void 0:c[b],null===d||void 0===d?void 0:d[b]]),className:cnFieldControlLayout("Slot")},a)};export var FieldControlLayout=forwardRef(function(a,b){var c,d=a.className,e=a.size,f=void 0===e?"m":e,g=a.form,h=void 0===g?"default":g,i=a.disabled,j=void 0!==i&&i,k=a.view,l=void 0===k?"default":k,m=a.status,n=a.leftSide,o=a.rightSide,p=a.children,q=a.style,r=a.focused,s=a.leftSlotsRefs,t=a.rightSlotsRefs,u=a.alignSlots,v=void 0===u?"top":u,w=_objectWithoutProperties(a,_excluded),x=getSlots(n),y=getSlots(o),z=useRefs(x.length),A=useRefs(1),B=useRefs(y.length),C=useResizeObserved(z,getElementWidth),D=useResizeObserved(B,getElementWidth),E=useResizeObserved(A,getElementWidth)[0],F=formGuard(h),G=useFlag(),H=_slicedToArray(G,2),I=H[0],J=H[1];return React.createElement("div",Object.assign({},w,{ref:b,className:cnFieldControlLayout({form:F,disabled:j,view:l,alignSlots:v,status:m},[d]),style:_objectSpread(_objectSpread(_objectSpread({},q),{},(c={},_defineProperty(c,"--field-control-layout-border-color",getBorderColor(r,I,m,j)),_defineProperty(c,"--field-control-layout-height","var(--control-height-".concat(f,")")),_defineProperty(c,"--field-control-layout-space","calc(var(--control-space-".concat(f,") * 0.5)")),_defineProperty(c,"--field-control-layout-text-size","var(--control-text-size-".concat(f,")")),_defineProperty(c,"--field-control-layout-text-line-height","var(--line-height-text-".concat(f,")")),_defineProperty(c,"--field-control-layout-border-radius",getBorderRadius(F,l)),_defineProperty(c,"--field-control-layout-border-style",getBorderStyle(F,l)),_defineProperty(c,"--field-control-layout-padding",getPadding(F,l)),_defineProperty(c,"--field-control-layout-bg-color",getBgColor(l,j)),_defineProperty(c,"--field-control-layout-border-width","default"===l?"var(--control-border-width)":"0px"),_defineProperty(c,"--field-control-layout-container-width","".concat(E,"px")),c),getSlotsWidthStyles(C,"left")),getSlotsWidthStyles(D,"right")),onMouseEnter:J.on,onMouseLeave:J.off}),React.createElement("div",{ref:A[0],className:cnFieldControlLayout("Container")},!!x.length&&x.map(function(a,b){return renderContentSlot(a,b,z,s)}),React.createElement("div",{className:cnFieldControlLayout("Children")},p),!!y.length&&y.map(function(a,b){return renderContentSlot(a,b,B,t)})))});
 //# sourceMappingURL=FieldControlLayout.js.map

package/__internal__/src/components/FieldComponents/FieldControlLayout/FieldControlLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldControlLayout.js","names":["React","forwardRef","useFlag","cnFieldControlLayout","formGuard","getBgColor","getBorderColor","getBorderRadius","getBorderStyle","getPadding","getSlots","renderContentSlot","node","index","slotsRefs","FieldControlLayout","props","ref","className","size","form","formProp","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefs","rightSlotsRefs","otherProps","leftSlots","rightSlots","hovered","setHovered","on","off","~~length","~~map","slot"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/FieldControlLayout.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useFlag } from '##/hooks/useFlag';\n\nimport { cnFieldControlLayout } from './cnFieldControlLayout';\nimport {\n formGuard,\n getBgColor,\n getBorderColor,\n getBorderRadius,\n getBorderStyle,\n getPadding,\n getSlots,\n} from './helpers';\nimport { FieldControlLayoutProps } from './types';\n\nconst renderContentSlot = (\n node: React.ReactNode,\n index: number,\n slotsRefs?: React.Ref<HTMLDivElement>[],\n) => (\n <div\n key={index}\n ref={slotsRefs?.[index]}\n className={cnFieldControlLayout('Slot')}\n >\n {node}\n </div>\n);\n\nexport const FieldControlLayout = forwardRef<\n HTMLDivElement,\n FieldControlLayoutProps\n>((props, ref) => {\n const {\n className,\n size = 'm',\n form: formProp = 'default',\n disabled = false,\n view = 'default',\n status,\n leftSide,\n rightSide,\n children,\n style,\n focused,\n leftSlotsRefs,\n rightSlotsRefs,\n ...otherProps\n } = props;\n const leftSlots = getSlots(leftSide);\n const rightSlots = getSlots(rightSide);\n\n // ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\n const form = formGuard(formProp);\n\n const [hovered, setHovered] = useFlag();\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnFieldControlLayout({ form, disabled, view }, [className])}\n style={{\n ...style,\n ['--field-control-layout-border-color' as string]: getBorderColor(\n focused,\n hovered,\n status,\n disabled,\n ),\n ['--field-control-layout-height' as string]: `var(--control-height-${size})`,\n ['--field-control-layout-space' as string]: `calc(var(--control-space-${size}) * 0.5)`,\n ['--field-control-layout-text-size' as string]: `var(--control-text-size-${size})`,\n ['--field-control-layout-text-line-height' as string]: `var(--line-height-text-${size})`,\n ['--field-control-layout-border-radius' as string]: getBorderRadius(\n form,\n view,\n ),\n ['--field-control-layout-border-style' as string]: getBorderStyle(\n form,\n view,\n ),\n ['--field-control-layout-padding' as string]: getPadding(form, view),\n ['--field-control-layout-bg-color' as string]: getBgColor(\n view,\n disabled,\n ),\n ['--field-control-layout-border-width' as string]:\n view === 'default' ? 'var(--control-border-width)' : '0px',\n }}\n onMouseEnter={setHovered.on}\n onMouseLeave={setHovered.off}\n >\n <div className={cnFieldControlLayout('Container')}>\n {!!leftSlots.length &&\n leftSlots.map((slot, index) =>\n renderContentSlot(slot, index, leftSlotsRefs),\n )}\n <div className={cnFieldControlLayout('Children')}>{children}</div>\n {!!rightSlots.length &&\n rightSlots.map((slot, index) =>\n renderContentSlot(slot, index, rightSlotsRefs),\n )}\n </div>\n </div>\n );\n});\n"],"mappings":"~~q9BAAA~~,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,OAAT,~~8BAEA~~,OAASC,oBAAT,8BACA,OACEC,SADF,CAEEC,UAFF,CAGEC,cAHF,CAIEC,eAJF,CAKEC,cALF,CAMEC,UANF,CAOEC,QAPF,~~iBAWA~~,GAAMC,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGxBC,CAHwB,~~QAKxB~~,4BACE,GAAG,~~CAAED~~,CADP,CAEE,GAAG,~~QAAEC~~,~~CAAF~~,~~WAAEA~~,~~CAAF~~,~~QAAEA~~,~~CAAS~~,CAAGD,CAAH,~~CAFhB~~,CAGE,SAAS,~~CAAEV~~,oBAAoB,CAAC,MAAD,CAHjC,~~EAKGS~~,CALH,~~CALwB~~,CAA1B,~~CAcA~~,MAAO,~~IAAMG~~,mBAAkB,~~CAAGd~~,UAAU,CAG1C,~~SAACe~~,CAAD,CAAQC,CAAR,CAAgB,OAEdC,CAFc,~~CAgBZF~~,~~CAhBY~~,CAEdE,SAFc,~~GAgBZF~~,~~CAhBY~~,CAGdG,IAHc,CAGdA,CAHc,YAGP,GAHO,~~KAgBZH~~,~~CAhBY~~,CAIdI,IAJc,CAIRC,CAJQ,YAIG,SAJH,~~KAgBZL~~,~~CAhBY~~,CAKdM,QALc,CAKdA,CALc,~~iBAgBZN~~,~~CAhBY~~,CAMdO,IANc,CAMdA,CANc,YAMP,SANO,GAOdC,CAPc,~~CAgBZR~~,~~CAhBY~~,CAOdQ,MAPc,CAQdC,CARc,~~CAgBZT~~,~~CAhBY~~,CAQdS,QARc,CASdC,CATc,~~CAgBZV~~,~~CAhBY~~,CASdU,SATc,CAUdC,CAVc,~~CAgBZX~~,~~CAhBY~~,CAUdW,QAVc,CAWdC,CAXc,~~CAgBZZ~~,~~CAhBY~~,CAWdY,KAXc,CAYdC,CAZc,~~CAgBZb~~,~~CAhBY~~,CAYda,OAZc,~~CAadC~~,~~CAbc~~,~~CAgBZd~~,~~CAhBY~~,~~CAadc~~,aAbc,~~CAcdC~~,~~CAdc~~,~~CAgBZf~~,~~CAhBY~~,~~CAcde~~,cAdc,~~CAeXC~~,~~CAfW~~,~~0BAgBZhB~~,~~CAhBY~~,~~YAiBViB~~,CAAS,~~CAAGvB~~,QAAQ,~~CAACe~~,CAAD,~~CAjBV~~,~~CAkBVS~~,CAAU,~~CAAGxB~~,QAAQ,~~CAACgB~~,CAAD,~~CAlBX~~,~~CAqBVN~~,CAAI,~~CAAGhB~~,SAAS,~~CAACiB~~,CAAD,~~CArBN~~,~~GAuBcnB~~,OAAO,~~EAvBrB~~,~~uBAuBTiC~~,~~CAvBS~~,~~MAuBAC~~,~~CAvBA~~,~~MAyBhB~~,MACE,~~4CACMJ~~,CADN,EAEE,GAAG,~~CAAEf~~,CAFP,CAGE,SAAS,~~CAAEd~~,oBAAoB,~~CAAC~~,~~CAAEiB~~,IAAI,CAAJA,CAAF,CAAQE,QAAQ,CAARA,CAAR,CAAkBC,IAAI,CAAJA,CAAlB,~~CAAD~~,~~CAA2B~~,~~CAACL~~,CAAD,~~CAA3B~~,CAHjC,~~CAIE~~,KAAK,~~gCACAU~~,CADA,6BAEF,qCAFE,~~CAEgDtB~~,cAAc,CAC/~~DuB~~,CAD+D,CAE/DM,CAF+D,CAG/DX,CAH+D,CAI/DF,CAJ+D,CAF9D,oBAQF,+BARE,gCAQkEH,CARlE,yBASF,8BATE,oCASqEA,CATrE,gCAUF,kCAVE,mCAUwEA,CAVxE,yBAWF,yCAXE,kCAW8EA,CAX9E,yBAYF,sCAZE,~~CAYiDZ~~,eAAe,~~CACjEa~~,CADiE,CAEjEG,CAFiE,CAZhE,oBAgBF,qCAhBE,~~CAgBgDf~~,cAAc,CAC/DY,CAD+D,CAE/DG,CAF+D,CAhB9D,oBAoBF,gCApBE,~~CAoB2Cd~~,UAAU,~~CAACW~~,CAAD,CAAOG,CAAP,CApBrD,oBAqBF,iCArBE,~~CAqB4ClB~~,UAAU,~~CACvDkB~~,CADuD,CAEvDD,CAFuD,CArBtD,oBAyBF,qCAzBE,CA0BQ,SAAT,GAAAC,CAAI,CAAiB,6BAAjB,CAAiD,KA1BpD,~~KAJP~~,~~CAgCE~~,YAAY,~~CAAEa~~,CAAU,CAACC,~~EAhC3B~~,~~CAiCE~~,YAAY,CAAED,CAAU,CAACE,~~GAjC3B~~,~~GAmCE~~,2BAAK,SAAS,~~CAAEnC~~,oBAAoB,CAAC,WAAD,~~CAApC~~,EACG,CAAC,~~CAAC8B~~,CAAS,~~CAACM~~,MAAZ,~~EACCN~~,CAAS,~~CAACO~~,GAAV,CAAc,SAACC,CAAD,~~CAAO5B~~,CAAP,QACZF,kBAAiB,~~CAAC8B~~,CAAD,~~CAAO5B~~,CAAP,~~CAAciB~~,CAAd,CADL,CAAd,CAFJ,CAKE,2BAAK,SAAS,~~CAAE3B~~,oBAAoB,CAAC,UAAD,CAApC,~~EAAmDwB~~,CAAnD,CALF,CAMG,CAAC,~~CAACO~~,CAAU,~~CAACK~~,MAAb,~~EACCL~~,CAAU,~~CAACM~~,GAAX,CAAe,SAACC,CAAD,~~CAAO5B~~,CAAP,QACbF,kBAAiB,~~CAAC8B~~,CAAD,~~CAAO5B~~,CAAP,~~CAAckB~~,CAAd,CADJ,CAAf,CAPJ,~~CAnCF~~,~~CAgDH~~,~~CA7E2C~~,CAArC"}
1	+ {"version":3,"file":"FieldControlLayout.js","names":["React","forwardRef","useFlag","forkRef","useRefs","getElementWidth","useResizeObserved","cnFieldControlLayout","formGuard","getBgColor","getBorderColor","getBorderRadius","getBorderStyle","getPadding","getSlots","getSlotsWidthStyles","renderContentSlot","node","index","slotsInnerRefs","slotsRefs","FieldControlLayout","props","ref","className","size","form","formProp","disabled","view","status","leftSide","rightSide","children","style","focused","leftSlotsRefsProp","leftSlotsRefs","rightSlotsRefsProp","rightSlotsRefs","alignSlots","otherProps","leftSlots","rightSlots","length","containerRefs","leftSlotsWidth","rightSlotsWidth","containerWidth","hovered","setHovered","on","off","map","slot"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/FieldControlLayout.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef } from '##/hooks/useForkRef';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getElementWidth, useResizeObserved } from '##/hooks/useResizeObserved';\n\nimport { cnFieldControlLayout } from './cnFieldControlLayout';\nimport {\n formGuard,\n getBgColor,\n getBorderColor,\n getBorderRadius,\n getBorderStyle,\n getPadding,\n getSlots,\n getSlotsWidthStyles,\n} from './helpers';\nimport { FieldControlLayoutProps } from './types';\n\nconst renderContentSlot = (\n node: React.ReactNode,\n index: number,\n slotsInnerRefs?: React.Ref<HTMLDivElement>[],\n slotsRefs?: React.Ref<HTMLDivElement>[],\n) => (\n <div\n key={index}\n ref={forkRef([slotsInnerRefs?.[index], slotsRefs?.[index]])}\n className={cnFieldControlLayout('Slot')}\n >\n {node}\n </div>\n);\n\nexport const FieldControlLayout = forwardRef<\n HTMLDivElement,\n FieldControlLayoutProps\n>((props, ref) => {\n const {\n className,\n size = 'm',\n form: formProp = 'default',\n disabled = false,\n view = 'default',\n status,\n leftSide,\n rightSide,\n children,\n style,\n focused,\n leftSlotsRefs: leftSlotsRefsProp,\n rightSlotsRefs: rightSlotsRefsProp,\n alignSlots = 'top',\n ...otherProps\n } = props;\n const leftSlots = getSlots(leftSide);\n const rightSlots = getSlots(rightSide);\n const leftSlotsRefs = useRefs<HTMLDivElement>(leftSlots.length);\n const containerRefs = useRefs<HTMLDivElement>(1);\n const rightSlotsRefs = useRefs<HTMLDivElement>(rightSlots.length);\n const leftSlotsWidth = useResizeObserved(leftSlotsRefs, getElementWidth);\n const rightSlotsWidth = useResizeObserved(rightSlotsRefs, getElementWidth);\n const containerWidth = useResizeObserved(containerRefs, getElementWidth)[0];\n\n // ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\n const form = formGuard(formProp);\n\n const [hovered, setHovered] = useFlag();\n\n return (\n <div\n {...otherProps}\n ref={ref}\n className={cnFieldControlLayout(\n { form, disabled, view, alignSlots, status },\n [className],\n )}\n style={{\n ...style,\n ['--field-control-layout-border-color' as string]: getBorderColor(\n focused,\n hovered,\n status,\n disabled,\n ),\n ['--field-control-layout-height' as string]: `var(--control-height-${size})`,\n ['--field-control-layout-space' as string]: `calc(var(--control-space-${size}) * 0.5)`,\n ['--field-control-layout-text-size' as string]: `var(--control-text-size-${size})`,\n ['--field-control-layout-text-line-height' as string]: `var(--line-height-text-${size})`,\n ['--field-control-layout-border-radius' as string]: getBorderRadius(\n form,\n view,\n ),\n ['--field-control-layout-border-style' as string]: getBorderStyle(\n form,\n view,\n ),\n ['--field-control-layout-padding' as string]: getPadding(form, view),\n ['--field-control-layout-bg-color' as string]: getBgColor(\n view,\n disabled,\n ),\n ['--field-control-layout-border-width' as string]:\n view === 'default' ? 'var(--control-border-width)' : '0px',\n ['--field-control-layout-container-width' as string]: `${containerWidth}px`,\n ...getSlotsWidthStyles(leftSlotsWidth, 'left'),\n ...getSlotsWidthStyles(rightSlotsWidth, 'right'),\n }}\n onMouseEnter={setHovered.on}\n onMouseLeave={setHovered.off}\n >\n <div ref={containerRefs[0]} className={cnFieldControlLayout('Container')}>\n {!!leftSlots.length &&\n leftSlots.map((slot, index) =>\n renderContentSlot(slot, index, leftSlotsRefs, leftSlotsRefsProp),\n )}\n <div className={cnFieldControlLayout('Children')}>{children}</div>\n {!!rightSlots.length &&\n rightSlots.map((slot, index) =>\n renderContentSlot(slot, index, rightSlotsRefs, rightSlotsRefsProp),\n )}\n </div>\n </div>\n );\n});\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{isNotNil}from"../../../utils/type-guards";import{borderRadiusMap,borderWidthMap,paddingMap}from"./maps";export var getSlots=function(a){return(Array.isArray(a)?a:[a]).filter(function(a){return isNotNil(a)&&!1!==a})};var borderToCss=function(a){return a?"solid":"none"};export var getBorderStyle=function(a,b){return"default"===b?"solid ".concat(borderToCss(borderWidthMap[a][1])," solid ").concat(borderToCss(borderWidthMap[a][0])):"none"};var paddingToCss=function(a){return"increased"===a?"calc(var(--field-control-layout-space) * 1.6)":"var(--field-control-layout-space)"};export var getPadding=function(a,b){return"default"===b?"0px ".concat(paddingToCss(paddingMap[a][1])," 0px ").concat(paddingToCss(paddingMap[a][0])):"1px 0px 1px 0px"};var borderRadiusToCss=function(a){return"default"===a?"var(--control-radius)":"round"===a?"calc(var(--field-control-layout-height) / 2)":"0px"};export var getBorderRadius=function(a,b){return"default"===b?borderRadiusMap[a].map(borderRadiusToCss).join(" "):"0px 0px 0px 0px"};export var getBorderColor=function(a,b,c,d){return d?"transparent":a?"var(--color-control-bg-border-focus)":b?"var(--color-control-bg-border-default-hover)":c?"var(--color-bg-".concat(c,")"):"var(--color-control-bg-border-default)"};export var getBgColor=function(a,b){return"default"===a&&b?"var(--color-control-bg-disable)":"default"===a?"var(--color-bg-default)":void 0};export var formGuard=function(a){return"clearClear"===a?"clear":a};
+import{isNotNil}from"../../../utils/type-guards";import{borderRadiusMap,borderWidthMap,paddingMap}from"./maps";export var getSlots=function(a){return(Array.isArray(a)?a:[a]).filter(function(a){return isNotNil(a)&&!1!==a})};var borderToCss=function(a){return a?"solid":"none"};export var getBorderStyle=function(a,b){return"default"===b?"solid ".concat(borderToCss(borderWidthMap[a][1])," solid ").concat(borderToCss(borderWidthMap[a][0])):"none"};var paddingToCss=function(a){return"increased"===a?"calc(var(--field-control-layout-space) * 1.6)":"var(--field-control-layout-space)"};export var getPadding=function(a,b){return"default"===b?"0px ".concat(paddingToCss(paddingMap[a][1])," 0px ").concat(paddingToCss(paddingMap[a][0])):"1px 0px 1px 0px"};var borderRadiusToCss=function(a){return"default"===a?"var(--control-radius)":"round"===a?"calc(var(--field-control-layout-height) / 2)":"0px"};export var getBorderRadius=function(a,b){return"default"===b?borderRadiusMap[a].map(borderRadiusToCss).join(" "):"0px 0px 0px 0px"};export var getBorderColor=function(a,b,c,d){return d?"transparent":a?"var(--color-control-bg-border-focus)":b?"var(--color-control-bg-border-default-hover)":c?"var(--color-bg-".concat(c,")"):"var(--color-control-bg-border-default)"};export var getBgColor=function(a,b){return"default"===a&&b?"var(--color-control-bg-disable)":"default"===a?"var(--color-bg-default)":void 0};export var getSlotsWidthStyles=function(a,b){for(var c={},d=0;d<a.length;d++)c["--field-control-layout-".concat(b,"-slot-content-width-").concat(d)]="".concat(a[d],"px");return c["--field-control-layout-".concat(b,"-slot-contents-width")]="".concat(a.length?a.reduce(function(c,a){return c+a}):0,"px"),c["--field-control-layout-".concat(b,"-slots-length")]="".concat(a.length),c};export var formGuard=function(a){return"clearClear"===a?"clear":a};
 //# sourceMappingURL=helpers.js.map

package/__internal__/src/components/FieldComponents/FieldControlLayout/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","getPadding","borderRadiusToCss","getBorderRadius","map","join","getBorderColor","focused","hovered","status","disabled","getBgColor","formGuard","from"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/helpers.ts"],"sourcesContent":["import React from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';\nimport {\n borderRadiusMap,\n borderWidthMap,\n FieldControlLayoutBorderRadiusNode,\n FieldControlLayoutBorderWidthNode,\n FieldControlLayoutPaddingNode,\n paddingMap,\n} from './maps';\n\nexport const getSlots = (\n side: React.ReactNode \| JSX.Element[],\n): React.ReactNode[] => {\n return ((Array.isArray(side) ? side : [side]) as []).filter(\n (item) => isNotNil(item) && item !== false,\n );\n};\n\nconst borderToCss = (value: FieldControlLayoutBorderWidthNode) => {\n return value ? 'solid' : 'none';\n};\n\nexport const getBorderStyle = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? `solid ${borderToCss(borderWidthMap[form][1])} solid ${borderToCss(\n borderWidthMap[form][0],\n )}`\n : `none`;\n};\n\nconst paddingToCss = (value: FieldControlLayoutPaddingNode): string => {\n return value === 'increased'\n ? 'calc(var(--field-control-layout-space) * 1.6)'\n : 'var(--field-control-layout-space)';\n};\n\nexport const getPadding = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? `0px ${paddingToCss(paddingMap[form][1])} 0px ${paddingToCss(\n paddingMap[form][0],\n )}`\n : `1px 0px 1px 0px`;\n};\n\nconst borderRadiusToCss = (\n value: FieldControlLayoutBorderRadiusNode,\n): string => {\n if (value === 'default') {\n return 'var(--control-radius)';\n }\n if (value === 'round') {\n return 'calc(var(--field-control-layout-height) / 2)';\n }\n return '0px';\n};\n\nexport const getBorderRadius = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? borderRadiusMap[form].map(borderRadiusToCss).join(' ')\n : `0px 0px 0px 0px`;\n};\n\nexport const getBorderColor = (\n focused?: boolean,\n hovered?: boolean,\n status?: FieldPropStatus,\n disabled?: boolean,\n) => {\n if (disabled) {\n return 'transparent';\n }\n if (focused) {\n return 'var(--color-control-bg-border-focus)';\n }\n if (hovered) {\n return 'var(--color-control-bg-border-default-hover)';\n }\n if (status) {\n return `var(--color-bg-${status})`;\n }\n return 'var(--color-control-bg-border-default)';\n};\n\nexport const getBgColor = (view: FieldPropView, disabled?: boolean) => {\n if (view === 'default' && disabled) {\n return 'var(--color-control-bg-disable)';\n }\n if (view === 'default') {\n return 'var(--color-bg-default)';\n }\n};\n\n// ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\nexport const formGuard = (from: FieldPropForm \| 'clearClear'): FieldPropForm =>\n from === 'clearClear' ? 'clear' : from;\n"],"mappings":"AAEA,OAASA,QAAT,kCAGA,OACEC,eADF,CAEEC,cAFF,CAMEC,UANF,cASA,MAAO,IAAMC,SAAQ,CAAG,SACtBC,CADsB,CAEA,CACtB,MAAO,CAAEC,KAAK,CAACC,OAAN,CAAcF,CAAd,EAAsBA,CAAtB,CAA6B,CAACA,CAAD,CAA/B,EAA8CG,MAA9C,CACL,SAACC,CAAD,QAAUT,SAAQ,CAACS,CAAD,CAAR,EAAkB,KAAAA,CAA5B,CADK,CAGR,CANM,CAQP,GAAMC,YAAW,CAAG,SAACC,CAAD,CAA8C,CAChE,MAAOA,EAAK,CAAG,OAAH,CAAa,MAC1B,CAFD,CAIA,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAGjB,CACX,MAAgB,SAAT,GAAAA,CAAI,iBACEJ,WAAW,CAACR,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CAAD,CADb,mBACgDH,WAAW,CAChER,cAAc,CAACW,CAAD,CAAd,CAAqB,CAArB,CADgE,CAD3D,QAKZ,CATM,CAWP,GAAME,aAAY,CAAG,SAACJ,CAAD,CAAkD,CACrE,MAAiB,WAAV,GAAAA,CAAK,CACR,+CADQ,CAER,mCACL,CAJD,CAMA,MAAO,IAAMK,WAAU,CAAG,SACxBH,CADwB,CAExBC,CAFwB,CAGb,CACX,MAAgB,SAAT,GAAAA,CAAI,eACAC,YAAY,CAACZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAAD,CADZ,iBACyCE,YAAY,CAC1DZ,UAAU,CAACU,CAAD,CAAV,CAAiB,CAAjB,CAD0D,CADrD,mBAKZ,CATM,CAWP,GAAMI,kBAAiB,CAAG,SACxBN,CADwB,CAEb,OACG,SAAV,GAAAA,CADO,CAEF,uBAFE,CAIG,OAAV,GAAAA,CAJO,CAKF,8CALE,CAOJ,KACR,CAVD,CAYA,MAAO,IAAMO,gBAAe,CAAG,SAC7BL,CAD6B,CAE7BC,CAF6B,CAGlB,CACX,MAAgB,SAAT,GAAAA,CAAI,CACPb,eAAe,CAACY,CAAD,CAAf,CAAsBM,GAAtB,CAA0BF,iBAA1B,EAA6CG,IAA7C,CAAkD,GAAlD,CADO,kBAGZ,CAPM,CASP,MAAO,IAAMC,eAAc,CAAG,SAC5BC,CAD4B,CAE5BC,CAF4B,CAG5BC,CAH4B,CAI5BC,CAJ4B,CAKzB,OACCA,EADD,CAEM,aAFN,CAICH,CAJD,CAKM,sCALN,CAOCC,CAPD,CAQM,8CARN,CAUCC,CAVD,0BAWwBA,CAXxB,MAaI,wCACR,CAnBM,CAqBP,MAAO,IAAME,WAAU,CAAG,SAACZ,CAAD,CAAsBW,CAAtB,CAA6C,OACxD,SAAT,GAAAX,CAAI,EAAkBW,CAD2C,CAE5D,iCAF4D,CAIxD,SAAT,GAAAX,CAJiE,CAK5D,yBAL4D,OAOtE,CAPM,~~CAUP~~,MAAO,IAAMa,UAAS,CAAG,SAACC,CAAD,QACd,YAAT,GAAAA,CAAI,CAAoB,OAApB,CAA8BA,CADX,CAAlB"}
1	+ {"version":3,"file":"helpers.js","names":["isNotNil","borderRadiusMap","borderWidthMap","paddingMap","getSlots","side","Array","isArray","filter","item","borderToCss","value","getBorderStyle","form","view","paddingToCss","getPadding","borderRadiusToCss","getBorderRadius","map","join","getBorderColor","focused","hovered","status","disabled","getBgColor","getSlotsWidthStyles","sizes","postfix","style","index","length","reduce","a","b","formGuard","from"],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/helpers.ts"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nimport { isNotNil } from '##/utils/type-guards';\n\nimport { FieldPropForm, FieldPropStatus, FieldPropView } from '../types';\nimport {\n borderRadiusMap,\n borderWidthMap,\n FieldControlLayoutBorderRadiusNode,\n FieldControlLayoutBorderWidthNode,\n FieldControlLayoutPaddingNode,\n paddingMap,\n} from './maps';\n\nexport const getSlots = (\n side: React.ReactNode \| JSX.Element[],\n): React.ReactNode[] => {\n return ((Array.isArray(side) ? side : [side]) as []).filter(\n (item) => isNotNil(item) && item !== false,\n );\n};\n\nconst borderToCss = (value: FieldControlLayoutBorderWidthNode) => {\n return value ? 'solid' : 'none';\n};\n\nexport const getBorderStyle = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? `solid ${borderToCss(borderWidthMap[form][1])} solid ${borderToCss(\n borderWidthMap[form][0],\n )}`\n : `none`;\n};\n\nconst paddingToCss = (value: FieldControlLayoutPaddingNode): string => {\n return value === 'increased'\n ? 'calc(var(--field-control-layout-space) * 1.6)'\n : 'var(--field-control-layout-space)';\n};\n\nexport const getPadding = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? `0px ${paddingToCss(paddingMap[form][1])} 0px ${paddingToCss(\n paddingMap[form][0],\n )}`\n : `1px 0px 1px 0px`;\n};\n\nconst borderRadiusToCss = (\n value: FieldControlLayoutBorderRadiusNode,\n): string => {\n if (value === 'default') {\n return 'var(--control-radius)';\n }\n if (value === 'round') {\n return 'calc(var(--field-control-layout-height) / 2)';\n }\n return '0px';\n};\n\nexport const getBorderRadius = (\n form: FieldPropForm,\n view: FieldPropView,\n): string => {\n return view === 'default'\n ? borderRadiusMap[form].map(borderRadiusToCss).join(' ')\n : `0px 0px 0px 0px`;\n};\n\nexport const getBorderColor = (\n focused?: boolean,\n hovered?: boolean,\n status?: FieldPropStatus,\n disabled?: boolean,\n) => {\n if (disabled) {\n return 'transparent';\n }\n if (focused) {\n return 'var(--color-control-bg-border-focus)';\n }\n if (hovered) {\n return 'var(--color-control-bg-border-default-hover)';\n }\n if (status) {\n return `var(--color-bg-${status})`;\n }\n return 'var(--color-control-bg-border-default)';\n};\n\nexport const getBgColor = (view: FieldPropView, disabled?: boolean) => {\n if (view === 'default' && disabled) {\n return 'var(--color-control-bg-disable)';\n }\n if (view === 'default') {\n return 'var(--color-bg-default)';\n }\n};\n\nexport const getSlotsWidthStyles = (\n sizes: number[],\n postfix: string,\n): CSSProperties => {\n const style: CSSProperties = {};\n for (let index = 0; index < sizes.length; index++) {\n style[\n `--field-control-layout-${postfix}-slot-content-width-${index}` as 'width'\n ] = `${sizes[index]}px`;\n }\n\n style[\n `--field-control-layout-${postfix}-slot-contents-width` as 'width'\n ] = `${sizes.length ? sizes.reduce((a, b) => a + b) : 0}px`;\n\n style[\n `--field-control-layout-${postfix}-slots-length` as 'width'\n ] = `${sizes.length}`;\n\n return style;\n};\n\n// ToDo: Удалить после того как удалим из всех компонентов \"clearClear\"\nexport const formGuard = (from: FieldPropForm \| 'clearClear'): FieldPropForm =>\n from === 'clearClear' ? 'clear' : from;\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldControlLayout/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n FieldPropForm,\n FieldPropSize,\n FieldPropStatus,\n FieldPropView,\n} from '../types';\n\nexport type FieldControlLayoutProps = PropsWithHTMLAttributesAndRef<\n {\n size?: FieldPropSize;\n form?: FieldPropForm;\n disabled?: boolean;\n view?: FieldPropView;\n status?: FieldPropStatus;\n leftSide?: React.ReactNode \| JSX.Element[];\n rightSide?: React.ReactNode \| JSX.Element[];\n children?: React.ReactNode;\n focused?: boolean;\n leftSlotsRefs?: React.Ref<HTMLDivElement>[];\n rightSlotsRefs?: React.Ref<HTMLDivElement>[];\n },\n HTMLDivElement\n>;\n"],"mappings":""}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldControlLayout/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n FieldPropForm,\n FieldPropSize,\n FieldPropStatus,\n FieldPropView,\n} from '../types';\n\nexport type FieldControlLayoutProps = PropsWithHTMLAttributesAndRef<\n {\n size?: FieldPropSize;\n form?: FieldPropForm;\n disabled?: boolean;\n view?: FieldPropView;\n status?: FieldPropStatus;\n leftSide?: React.ReactNode \| JSX.Element[];\n rightSide?: React.ReactNode \| JSX.Element[];\n children?: React.ReactNode;\n focused?: boolean;\n leftSlotsRefs?: React.Ref<HTMLDivElement>[];\n rightSlotsRefs?: React.Ref<HTMLDivElement>[];\n alignSlots?: 'top' \| 'center';\n },\n HTMLDivElement\n>;\n"],"mappings":""}

package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","active"];import{AnimateIconSwitcher}from"@consta/icons/AnimateIconSwitcher";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import React,{forwardRef}from"react";import{FieldButton,getFieldIconSize}from"./..";export var FieldToggleVisiblePasswordButton=forwardRef(function(a,b){var c=a.size,d=void 0===c?"m":c,e=a.active,f=_objectWithoutProperties(a,_excluded);return React.createElement(FieldButton,Object.assign({},f,{ref:b}),React.createElement(AnimateIconSwitcher,{size:getFieldIconSize(d),startIcon:IconEye,endIcon:IconEyeClose,active:void 0!==e&&e,transition:125}))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","startIcon","endIcon","active"];import{AnimateIconSwitcher}from"@consta/icons/AnimateIconSwitcher";import{IconEye}from"@consta/icons/IconEye";import{IconEyeClose}from"@consta/icons/IconEyeClose";import React,{forwardRef}from"react";import{FieldButton,getFieldIconSize}from"./..";export var FieldToggleVisiblePasswordButton=forwardRef(function(a,b){var c=a.size,d=void 0===c?"m":c,e=a.startIcon,f=void 0===e?IconEye:e,g=a.endIcon,h=void 0===g?IconEyeClose:g,i=a.active,j=_objectWithoutProperties(a,_excluded);return React.createElement(FieldButton,Object.assign({},j,{ref:b}),React.createElement(AnimateIconSwitcher,{size:getFieldIconSize(d),startIcon:f,endIcon:h,active:i,transition:125}))});
 //# sourceMappingURL=FieldToggleVisiblePasswordButton.js.map

package/__internal__/src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldToggleVisiblePasswordButton.js","names":["AnimateIconSwitcher","IconEye","IconEyeClose","React","forwardRef","FieldButton","getFieldIconSize","FieldToggleVisiblePasswordButton","ref","size","active","props"],"sources":["../../../../../../src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.tsx"],"sourcesContent":["import { AnimateIconSwitcher } from '@consta/icons/AnimateIconSwitcher';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport React, { forwardRef } from 'react';\n\nimport {\n FieldButton,\n FieldPropSize,\n getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<\n {\n size?: FieldPropSize;\n active?: boolean;\n children?: never;\n },\n HTMLButtonElement\n>;\n\nexport const FieldToggleVisiblePasswordButton = forwardRef<\n HTMLButtonElement,\n FieldToggleVisiblePasswordButtonProps\n>(({ size = 'm', ~~active~~ = ~~false,~~ ...props }, ref) => {\n return (\n <FieldButton {...props} ref={ref}>\n <AnimateIconSwitcher\n size={getFieldIconSize(size)}\n startIcon={~~IconEye~~}\n endIcon={~~IconEyeClose~~}\n active={active}\n transition={125}\n />\n </FieldButton>\n );\n});\n"],"mappings":"~~qHAAA~~,OAASA,mBAAT,KAAoC,mCAApC,~~CACA~~,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,~~YAgBA~~,MAAO,IAAMC,iCAAgC,CAAGH,UAAU,~~CAGxD~~,~~WAA2CI~~,~~CAA3C~~,~~CAAmD~~,~~SAAhDC~~,~~IAAgD~~,~~CAAhDA~~,~~CAAgD~~,~~YAAzC~~,~~GAAyC~~,~~OAApCC~~,~~MAAoC~~,~~CAAjBC~~,~~CAAiB~~,~~uCACnD~~,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,~~CAAEH~~,CAA7B,GACE,oBAAC,mBAAD,EACE,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CADxB,CAEE,SAAS,~~CAAER~~,~~OAFb~~,CAGE,OAAO,~~CAAEC~~,~~YAHX~~,CAIE,MAAM,~~cAJR~~,CAKE,UAAU,CAAE,GALd,EADF,CAUH,~~CAfyD~~,CAAnD"}
1	+ {"version":3,"file":"FieldToggleVisiblePasswordButton.js","names":["AnimateIconSwitcher","IconEye","IconEyeClose","React","forwardRef","FieldButton","getFieldIconSize","FieldToggleVisiblePasswordButton","ref","size","startIcon","StartIcon","endIcon","EndIcon","active","props"],"sources":["../../../../../../src/components/FieldComponents/FieldToggleVisiblePasswordButton/FieldToggleVisiblePasswordButton.tsx"],"sourcesContent":["import { AnimateIconSwitcher } from '@consta/icons/AnimateIconSwitcher';\nimport { IconComponent } from '@consta/icons/Icon';\nimport { IconEye } from '@consta/icons/IconEye';\nimport { IconEyeClose } from '@consta/icons/IconEyeClose';\nimport React, { forwardRef } from 'react';\n\nimport {\n FieldButton,\n FieldPropSize,\n getFieldIconSize,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\ntype FieldToggleVisiblePasswordButtonProps = PropsWithHTMLAttributesAndRef<\n {\n size?: FieldPropSize;\n active?: boolean;\n children?: never;\n startIcon?: IconComponent;\n endIcon?: IconComponent;\n },\n HTMLButtonElement\n>;\n\nexport const FieldToggleVisiblePasswordButton = forwardRef<\n HTMLButtonElement,\n FieldToggleVisiblePasswordButtonProps\n>(\n (\n {\n size = 'm',\n startIcon: StartIcon = IconEye,\n endIcon: EndIcon = IconEyeClose,\n active,\n ...props\n },\n ref,\n ) => {\n return (\n <FieldButton {...props} ref={ref}>\n <AnimateIconSwitcher\n size={getFieldIconSize(size)}\n startIcon={StartIcon}\n endIcon={EndIcon}\n active={active}\n transition={125}\n />\n </FieldButton>\n );\n },\n);\n"],"mappings":"2IAAA,OAASA,mBAAT,KAAoC,mCAApC,CAEA,OAASC,OAAT,KAAwB,uBAAxB,CACA,OAASC,YAAT,KAA6B,4BAA7B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OACEC,WADF,CAGEC,gBAHF,YAkBA,MAAO,IAAMC,iCAAgC,CAAGH,UAAU,CAIxD,WAQEI,CARF,CASK,SAPDC,IAOC,CAPDA,CAOC,YAPM,GAON,OANDC,SAMC,CANUC,CAMV,YANsBV,OAMtB,OALDW,OAKC,CALQC,CAKR,YALkBX,YAKlB,GAJDY,CAIC,GAJDA,MAIC,CAHEC,CAGF,uCACH,MACE,qBAAC,WAAD,kBAAiBA,CAAjB,EAAwB,GAAG,CAAEP,CAA7B,GACE,oBAAC,mBAAD,EACE,IAAI,CAAEF,gBAAgB,CAACG,CAAD,CADxB,CAEE,SAAS,CAAEE,CAFb,CAGE,OAAO,CAAEE,CAHX,CAIE,MAAM,CAAEC,CAJV,CAKE,UAAU,CAAE,GALd,EADF,CAUH,CAzBuD,CAAnD"}

package/__internal__/src/components/ListCanary/ListLoader/ListLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"./ListLoader.css";import React,{forwardRef}from"react";import{Loader}from"../../LoaderDeprecated";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropInnerOffset,defaultListPropSize}from"../types";var cnListLoader=cn("ListLoader");export var ListLoader=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=void 0===e?defaultListPropInnerOffset:e,g=a.className;return React.createElement("div",{ref:b,className:cnListLoader({size:d},[cnMixSpace({pH:"increased"===f?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d]}),g])},React.createElement("div",{className:cnListLoader("Container")},React.createElement(Loader,{size:"s",className:cnListLoader("Loader")})))});
+import"./ListLoader.css";import React,{forwardRef}from"react";import{Loader}from"../../LoaderDeprecated";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";import{mapHorizontalSpace,mapHorizontalSpaceIncreased}from"../maps";import{defaultListPropInnerOffset,defaultListPropSize}from"../types";export var cnListLoader=cn("ListLoader");export var ListLoader=forwardRef(function(a,b){var c=a.size,d=void 0===c?defaultListPropSize:c,e=a.innerOffset,f=void 0===e?defaultListPropInnerOffset:e,g=a.className;return React.createElement("div",{ref:b,className:cnListLoader({size:d},[cnMixSpace({pH:"increased"===f?mapHorizontalSpaceIncreased[d]:mapHorizontalSpace[d]}),g])},React.createElement("div",{className:cnListLoader("Container")},React.createElement(Loader,{size:"s",className:cnListLoader("Loader")})))});
 //# sourceMappingURL=ListLoader.js.map