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

@consta/uikit 5.17.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 (1939) 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/AutoComplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import React from"react";import{AutoCompleteTypeText}from"./AutoCompleteTypeText";import{AutoCompleteTypeTextArray}from"./AutoCompleteTypeTextArray";var typeMap={text:AutoCompleteTypeText,textarray:AutoCompleteTypeTextArray},AutoCompleteRender=function(a,b){var c=typeMap[a.type||"text"]||typeMap.text;return React.createElement(c,Object.assign({ref:b},a))};export var AutoComplete=React.forwardRef(AutoCompleteRender);export*from"./types";
+import React from"react";import{cnCanary}from"../../utils/bem";import{AutoCompleteTypeText}from"./AutoCompleteTypeText";import{AutoCompleteTypeTextArray}from"./AutoCompleteTypeTextArray";var typeMap={text:AutoCompleteTypeText,textarray:AutoCompleteTypeTextArray};export var cnAutoComplete=cnCanary("AutoComplete");var AutoCompleteRender=function(a,b){var c=a.type||"text",d=typeMap[c]||typeMap.text;return React.createElement(d,Object.assign({},a,{ref:b,className:cnAutoComplete({type:c},[a.className])}))};export var AutoComplete=React.forwardRef(AutoCompleteRender);export*from"./types";
 //# sourceMappingURL=AutoComplete.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoComplete.js","names":["React","AutoCompleteTypeText","AutoCompleteTypeTextArray","typeMap","text","textarray","AutoCompleteRender","props","ref","Component","~~type~~","AutoComplete","forwardRef"],"sources":["../../../../../src/components/AutoCompleteCanary/AutoComplete.tsx"],"sourcesContent":["import React from 'react';\n\nimport { AutoCompleteTypeText } from './AutoCompleteTypeText';\nimport { AutoCompleteTypeTextArray } from './AutoCompleteTypeTextArray';\nimport {\n AutoCompleteComponent,\n AutoCompleteGroupDefault,\n AutoCompleteItemDefault,\n AutoCompleteProps,\n AutoCompleteTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n string,\n AutoCompleteTypeComponent<string> \| AutoCompleteTypeComponent<'textarray'>\n> = {\n text: AutoCompleteTypeText,\n textarray: AutoCompleteTypeTextArray,\n};\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 ~~Component~~ = ~~typeMap[~~props.type \|\| 'text'] \|\| typeMap.text;\n\n return (\n <Component\n ~~ref=~~{~~ref}\n {~~...(props as unknown as AutoCompleteTypeComponent<TYPE, ITEM, GROUP>)}\n />\n );\n};\n\nexport const AutoComplete = React.forwardRef(\n AutoCompleteRender,\n) as AutoCompleteComponent;\n\nexport * from './types';\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,oBAAT,8BACA,OAASC,yBAAT,mC,~~GASMC~~,QAGL,CAAG,CACFC,IAAI,CAAEH,oBADJ,CAEFI,SAAS,CAAEH,yBAFT,C,~~CAKEI~~,~~kBAAkB~~,CAAG,SAKzBC,CALyB,CAMzBC,CANyB,CAOtB,~~CACH~~,~~GAAMC~~,~~EAAS~~,~~CAAGN,OAAO,CAACI,~~CAAK,~~CAACG~~,IAAN,EAAc,~~MAAf~~,CAAP,~~EAAiCP~~,OAAO,CAACC,~~IAA3D~~,~~CAEA~~,MACE,qBAAC,CAAD,~~gBACE~~,GAAG,CAAEI,~~CADP~~,~~EAEOD~~,~~CAFP~~,~~EAKH~~,C,~~CAED~~,MAAO,~~IAAMI~~,aAAY,~~CAAGX~~,KAAK,~~CAACY~~,UAAN,~~CAC1BN~~,kBAD0B,CAArB,CAIP"}
1	+ {"version":3,"file":"AutoComplete.js","names":["React","cnCanary","AutoCompleteTypeText","AutoCompleteTypeTextArray","typeMap","text","textarray","cnAutoComplete","AutoCompleteRender","props","ref","type","Component","className","AutoComplete","forwardRef"],"sources":["../../../../../src/components/AutoCompleteCanary/AutoComplete.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cnCanary } from '##/utils/bem';\n\nimport { AutoCompleteTypeText } from './AutoCompleteTypeText';\nimport { AutoCompleteTypeTextArray } from './AutoCompleteTypeTextArray';\nimport {\n AutoCompleteComponent,\n AutoCompleteGroupDefault,\n AutoCompleteItemDefault,\n AutoCompleteProps,\n AutoCompleteTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n string,\n AutoCompleteTypeComponent<string> \| AutoCompleteTypeComponent<'textarray'>\n> = {\n text: AutoCompleteTypeText,\n textarray: AutoCompleteTypeTextArray,\n};\n\nexport const cnAutoComplete = cnCanary('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 type = props.type \|\| 'text';\n const Component = typeMap[type] \|\| typeMap.text;\n\n return (\n <Component\n {...(props as unknown as AutoCompleteTypeComponent<TYPE, ITEM, GROUP>)}\n ref={ref}\n className={cnAutoComplete({ type }, [props.className])}\n />\n );\n};\n\nexport const AutoComplete = React.forwardRef(\n AutoCompleteRender,\n) as AutoCompleteComponent;\n\nexport * from './types';\n"],"mappings":"AAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,uBAEA,OAASC,oBAAT,8BACA,OAASC,yBAAT,mCASA,GAAMC,QAGL,CAAG,CACFC,IAAI,CAAEH,oBADJ,CAEFI,SAAS,CAAEH,yBAFT,CAHJ,CAQA,MAAO,IAAMI,eAAc,CAAGN,QAAQ,CAAC,cAAD,CAA/B,CAEP,GAAMO,mBAAkB,CAAG,SAKzBC,CALyB,CAMzBC,CANyB,CAOtB,IACGC,EAAI,CAAGF,CAAK,CAACE,IAAN,EAAc,MADxB,CAEGC,CAAS,CAAGR,OAAO,CAACO,CAAD,CAAP,EAAiBP,OAAO,CAACC,IAFxC,CAIH,MACE,qBAAC,CAAD,kBACOI,CADP,EAEE,GAAG,CAAEC,CAFP,CAGE,SAAS,CAAEH,cAAc,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACF,CAAK,CAACI,SAAP,CAAX,CAH3B,GAMH,CAlBD,CAoBA,MAAO,IAAMC,aAAY,CAAGd,KAAK,CAACe,UAAN,CAC1BP,kBAD0B,CAArB,CAIP"}

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

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs"];import React,{forwardRef,useRef}from"react";import{SelectDropdown}from"../../SelectComponents/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../../SelectComponentsDeprecated/types";import{TextFieldTypeText}from"../../TextFieldCanary";import{useForkRef}from"../../../hooks/useForkRef";import{withDefaultGetters}from"../helpers";import{useAutoComplete}from"../useAutoComplete";import{useRenderItemDefault}from"../useRenderItemDefault";export var AutoCompleteTypeText=forwardRef(function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.groups,g=void 0===f?[]:f,h=c.disabled,i=void 0!==h&&h,j=c.getItemLabel,k=c.getItemKey,l=c.isLoading,m=c.getItemGroupKey,n=c.getGroupKey,o=c.getGroupLabel,p=c.inputRef,q=c.onFocus,r=c.dropdownRef,s=c.dropdownClassName,t=c.dropdownForm,u=void 0===t?"default":t,v=c.value,w=c.form,x=void 0===w?defaultPropForm:w,y=c.view,z=void 0===y?defaultPropView:y,A=c.size,B=void 0===A?defaultPropSize:A,C=c.onChange,D=c.style,E=c.renderItem,F=c.searchFunction,G=c.id,H=c.name,I=c.className,J=c.virtualScroll,K=c.onScrollToBottom,L=c.onDropdownOpen,M=c.dropdownOpen,N=c.ignoreOutsideClicksRefs,O=_objectWithoutProperties(c,_excluded),P=useRef(null),Q=useRef(null),R=useAutoComplete({items:e,groups:g,onChange:C,dropdownRef:P,disabled:i,searchValue:v||"",getItemLabel:j,getItemKey:k,getItemGroupKey:m,getGroupKey:n,onFocus:q,searchFunction:F,isLoading:l,onDropdownOpen:L,dropdownOpen:M,ignoreOutsideClicksRefs:[Q].concat(_toConsumableArray(N||[]))}),S=R.getOptionProps,T=R.isOpen,U=R.getKeyProps,V=R.visibleItems,W=R.handleInputFocus,X=R.inputRef,Y=R.optionsRefs,Z=R.handleChange,$=useRenderItemDefault(j,i,B,u);return React.createElement(React.Fragment,null,React.createElement(TextFieldTypeText,Object.assign({},U(),{form:x,view:z,id:G,className:I,name:H,disabled:i,ref:useForkRef([Q,b]),inputRef:useForkRef([p,X]),onChange:Z,onFocus:W,value:v,style:D,size:B},O)),React.createElement(SelectDropdown,{isOpen:T,size:B,controlRef:Q,getOptionProps:S,dropdownRef:useForkRef([P,r]),form:u,className:s,renderItem:E||$,getGroupLabel:o,visibleItems:V,isLoading:l,hasItems:0!==e.length,itemsRefs:Y,virtualScroll:!0,style:"number"==typeof(null===D||void 0===D?void 0:D.zIndex)?{zIndex:D.zIndex+1}:void 0,onScrollToBottom:K}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","onBlur"];import React,{forwardRef,useRef}from"react";import{SelectDropdown}from"../../SelectComponents/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../../SelectComponentsDeprecated/types";import{TextFieldTypeText}from"../../TextFieldCanary";import{useForkRef}from"../../../hooks/useForkRef";import{withDefaultGetters}from"../helpers";import{useAutoComplete}from"../useAutoComplete";import{useRenderItemDefault}from"../useRenderItemDefault";export var AutoCompleteTypeText=forwardRef(function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.groups,g=void 0===f?[]:f,h=c.disabled,i=void 0!==h&&h,j=c.getItemLabel,k=c.getItemKey,l=c.isLoading,m=c.getItemGroupKey,n=c.getGroupKey,o=c.getGroupLabel,p=c.inputRef,q=c.onFocus,r=c.dropdownRef,s=c.dropdownClassName,t=c.dropdownForm,u=void 0===t?"default":t,v=c.value,w=c.form,x=void 0===w?defaultPropForm:w,y=c.view,z=void 0===y?defaultPropView:y,A=c.size,B=void 0===A?defaultPropSize:A,C=c.onChange,D=c.style,E=c.renderItem,F=c.searchFunction,G=c.id,H=c.name,I=c.className,J=c.virtualScroll,K=c.onScrollToBottom,L=c.onDropdownOpen,M=c.dropdownOpen,N=c.ignoreOutsideClicksRefs,O=c.onBlur,P=_objectWithoutProperties(c,_excluded),Q=useRef(null),R=useRef(null),S=useAutoComplete({items:e,groups:g,onChange:C,dropdownRef:Q,disabled:i,searchValue:v||"",getItemLabel:j,getItemKey:k,getItemGroupKey:m,getGroupKey:n,onFocus:q,onBlur:O,searchFunction:F,isLoading:l,onDropdownOpen:L,dropdownOpen:M,ignoreOutsideClicksRefs:[R].concat(_toConsumableArray(N||[]))}),T=S.getOptionProps,U=S.isOpen,V=S.getKeyProps,W=S.visibleItems,X=S.handleInputFocus,Y=S.handleInputBlur,Z=S.inputRef,$=S.optionsRefs,_=S.handleChange,aa=useRenderItemDefault(j,i,B,u);return React.createElement(React.Fragment,null,React.createElement(TextFieldTypeText,Object.assign({},V(),{form:x,view:z,id:G,className:I,name:H,disabled:i,ref:useForkRef([R,b]),inputRef:useForkRef([p,Z]),onChange:_,onFocus:X,onBlur:Y,value:v,style:D,size:B},P)),React.createElement(SelectDropdown,{isOpen:U,size:B,controlRef:R,getOptionProps:T,dropdownRef:useForkRef([Q,r]),form:u,className:s,renderItem:E||aa,getGroupLabel:o,visibleItems:W,isLoading:l,hasItems:0!==e.length,itemsRefs:$,virtualScroll:!0,style:"number"==typeof(null===D||void 0===D?void 0:D.zIndex)?{zIndex:D.zIndex+1}:void 0,onScrollToBottom:K}))});
 //# sourceMappingURL=AutoCompleteTypeText.js.map

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","otherProps","controlRef","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","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 ...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 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 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 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":"~~2iBAAA~~,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,~~OAiC9BL~~,kBAAkB,CAACI,CAAD,~~CAjCY~~,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,~~CAgC7BC~~,~~CAhC6B~~,~~uCAmC5BnB~~,CAAW,CAAGzB,MAAM,~~CAAwB~~,~~IAAxB~~,~~CAnCQ~~,~~CAoC5B6C~~,CAAU,~~CAAG7C~~,MAAM,CAAiB,IAAjB,~~CApCS~~,~~GA+C9BQ~~,eAAe,CAAC,CAClBK,KAAK,CAALA,CADkB,CAElBC,MAAM,CAANA,CAFkB,CAGlBkB,QAAQ,CAARA,CAHkB,CAIlBP,WAAW,CAAXA,CAJkB,CAKlBV,QAAQ,CAARA,CALkB,~~CAMlB+B~~,WAAW,~~CAAElB~~,CAAK,EAAI,EANJ,CAOlBZ,YAAY,CAAZA,CAPkB,CAQlBC,UAAU,CAAVA,CARkB,CASlBE,eAAe,CAAfA,CATkB,CAUlBC,WAAW,CAAXA,CAVkB,CAWlBG,OAAO,CAAPA,CAXkB,~~CAYlBY~~,cAAc,CAAdA,~~CAZkB~~,~~CAalBjB~~,SAAS,CAATA,~~CAbkB~~,~~CAclBuB~~,cAAc,CAAdA,~~CAdkB~~,~~CAelBC~~,YAAY,CAAZA,~~CAfkB~~,~~CAgBlBC~~,uBAAuB,~~EAAGE~~,CAAH,~~4BAAmBF~~,CAAuB,EAAI,EAA9C,~~EAhBL~~,CAAD,~~CA/Ce~~,~~CAuChCI~~,~~CAvCgC,GAuChCA,cAvCgC,CAwChCC,~~CAxCgC,GAwChCA,~~MAxCgC~~,CAyChCC,CAzCgC,GAyChCA,~~WAzCgC~~,CA0ChCC,CA1CgC,GA0ChCA,~~YA1CgC~~,CA2ChCC,CA3CgC,GA2ChCA,~~gBA3CgC~~,~~CA4CtBC~~,~~CA5CsB~~,~~GA4ChC9B~~,~~QA5CgC~~,~~CA6ChC+B~~,CA7CgC,GA6ChCA,~~WA7CgC~~,~~CA8ChCC~~,~~CA9CgC~~,~~GA8ChCA~~,~~YA9CgC~~,~~CAkE5BC~~,~~CAAiB~~,~~CAAG9C~~,oBAAoB,CAC5CO,CAD4C,CAE5CD,CAF4C,CAG5CgB,CAH4C,CAI5CJ,CAJ4C,~~CAlEZ~~,~~CAyElC~~,MACE,yCACE,oBAAC,iBAAD,~~kBACMsB~~,CAAW,EADjB,EAEE,IAAI,~~CAAEpB~~,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,~~CAACuC~~,CAAD,~~CAAajC~~,CAAb,CAAD,CARjB,CASE,QAAQ,CAAEN,UAAU,CAAC,CAACgB,CAAD,~~CAAW8B~~,CAAX,CAAD,CATtB,CAUE,QAAQ,CAAEE,CAVZ,CAWE,OAAO,~~CAAEH~~,CAXX,CAYE,~~KAAK~~,~~CAAEvB~~,~~CAZT~~,CAaE,KAAK,~~CAAEK~~,CAbT,CAcE,IAAI,CAAEF,~~CAdR~~,~~EAeMa~~,~~CAfN~~,EADF,~~CAkBE~~,oBAAC,cAAD,EACE,MAAM,CAAEI,CADV,CAEE,IAAI,~~CAAEjB~~,CAFR,CAGE,UAAU,~~CAAEc~~,CAHd,CAIE,cAAc,CAAEE,CAJlB,CAKE,WAAW,~~CAAEzC~~,UAAU,CAAC,CAACmB,CAAD,CAAcD,CAAd,CAAD,CALzB,CAME,IAAI,CAAEG,CANR,CAOE,SAAS,CAAED,CAPb,CAQE,UAAU,CAAEQ,CAAU,~~EAAIqB~~,~~CAR5B~~,CASE,aAAa,~~CAAElC~~,CATjB,CAUE,YAAY,~~CAAE6B~~,CAVhB,CAWE,SAAS,~~CAAEhC~~,CAXb,CAYE,QAAQ,CAAmB,CAAjB,GAAAL,CAAK,~~CAAC2C~~,MAZlB,CAaE,SAAS,CAAEH,CAbb,CAcE,aAAa,GAdf,CAeE,KAAK,CACsB,QAAzB,~~gBAAOpB~~,CAAP,WAAOA,CAAP,QAAOA,CAAK,~~CAAEwB~~,MAAd,EACI,CAAEA,MAAM,~~CAAExB~~,CAAK,~~CAACwB~~,MAAN,CAAe,CAAzB,CADJ,OAhBJ,CAoBE,gBAAgB,~~CAAEjB~~,CApBpB,~~EAlBF~~,~~CA0CH~~,~~CApHS~~,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/AutoCompleteCanary/AutoCompleteTypeTextArray/AutoCompleteTypeTextArray.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","onInputChange","inputValue"];import React,{forwardRef,useRef}from"react";import{SelectDropdown}from"../../SelectComponents/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../../SelectComponentsDeprecated/types";import{TextFieldTypeTextArray}from"../../TextFieldCanary";import{useForkRef}from"../../../hooks/useForkRef";import{withDefaultGetters}from"../helpers";import{useAutoComplete}from"../useAutoComplete";import{useRenderItemDefault}from"../useRenderItemDefault";export var AutoCompleteTypeTextArray=forwardRef(function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.groups,g=void 0===f?[]:f,h=c.disabled,i=void 0!==h&&h,j=c.getItemLabel,k=c.getItemKey,l=c.isLoading,m=c.getItemGroupKey,n=c.getGroupKey,o=c.getGroupLabel,p=c.inputRef,q=c.onFocus,r=c.dropdownRef,s=c.dropdownClassName,t=c.dropdownForm,u=void 0===t?"default":t,v=c.value,w=c.form,x=void 0===w?defaultPropForm:w,y=c.view,z=void 0===y?defaultPropView:y,A=c.size,B=void 0===A?defaultPropSize:A,C=c.onChange,D=c.style,E=c.renderItem,F=c.searchFunction,G=c.id,H=c.name,I=c.className,J=c.virtualScroll,K=c.onScrollToBottom,L=c.onDropdownOpen,M=c.dropdownOpen,N=c.ignoreOutsideClicksRefs,O=c.onInputChange,P=c.inputValue,Q=_objectWithoutProperties(c,_excluded),R=useRef(null),S=useRef(null),T=useAutoComplete({items:e,groups:g,onChange:O,dropdownRef:R,disabled:i,searchValue:P||"",getItemLabel:j,getItemKey:k,getItemGroupKey:m,getGroupKey:n,onFocus:q,searchFunction:F,isLoading:l,onDropdownOpen:L,dropdownOpen:M,ignoreOutsideClicksRefs:[S].concat(_toConsumableArray(N||[]))}),U=T.getOptionProps,V=T.isOpen,W=T.getKeyProps,X=T.visibleItems,Y=T.handleInputFocus,Z=T.inputRef,$=T.optionsRefs,_=T.handleChange,aa=T.highlightedIndex,ba=useRenderItemDefault(j,i,B,u);return React.createElement(React.Fragment,null,React.createElement(TextFieldTypeTextArray,Object.assign({},W(),{form:x,view:z,id:G,className:I,name:H,disabled:i,ref:useForkRef([S,b]),inputRef:useForkRef([p,Z]),onFocus:Y,onChange:0>aa?C:void 0,onInputChange:_,value:v,style:D,size:B},Q)),React.createElement(SelectDropdown,{isOpen:V,size:B,controlRef:S,getOptionProps:U,dropdownRef:useForkRef([R,r]),form:u,className:s,renderItem:E||ba,getGroupLabel:o,visibleItems:X,isLoading:l,hasItems:0!==e.length,itemsRefs:$,virtualScroll:!0,style:"number"==typeof(null===D||void 0===D?void 0:D.zIndex)?{zIndex:D.zIndex+1}:void 0,onScrollToBottom:K}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","groups","disabled","getItemLabel","getItemKey","isLoading","getItemGroupKey","getGroupKey","getGroupLabel","inputRef","onFocus","dropdownRef","dropdownClassName","dropdownForm","value","form","view","size","onChange","style","renderItem","searchFunction","id","name","className","virtualScroll","onScrollToBottom","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","onInputChange","inputValue","onBlur"];import React,{forwardRef,useRef}from"react";import{SelectDropdown}from"../../SelectComponents/SelectDropdown";import{defaultPropForm,defaultPropSize,defaultPropView}from"../../SelectComponentsDeprecated/types";import{TextFieldTypeTextArray}from"../../TextFieldCanary";import{useForkRef}from"../../../hooks/useForkRef";import{withDefaultGetters}from"../helpers";import{useAutoComplete}from"../useAutoComplete";import{useRenderItemDefault}from"../useRenderItemDefault";export var AutoCompleteTypeTextArray=forwardRef(function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.groups,g=void 0===f?[]:f,h=c.disabled,i=void 0!==h&&h,j=c.getItemLabel,k=c.getItemKey,l=c.isLoading,m=c.getItemGroupKey,n=c.getGroupKey,o=c.getGroupLabel,p=c.inputRef,q=c.onFocus,r=c.dropdownRef,s=c.dropdownClassName,t=c.dropdownForm,u=void 0===t?"default":t,v=c.value,w=c.form,x=void 0===w?defaultPropForm:w,y=c.view,z=void 0===y?defaultPropView:y,A=c.size,B=void 0===A?defaultPropSize:A,C=c.onChange,D=c.style,E=c.renderItem,F=c.searchFunction,G=c.id,H=c.name,I=c.className,J=c.virtualScroll,K=c.onScrollToBottom,L=c.onDropdownOpen,M=c.dropdownOpen,N=c.ignoreOutsideClicksRefs,O=c.onInputChange,P=c.inputValue,Q=c.onBlur,R=_objectWithoutProperties(c,_excluded),S=useRef(null),T=useRef(null),U=useAutoComplete({items:e,groups:g,onChange:O,dropdownRef:S,disabled:i,searchValue:P||"",getItemLabel:j,getItemKey:k,getItemGroupKey:m,getGroupKey:n,onFocus:q,searchFunction:F,onBlur:Q,isLoading:l,onDropdownOpen:L,dropdownOpen:M,ignoreOutsideClicksRefs:[T].concat(_toConsumableArray(N||[]))}),V=U.getOptionProps,W=U.isOpen,X=U.getKeyProps,Y=U.visibleItems,Z=U.handleInputFocus,$=U.inputRef,_=U.optionsRefs,aa=U.handleChange,ba=U.handleInputBlur,ca=U.highlightedIndex,da=useRenderItemDefault(j,i,B,u);return React.createElement(React.Fragment,null,React.createElement(TextFieldTypeTextArray,Object.assign({},X(),{form:x,view:z,id:G,className:I,name:H,disabled:i,ref:useForkRef([T,b]),inputRef:useForkRef([p,$]),onFocus:Z,onBlur:ba,onChange:0>ca?C:void 0,onInputChange:aa,value:v,style:D,size:B,inputValue:P},R)),React.createElement(SelectDropdown,{isOpen:W,size:B,controlRef:T,getOptionProps:V,dropdownRef:useForkRef([S,r]),form:u,className:s,renderItem:E||da,getGroupLabel:o,visibleItems:Y,isLoading:l,hasItems:0!==e.length,itemsRefs:_,virtualScroll:!0,style:"number"==typeof(null===D||void 0===D?void 0:D.zIndex)?{zIndex:D.zIndex+1}:void 0,onScrollToBottom:K}))});
 //# sourceMappingURL=AutoCompleteTypeTextArray.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCompleteTypeTextArray.js","names":["React","forwardRef","useRef","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","TextFieldTypeTextArray","useForkRef","withDefaultGetters","useAutoComplete","useRenderItemDefault","AutoCompleteTypeTextArray","props","componentRef","withDefaultGettersProps","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","onInputChange","inputValue","otherProps","controlRef","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","inputControlRef","optionsRefs","handleChange","highlightedIndex","renderItemDefault","length","zIndex"],"sources":["../../../../../../src/components/AutoCompleteCanary/AutoCompleteTypeTextArray/AutoCompleteTypeTextArray.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 { TextFieldTypeTextArray } 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 AutoCompleteTypeTextArray: AutoCompleteTypeComponent<'textarray'> =\n forwardRef((props, componentRef) => {\n const withDefaultGettersProps = withDefaultGetters(props);\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 onInputChange,\n inputValue,\n ...otherProps\n } = withDefaultGettersProps;\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 inputRef: inputControlRef,\n optionsRefs,\n handleChange,\n highlightedIndex,\n } = useAutoComplete({\n items,\n groups,\n onChange: onInputChange,\n dropdownRef,\n disabled,\n searchValue: inputValue \|\| '',\n getItemLabel,\n getItemKey,\n getItemGroupKey,\n getGroupKey,\n onFocus,\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 <TextFieldTypeTextArray\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 onFocus={handleInputFocus}\n onChange={highlightedIndex < 0 ? onChange : undefined}\n onInputChange={handleChange}\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":"~~wkBAAA~~,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAEA,OAASC,cAAT,6CACA,OACEC,eADF,CAEEC,eAFF,CAGEC,eAHF,8CAKA,OAASC,sBAAT,6BACA,OAASC,UAAT,iCAEA,OAASC,kBAAT,kBAEA,OAASC,eAAT,0BACA,OAASC,oBAAT,+BAEA,MAAO,IAAMC,0BAAiE,CAC5EX,UAAU,CAAC,SAACY,CAAD,CAAQC,CAAR,CAAyB,IAC5BC,EAAuB,CAAGN,kBAAkB,CAACI,CAAD,CADhB,~~GAoC9BE~~,~~CApC8B~~,CAGhCC,KAHgC,CAGhCA,CAHgC,YAGxB,EAHwB,~~KAoC9BD~~,~~CApC8B~~,CAIhCE,MAJgC,CAIhCA,CAJgC,YAIvB,EAJuB,~~KAoC9BF~~,~~CApC8B~~,CAKhCG,QALgC,CAKhCA,CALgC,eAMhCC,CANgC,~~CAoC9BJ~~,~~CApC8B~~,CAMhCI,YANgC,CAOhCC,CAPgC,~~CAoC9BL~~,~~CApC8B~~,CAOhCK,UAPgC,CAQhCC,CARgC,~~CAoC9BN~~,~~CApC8B~~,CAQhCM,SARgC,CAShCC,CATgC,~~CAoC9BP~~,~~CApC8B~~,CAShCO,eATgC,CAUhCC,CAVgC,~~CAoC9BR~~,~~CApC8B~~,CAUhCQ,WAVgC,CAWhCC,CAXgC,~~CAoC9BT~~,~~CApC8B~~,CAWhCS,aAXgC,CAYhCC,CAZgC,~~CAoC9BV~~,~~CApC8B~~,CAYhCU,QAZgC,CAahCC,CAbgC,~~CAoC9BX~~,~~CApC8B~~,CAahCW,OAbgC,CAcnBC,CAdmB,~~CAoC9BZ~~,~~CApC8B~~,CAchCa,WAdgC,CAehCC,CAfgC,~~CAoC9Bd~~,~~CApC8B~~,CAehCc,iBAfgC,~~GAoC9Bd~~,~~CApC8B~~,CAgBhCe,YAhBgC,CAgBhCA,CAhBgC,YAgBjB,SAhBiB,GAiBhCC,CAjBgC,~~CAoC9BhB~~,~~CApC8B~~,CAiBhCgB,KAjBgC,~~GAoC9BhB~~,~~CApC8B~~,CAkBhCiB,IAlBgC,CAkBhCA,CAlBgC,YAkBzB5B,eAlByB,~~KAoC9BW~~,~~CApC8B~~,CAmBhCkB,IAnBgC,CAmBhCA,CAnBgC,YAmBzB3B,eAnByB,~~KAoC9BS~~,~~CApC8B~~,CAoBhCmB,IApBgC,CAoBhCA,CApBgC,YAoBzB7B,eApByB,GAqBhC8B,CArBgC,~~CAoC9BpB~~,~~CApC8B~~,CAqBhCoB,QArBgC,CAsBhCC,CAtBgC,~~CAoC9BrB~~,~~CApC8B~~,CAsBhCqB,KAtBgC,CAuBhCC,CAvBgC,~~CAoC9BtB~~,~~CApC8B~~,CAuBhCsB,UAvBgC,CAwBhCC,CAxBgC,~~CAoC9BvB~~,~~CApC8B~~,CAwBhCuB,cAxBgC,CAyBhCC,CAzBgC,~~CAoC9BxB~~,~~CApC8B~~,CAyBhCwB,EAzBgC,CA0BhCC,CA1BgC,~~CAoC9BzB~~,~~CApC8B~~,CA0BhCyB,IA1BgC,CA2BhCC,CA3BgC,~~CAoC9B1B~~,~~CApC8B~~,CA2BhC0B,SA3BgC,CA4BhCC,CA5BgC,~~CAoC9B3B~~,~~CApC8B~~,CA4BhC2B,aA5BgC,CA6BhCC,CA7BgC,~~CAoC9B5B~~,~~CApC8B~~,CA6BhC4B,gBA7BgC,CA8BhCC,CA9BgC,~~CAoC9B7B~~,~~CApC8B~~,CA8BhC6B,cA9BgC,CA+BhCC,CA/BgC,~~CAoC9B9B~~,~~CApC8B~~,CA+BhC8B,YA/BgC,CAgChCC,CAhCgC,~~CAoC9B~~/B,~~CApC8B~~,CAgChC+B,uBAhCgC,CAiChCC,CAjCgC,~~CAoC9BhC~~,~~CApC8B~~,CAiChCgC,aAjCgC,CAkChCC,CAlCgC,~~CAoC9BjC~~,~~CApC8B~~,CAkChCiC,UAlCgC,~~CAmC7BC~~,~~CAnC6B~~,~~0BAoC9BlC~~,~~CApC8B~~,~~YAsC5Ba~~,CAAW,CAAG1B,MAAM,CAAwB,IAAxB,~~CAtCQ~~,~~CAuC5BgD~~,CAAU,~~CAAGhD~~,MAAM,CAAiB,IAAjB,~~CAvCS~~,~~GAmD9BQ~~,eAAe,CAAC,CAClBM,KAAK,CAALA,CADkB,CAElBC,MAAM,CAANA,CAFkB,CAGlBkB,QAAQ,CAAEY,CAHQ,CAIlBnB,WAAW,CAAXA,CAJkB,CAKlBV,QAAQ,CAARA,CALkB,~~CAMlBiC~~,WAAW,~~CAAEH~~,CAAU,EAAI,EANT,CAOlB7B,YAAY,CAAZA,CAPkB,CAQlBC,UAAU,CAAVA,CARkB,CASlBE,eAAe,CAAfA,CATkB,CAUlBC,WAAW,CAAXA,CAVkB,CAWlBG,OAAO,CAAPA,CAXkB,CAYlBY,cAAc,CAAdA,CAZkB,~~CAalBjB~~,SAAS,CAATA,~~CAbkB~~,~~CAclBuB~~,cAAc,CAAdA,~~CAdkB~~,~~CAelBC~~,YAAY,CAAZA,~~CAfkB~~,~~CAgBlBC~~,uBAAuB,~~EAAGI~~,CAAH,~~4BAAmBJ~~,CAAuB,EAAI,EAA9C,~~EAhBL~~,CAAD,~~CAnDe~~,~~CA0ChCM~~,~~CA1CgC,GA0ChCA,cA1CgC,CA2ChCC,~~CA3CgC,GA2ChCA,~~MA3CgC~~,CA4ChCC,CA5CgC,GA4ChCA,~~WA5CgC~~,CA6ChCC,CA7CgC,GA6ChCA,~~YA7CgC~~,CA8ChCC,CA9CgC,GA8ChCA,~~gBA9CgC~~,CA+~~CtBC~~,CA/~~CsB~~,GA+~~ChChC~~,QA/CgC,~~CAgDhCiC~~,~~CAhDgC~~,~~GAgDhCA~~,~~WAhDgC~~,~~CAiDhCC~~,CAjDgC,GAiDhCA,~~YAjDgC~~,CAkDhCC,EAlDgC,GAkDhCA,~~gBAlDgC~~,~~CAsE5BC~~,EAAiB,~~CAAGlD~~,oBAAoB,CAC5CQ,CAD4C,CAE5CD,CAF4C,CAG5CgB,CAH4C,CAI5CJ,CAJ4C,~~CAtEZ~~,~~CA6ElC~~,MACE,yCACE,oBAAC,sBAAD,~~kBACMwB~~,CAAW,EADjB,EAEE,IAAI,~~CAAEtB~~,CAFR,CAGE,IAAI,CAAEC,CAHR,CAIE,EAAE,CAAEM,CAJN,CAKE,SAAS,CAAEE,CALb,CAME,IAAI,CAAED,CANR,CAOE,QAAQ,CAAEtB,CAPZ,CAQE,GAAG,CAAEV,UAAU,CAAC,~~CAAC0C~~,CAAD,~~CAAapC~~,CAAb,CAAD,CARjB,CASE,QAAQ,CAAEN,UAAU,CAAC,CAACiB,CAAD,~~CAAWgC~~,CAAX,CAAD,CATtB,CAUE,OAAO,CAAED,CAVX,CAWE,QAAQ,CAAqB,CAAnB,~~CAAAI~~,EAAgB,~~CAAOzB~~,CAAP,~~OAX5B~~,~~CAYE~~,aAAa,~~CAAEwB~~,~~CAZjB~~,~~CAaE~~,KAAK,~~CAAE5B~~,~~CAbT~~,~~CAcE~~,KAAK,CAAEK,~~CAdT~~,~~CAeE~~,IAAI,CAAEF,~~CAfR~~,~~EAgBMe~~,~~CAhBN~~,EADF,~~CAmBE~~,oBAAC,cAAD,EACE,MAAM,CAAEI,CADV,CAEE,IAAI,~~CAAEnB~~,CAFR,CAGE,UAAU,~~CAAEgB~~,CAHd,CAIE,cAAc,CAAEE,CAJlB,CAKE,WAAW,~~CAAE5C~~,UAAU,CAAC,CAACoB,CAAD,CAAcD,CAAd,CAAD,CALzB,CAME,IAAI,CAAEG,CANR,CAOE,SAAS,CAAED,CAPb,CAQE,UAAU,CAAEQ,CAAU,~~EAAIwB~~,EAR5B,CASE,aAAa,~~CAAErC~~,CATjB,CAUE,YAAY,~~CAAE+B~~,CAVhB,CAWE,SAAS,~~CAAElC~~,CAXb,CAYE,QAAQ,CAAmB,CAAjB,GAAAL,CAAK,~~CAAC8C~~,MAZlB,CAaE,SAAS,~~CAAEJ~~,CAbb,CAcE,aAAa,GAdf,CAeE,KAAK,CACsB,QAAzB,~~gBAAOtB~~,CAAP,WAAOA,CAAP,QAAOA,CAAK,~~CAAE2B~~,MAAd,EACI,CAAEA,MAAM,~~CAAE3B~~,CAAK,~~CAAC2B~~,MAAN,CAAe,CAAzB,CADJ,OAhBJ,CAoBE,gBAAgB,~~CAAEpB~~,CApBpB,~~EAnBF~~,~~CA2CH~~,~~CAzHS~~,CADL"}
1	+ {"version":3,"file":"AutoCompleteTypeTextArray.js","names":["React","forwardRef","useRef","SelectDropdown","defaultPropForm","defaultPropSize","defaultPropView","TextFieldTypeTextArray","useForkRef","withDefaultGetters","useAutoComplete","useRenderItemDefault","AutoCompleteTypeTextArray","props","componentRef","withDefaultGettersProps","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","onInputChange","inputValue","onBlur","otherProps","controlRef","searchValue","getOptionProps","isOpen","getKeyProps","visibleItems","handleInputFocus","inputControlRef","optionsRefs","handleChange","handleInputBlur","highlightedIndex","renderItemDefault","length","zIndex"],"sources":["../../../../../../src/components/AutoCompleteCanary/AutoCompleteTypeTextArray/AutoCompleteTypeTextArray.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 { TextFieldTypeTextArray } 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 AutoCompleteTypeTextArray: AutoCompleteTypeComponent<'textarray'> =\n forwardRef((props, componentRef) => {\n const withDefaultGettersProps = withDefaultGetters(props);\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 onInputChange,\n inputValue,\n onBlur,\n ...otherProps\n } = withDefaultGettersProps;\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 inputRef: inputControlRef,\n optionsRefs,\n handleChange,\n handleInputBlur,\n highlightedIndex,\n } = useAutoComplete({\n items,\n groups,\n onChange: onInputChange,\n dropdownRef,\n disabled,\n searchValue: inputValue \|\| '',\n getItemLabel,\n getItemKey,\n getItemGroupKey,\n getGroupKey,\n onFocus,\n searchFunction,\n onBlur,\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 <TextFieldTypeTextArray\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 onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onChange={highlightedIndex < 0 ? onChange : undefined}\n onInputChange={handleChange}\n value={value}\n style={style}\n size={size}\n inputValue={inputValue}\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/AutoCompleteCanary/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/AutoCompleteCanary/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { TextFieldProps } from '##/components/TextFieldCanary';\n\nexport type AutoCompleteItemDefault = {\n id: string \| number;\n label: string;\n groupId?: number;\n};\n\nexport type AutoCompleteGroupDefault = {\n label: string;\n id: number \| string;\n};\n\nexport type AutoCompletePropDropdownForm = 'default' \| 'brick' \| 'round';\n\nexport type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string \| number;\nexport type AutoCompletePropGetItemGroupId<ITEM> = (\n item: ITEM,\n) => number \| undefined;\nexport type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type AutoCompletePropGetGroupId<GROUP> = (\n group: GROUP,\n) => number \| string;\n\nexport type AutoCompletePropSearchFunction<ITEM> = (\n item: ITEM,\n searchValue: string,\n) => boolean;\n\nexport type AutoCompletePropOnChange<TYPE extends string> = (\n value: TYPE extends 'textarray' ? string[] \| null : string \| null,\n props: {\n e: React.ChangeEvent \| React.MouseEvent \| React.KeyboardEvent;\n },\n) => void;\n\nexport type AutoCompleteProps<\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n> = (TYPE extends 'textarray'\n ? Omit<TextFieldProps<'textarray'>, 'onChange' \| 'type'>\n : Omit<TextFieldProps<string>, 'onChange' \| 'type'>) & {\n type?: TYPE;\n onChange?: AutoCompletePropOnChange<TYPE>;\n items?: ITEM[];\n groups?: GROUP[];\n renderItem?: PropRenderItem<ITEM>;\n dropdownClassName?: string;\n dropdownForm?: AutoCompletePropDropdownForm;\n isLoading?: boolean;\n searchFunction?: AutoCompletePropSearchFunction<ITEM>;\n dropdownRef?: React.RefObject<HTMLDivElement>;\n getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;\n getItemKey?: AutoCompletePropGetItemKey<ITEM>;\n getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;\n getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;\n getGroupKey?: AutoCompletePropGetGroupId<GROUP>;\n virtualScroll?: boolean;\n onScrollToBottom?: (length: number) => void;\n onDropdownOpen?: (isOpen: boolean) => void;\n dropdownOpen?: boolean;\n ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n} & (ITEM extends { label: AutoCompleteItemDefault['label'] }\n ? {}\n : {\n getItemLabel: AutoCompletePropGetItemLabel<ITEM>;\n }) &\n (GROUP extends { label: AutoCompleteGroupDefault['label'] }\n ? {}\n : { getGroupLabel: AutoCompletePropGetGroupLabel<GROUP> }) &\n (GROUP extends { id: AutoCompleteGroupDefault['id'] }\n ? {}\n : { getGroupKey: AutoCompletePropGetGroupId<GROUP> });\n\nexport type AutoCompleteComponent = <\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n>(\n props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n) => React.ReactElement \| null;\n\nexport type AutoCompleteTypeComponent<\n TYPE extends string = string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n> = (props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement \| null;\n"],"mappings":""}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/AutoCompleteCanary/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropRenderItem } from '##/components/Select';\nimport { TextFieldProps } from '##/components/TextFieldCanary';\n\nexport type AutoCompleteItemDefault = {\n id: string \| number;\n label: string;\n groupId?: number;\n};\n\nexport type AutoCompleteGroupDefault = {\n label: string;\n id: number \| string;\n};\n\nexport type AutoCompletePropDropdownForm = 'default' \| 'brick' \| 'round';\n\nexport type AutoCompletePropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type AutoCompletePropGetItemKey<ITEM> = (item: ITEM) => string \| number;\nexport type AutoCompletePropGetItemGroupId<ITEM> = (\n item: ITEM,\n) => number \| undefined;\nexport type AutoCompletePropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type AutoCompletePropGetGroupId<GROUP> = (\n group: GROUP,\n) => number \| string;\n\nexport type AutoCompletePropSearchFunction<ITEM> = (\n item: ITEM,\n searchValue: string,\n) => boolean;\n\nexport type AutoCompletePropOnChange<TYPE extends string> = (\n value: TYPE extends 'textarray' ? string[] \| null : string \| null,\n props: {\n e: React.ChangeEvent \| React.MouseEvent \| React.KeyboardEvent;\n },\n) => void;\n\nexport type AutoCompleteRenderItemProps<ITEM> = {\n item: ITEM;\n active: boolean;\n hovered: boolean;\n onClick: (e: React.MouseEvent) => void;\n onMouseEnter: (e: React.MouseEvent) => void;\n ref: React.Ref<HTMLDivElement>;\n};\n\nexport type AutoCompletePropRenderItem<ITEM> = (\n props: AutoCompleteRenderItemProps<ITEM>,\n) => React.ReactElement \| null;\n\nexport type AutoCompleteProps<\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n> = (TYPE extends 'textarray'\n ? Omit<TextFieldProps<'textarray'>, 'onChange' \| 'type'>\n : Omit<TextFieldProps<string>, 'onChange' \| 'type'>) & {\n type?: TYPE;\n onChange?: AutoCompletePropOnChange<TYPE>;\n items?: ITEM[];\n groups?: GROUP[];\n renderItem?: PropRenderItem<ITEM>;\n dropdownClassName?: string;\n dropdownForm?: AutoCompletePropDropdownForm;\n isLoading?: boolean;\n searchFunction?: AutoCompletePropSearchFunction<ITEM>;\n dropdownRef?: React.RefObject<HTMLDivElement>;\n getItemLabel?: AutoCompletePropGetItemLabel<ITEM>;\n getItemKey?: AutoCompletePropGetItemKey<ITEM>;\n getItemGroupKey?: AutoCompletePropGetItemGroupId<ITEM>;\n getGroupLabel?: AutoCompletePropGetGroupLabel<GROUP>;\n getGroupKey?: AutoCompletePropGetGroupId<GROUP>;\n virtualScroll?: boolean;\n onScrollToBottom?: (length: number) => void;\n onDropdownOpen?: (isOpen: boolean) => void;\n dropdownOpen?: boolean;\n ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n} & (ITEM extends { label: AutoCompleteItemDefault['label'] }\n ? {}\n : {\n getItemLabel: AutoCompletePropGetItemLabel<ITEM>;\n }) &\n (GROUP extends { label: AutoCompleteGroupDefault['label'] }\n ? {}\n : { getGroupLabel: AutoCompletePropGetGroupLabel<GROUP> }) &\n (GROUP extends { id: AutoCompleteGroupDefault['id'] }\n ? {}\n : { getGroupKey: AutoCompletePropGetGroupId<GROUP> });\n\nexport type AutoCompleteComponent = <\n TYPE extends string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n>(\n props: AutoCompleteProps<TYPE, ITEM, GROUP>,\n) => React.ReactElement \| null;\n\nexport type AutoCompleteTypeComponent<\n TYPE extends string = string,\n ITEM = AutoCompleteItemDefault,\n GROUP = AutoCompleteGroupDefault,\n> = (props: AutoCompleteProps<TYPE, ITEM, GROUP>) => React.ReactElement \| null;\n"],"mappings":""}

package/__internal__/src/components/AutoCompleteCanary/useAutoComplete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{scrollToIndex}from"../SelectComponents/useSelect/helpers";import{useClickOutside}from"../../hooks/useClickOutside";import{useFlag}from"../../hooks/useFlag";import{useKeys}from"../../hooks/useKeysDeprecated";import{useRefs}from"../../hooks/useRefs";import{getGroups}from"../../utils/getGroups";export function useAutoComplete(a){var b=a.items,c=a.dropdownRef,d=a.disabled,f=void 0!==d&&d,g=a.getItemLabel,h=a.getItemKey,i=a.searchFunction,j=a.getItemGroupKey,k=a.groups,l=a.getGroupKey,m=a.onFocus,n=a.isLoading,o=a.dropdownOpen,p=a.onDropdownOpen,q=a.ignoreOutsideClicksRefs,r=a.searchValue,s=void 0===r?"":r,t=a.onChange,u=useRef(null),v=useFlag(),w=_slicedToArray(v,2),x=w[0],y=w[1],z=useState(-1),A=_slicedToArray(z,2),B=A[0],C=A[1],D=function(a,b){var c;!f&&t&&t(a,b),null===(c=u.current)||void 0===c?void 0:c.focus(),C(-1)},E=function(a,b){return!!b&&-1!==g(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},F=useMemo(function(){return b.filter(function(a){return i?i(a,s||""):E(a,s||"")})},[s,b]),G=useMemo(function(){var a=getGroups(F,null!==k&&void 0!==k&&k.length?j:void 0,k,l,void 0);return a},[F,k,j,l]),H=useMemo(function(){return!!G.find(function(a){return 0<a.items.length})},[G]),I=useCallback(function(a){C(Math.min(Math.max(0,"function"==typeof a?a(B):a),F.length-1))},[F,B]),J=function(a,b){f||(b.preventDefault(),y.on(),I(function(a){return a-1}))},K=function(a,b){f||(b.preventDefault(),y.on(),I(function(a){return a+1}))},L=useKeys({ArrowUp:J,ArrowDown:K,PageUp:J,PageDown:K,Home:J,End:K,Enter:function Enter(a,b){if(x){(s||F[B])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(G);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(B);d&&D(g(d),{e:b})}else y.on()},Escape:function Escape(){y.off()},Tab:function Tab(a,b){y.off(),x&&H&&b.preventDefault()}}),M=useRefs(F.length,[x]);return useClickOutside({isActive:x,ignoreClicksInsideRefs:[c].concat(_toConsumableArray(q||[])),handler:y.off}),useEffect(function(){if(f){var a;y.off(),null===(a=u.current)||void 0===a?void 0:a.blur()}},[f]),useEffect(function(){0<F.length&&scrollToIndex(B,c,M,function(){return I(0)}),y.on()},[B]),useEffect(function(){null===p||void 0===p?void 0:p(x),x&&C(0)},[x]),useEffect(function(){y.set(o||!1)},[o]),useEffect(function(){u.current&&(u.current.value=s)},[s]),{isOpen:!!(x&&(!!n||H)),visibleItems:G,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item,d=h(c)||g(c);return{onClick:function onClick(a){D(g(c),{e:a})},onMouseEnter:function onMouseEnter(){I(b)},active:!1,hovered:b===B,key:d}},handleInputFocus:function handleInputFocus(a){f||(y.on(),"function"==typeof m&&m(a))},inputRef:u,getKeyProps:L,hasItems:H,optionsRefs:M,handleChange:D,highlightedIndex:B}}
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function _createForOfIteratorHelper(a,b){var c="undefined"!=typeof Symbol&&a[Symbol.iterator]||a["@@iterator"];if(!c){if(Array.isArray(a)||(c=_unsupportedIterableToArray(a))||b&&a&&"number"==typeof a.length){c&&(a=c);var d=0,e=function(){};return{s:e,n:function n(){return d>=a.length?{done:!0}:{done:!1,value:a[d++]}},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){throw a}),f:e}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var f,g=!0,h=!1;return{s:function s(){c=c.call(a)},n:function n(){var a=c.next();return g=a.done,a},e:function(a){function b(){return a.apply(this,arguments)}return b.toString=function(){return a.toString()},b}(function(a){h=!0,f=a}),f:function f(){try{g||null==c["return"]||c["return"]()}finally{if(h)throw f}}}}function _unsupportedIterableToArray(a,b){if(a){if("string"==typeof a)return _arrayLikeToArray(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);return"Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c?Array.from(a):"Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c)?_arrayLikeToArray(a,b):void 0}}function _arrayLikeToArray(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=Array(b);c<b;c++)d[c]=a[c];return d}import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{scrollToIndex}from"../SelectComponents/useSelect/helpers";import{useClickOutside}from"../../hooks/useClickOutside";import{useFlag}from"../../hooks/useFlag";import{useKeys}from"../../hooks/useKeysDeprecated";import{useRefs}from"../../hooks/useRefs";import{getGroups}from"../../utils/getGroups";export function useAutoComplete(a){var b=a.items,c=a.dropdownRef,d=a.disabled,f=void 0!==d&&d,g=a.getItemLabel,h=a.getItemKey,i=a.searchFunction,j=a.getItemGroupKey,k=a.groups,l=a.getGroupKey,m=a.onFocus,n=a.onBlur,o=a.isLoading,p=a.dropdownOpen,q=a.onDropdownOpen,r=a.ignoreOutsideClicksRefs,s=a.searchValue,t=void 0===s?"":s,u=a.onChange,v=useRef(null),w=useFlag(),x=_slicedToArray(w,2),y=x[0],z=x[1],A=useState(-1),B=_slicedToArray(A,2),C=B[0],D=B[1],E=function(a,b){var c;!f&&u&&u(a,b),null===(c=v.current)||void 0===c?void 0:c.focus(),D(-1)},F=function(a,b){return!!b&&-1!==g(a).toLocaleLowerCase().indexOf(b.toLocaleLowerCase())},G=useMemo(function(){return b.filter(function(a){return i?i(a,t||""):F(a,t||"")})},[t,b]),H=useMemo(function(){var a=getGroups(G,null!==k&&void 0!==k&&k.length?j:void 0,k,l,void 0);return a},[G,k,j,l]),I=useMemo(function(){return!!H.find(function(a){return 0<a.items.length})},[H]),J=useCallback(function(a){D(Math.min(Math.max(0,"function"==typeof a?a(C):a),G.length-1))},[G,C]),K=function(a,b){f||(b.preventDefault(),z.on(),J(function(a){return a-1}))},L=function(a,b){f||(b.preventDefault(),z.on(),J(function(a){return a+1}))},M=!!(y&&(!!o||I)),N=useKeys({ArrowUp:K,ArrowDown:L,PageUp:K,PageDown:L,Home:K,End:L,Enter:function Enter(a,b){if(y){(t||G[C])&&b.preventDefault();var c=function(a){var b,c=0,d=_createForOfIteratorHelper(H);try{for(d.s();!(b=d.n()).done;){var e=b.value;if(e.items.length+c>a)return e.items[a-c];c+=e.items.length}}catch(a){d.e(a)}finally{d.f()}},d=c(C);d&&E(g(d),{e:b})}else z.on()},Escape:function Escape(){z.off()},Tab:function Tab(a,b){if(z.off(),M)b.preventDefault();else{var c;null===(c=v.current)||void 0===c?void 0:c.blur()}}}),O=useRefs(G.length,[y]);return useClickOutside({isActive:y,ignoreClicksInsideRefs:[c].concat(_toConsumableArray(r||[])),handler:z.off}),useEffect(function(){if(f){var a;z.off(),null===(a=v.current)||void 0===a?void 0:a.blur()}},[f]),useEffect(function(){0<G.length&&scrollToIndex(C,c,O,function(){return J(0)}),z.on()},[C]),useEffect(function(){null===q||void 0===q?void 0:q(M),M&&D(0)},[M]),useEffect(function(){z.set(p||!1)},[p]),useEffect(function(){v.current&&(v.current.value=t)},[t]),{isOpen:M,visibleItems:H,getOptionProps:function getOptionProps(a){var b=a.index,c=a.item,d=h(c)||g(c);return{onClick:function onClick(a){E(g(c),{e:a})},onMouseEnter:function onMouseEnter(){J(b)},active:!1,hovered:b===C,key:d}},handleInputFocus:function handleInputFocus(a){f||(z.on(),null===m||void 0===m?void 0:m(a))},inputRef:v,getKeyProps:N,hasItems:I,optionsRefs:O,handleChange:E,highlightedIndex:C,handleInputBlur:function handleInputBlur(a){null===n||void 0===n?void 0:n(a)}}}
 //# sourceMappingURL=useAutoComplete.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useAutoComplete.js","names":["useCallback","useEffect","useMemo","useRef","useState","scrollToIndex","useClickOutside","useFlag","useKeys","useRefs","getGroups","useAutoComplete","params","items","dropdownRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","getGroupKey","onFocus","isLoading","dropdownOpen","onDropdownOpen","ignoreOutsideClicksRefs","searchValue","onChange","inputRef","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","handleChange","value","props","current","focus","searchFunctionDefault","item","toLocaleLowerCase","indexOf","filteredOptions","filter","visibleItems","resultGroups","length","hasItems","find","group","highlightIndex","indexForHighlight","Math","min","max","ArrowUp","_","e","preventDefault","on","old","ArrowDown","getKeyProps","PageUp","PageDown","Home","End","Enter","getItem","index","counter","Escape","off","Tab","optionsRefs","isActive","ignoreClicksInsideRefs","handler","blur","set","getOptionProps","key","onClick","onMouseEnter","active","hovered","handleInputFocus"],"sources":["../../../../../src/components/AutoCompleteCanary/useAutoComplete.ts"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { scrollToIndex } from '##/components/SelectComponents/useSelect/helpers';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useFlag } from '##/hooks/useFlag';\nimport { KeyHandler, useKeys } from '##/hooks/useKeysDeprecated';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { AutoCompletePropOnChange } from './types';\n\ntype IndexForHighlight = number \| ((oldIndex: number) => number);\n\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string \| number \| undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string \| number \| undefined;\n\ntype UseAutoCompleteProps<ITEM, GROUP> = {\n getItemGroupKey?: GetItemGroupKey<ITEM> \| undefined;\n getGroupKey?: GetGroupKey<GROUP>;\n groups?: GROUP[];\n items: ITEM[];\n dropdownRef: React.MutableRefObject<HTMLDivElement \| null>;\n disabled?: boolean;\n getItemLabel: (item: ITEM) => string;\n getItemKey: (item: ITEM) => string \| number;\n searchFunction?: (item: ITEM, searchValue: string) => boolean;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n searchValue?: string;\n onChange?: AutoCompletePropOnChange<'text'>;\n isLoading?: boolean;\n dropdownOpen?: boolean;\n onDropdownOpen?: (isOpen: boolean) => void;\n ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n};\n\ntype OptionProps<ITEM> = {\n index: number;\n item: ITEM;\n keyPrefix: number;\n};\n\ntype GetOptionPropsResult = {\n onClick: (e: React.MouseEvent) => void;\n onMouseEnter: (e: React.MouseEvent) => void;\n active: boolean;\n hovered: boolean;\n key: string \| number;\n};\n\nexport function useAutoComplete<ITEM, GROUP>(\n params: UseAutoCompleteProps<ITEM, GROUP>,\n) {\n const {\n items,\n dropdownRef,\n disabled = false,\n getItemLabel,\n getItemKey,\n searchFunction,\n getItemGroupKey,\n groups,\n getGroupKey,\n onFocus,\n isLoading,\n dropdownOpen,\n onDropdownOpen,\n ignoreOutsideClicksRefs,\n searchValue = '',\n onChange,\n } = params;\n\n const inputRef = useRef<HTMLInputElement>(null);\n\n const [isOpen, setIsOpen] = useFlag();\n const [highlightedIndex, setHighlightedIndex] = useState<number>(-1);\n\n const handleChange: AutoCompletePropOnChange<'text'> = (value, props) => {\n if (!disabled && onChange) {\n onChange(value, props);\n }\n inputRef.current?.focus();\n setHighlightedIndex(-1);\n };\n\n const searchFunctionDefault = (item: ITEM, searchValue: string) => {\n if (!searchValue) {\n return false;\n }\n return (\n getItemLabel(item)\n .toLocaleLowerCase()\n .indexOf(searchValue.toLocaleLowerCase()) !== -1\n );\n };\n\n const filteredOptions = useMemo(\n () =>\n items.filter((item) =>\n searchFunction\n ? searchFunction(item, searchValue \|\| '')\n : searchFunctionDefault(item, searchValue \|\| ''),\n ),\n [searchValue, items],\n );\n\n const visibleItems = useMemo(() => {\n const resultGroups = getGroups(\n filteredOptions,\n groups?.length ? getItemGroupKey : undefined,\n groups,\n getGroupKey,\n undefined,\n );\n\n return resultGroups;\n }, [filteredOptions, groups, getItemGroupKey, getGroupKey]);\n\n const hasItems = useMemo(() => {\n return !!visibleItems.find((group) => group.items.length > 0);\n }, [visibleItems]);\n\n const highlightIndex = useCallback(\n (indexForHighlight: IndexForHighlight) => {\n setHighlightedIndex(\n Math.min(\n Math.max(\n 0,\n typeof indexForHighlight === 'function'\n ? indexForHighlight(highlightedIndex)\n : indexForHighlight,\n ),\n filteredOptions.length - 1,\n ),\n );\n },\n [filteredOptions, highlightedIndex],\n );\n\n const ArrowUp: KeyHandler = (_, e): void => {\n if (!disabled) {\n e.preventDefault();\n setIsOpen.on();\n highlightIndex((old) => old - 1);\n }\n };\n\n const ArrowDown: KeyHandler = (_, e): void => {\n if (!disabled) {\n e.preventDefault();\n setIsOpen.on();\n highlightIndex((old) => old + 1);\n }\n };\n\n const Enter: KeyHandler = (_, e): void => {\n if (isOpen) {\n if (searchValue \|\| filteredOptions[highlightedIndex]) {\n e.preventDefault();\n }\n\n const getItem = (index: number) => {\n let counter = 0;\n for (const group of visibleItems) {\n if (group.items.length + counter > index) {\n return group.items[index - counter];\n }\n counter += group.items.length;\n }\n return undefined;\n };\n\n const item = getItem(highlightedIndex);\n\n if (item) {\n handleChange(getItemLabel(item), { e });\n }\n } else {\n setIsOpen.on();\n }\n };\n\n const Escape: KeyHandler = (): void => {\n setIsOpen.off();\n };\n\n const Tab: KeyHandler = (_, e): void => {\n setIsOpen.off();\n if (isOpen && hasItems) {\n e.preventDefault();\n }\n };\n\n const getKeyProps = useKeys({\n ArrowUp,\n ArrowDown,\n PageUp: ArrowUp,\n PageDown: ArrowDown,\n Home: ArrowUp,\n End: ArrowDown,\n Enter,\n Escape,\n Tab,\n });\n\n const getOptionProps = ({\n index,\n item,\n }: OptionProps<ITEM>): GetOptionPropsResult => {\n const key = getItemKey(item) \|\| getItemLabel(item);\n\n return {\n onClick: (e: React.MouseEvent) => {\n handleChange(getItemLabel(item), { e });\n },\n onMouseEnter: () => {\n highlightIndex(index);\n },\n active: false,\n hovered: index === highlightedIndex,\n key,\n };\n };\n\n const optionsRefs = useRefs<HTMLDivElement>(filteredOptions.length, [isOpen]);\n\n const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (!disabled) {\n setIsOpen.on();\n\n if (typeof onFocus === 'function') {\n onFocus(e);\n }\n }\n };\n\n useClickOutside({\n isActive: isOpen,\n ignoreClicksInsideRefs: [dropdownRef, ...(ignoreOutsideClicksRefs \|\| [])],\n handler: setIsOpen.off,\n });\n\n useEffect(() => {\n if (disabled) {\n setIsOpen.off();\n inputRef.current?.blur();\n }\n }, [disabled]);\n\n useEffect(() => {\n if (filteredOptions.length > 0) {\n scrollToIndex(highlightedIndex, dropdownRef, optionsRefs, () =>\n highlightIndex(0),\n );\n }\n setIsOpen.on();\n }, [highlightedIndex]);\n\n useEffect(() => {\n onDropdownOpen?.(isOpen);\n if (isOpen) {\n setHighlightedIndex(0);\n }\n }, [isOpen]);\n\n useEffect(() => {\n setIsOpen.set(dropdownOpen \|\| false);\n }, [dropdownOpen]);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.value = searchValue;\n }\n }, [searchValue]);\n\n return {\n isOpen: Boolean(isOpen && (isLoading ? true : hasItems)),\n visibleItems,\n getOptionProps,\n handleInputFocus,\n inputRef,\n getKeyProps,\n hasItems,\n optionsRefs,\n handleChange,\n highlightedIndex,\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useAutoComplete.js","names":["useCallback","useEffect","useMemo","useRef","useState","scrollToIndex","useClickOutside","useFlag","useKeys","useRefs","getGroups","useAutoComplete","params","items","dropdownRef","disabled","getItemLabel","getItemKey","searchFunction","getItemGroupKey","groups","getGroupKey","onFocus","onBlur","isLoading","dropdownOpen","onDropdownOpen","ignoreOutsideClicksRefs","searchValue","onChange","inputRef","isOpen","setIsOpen","highlightedIndex","setHighlightedIndex","handleChange","value","props","current","focus","searchFunctionDefault","item","toLocaleLowerCase","indexOf","filteredOptions","filter","visibleItems","resultGroups","length","hasItems","find","group","highlightIndex","indexForHighlight","Math","min","max","ArrowUp","_","e","preventDefault","on","old","ArrowDown","returnIsOpen","getKeyProps","PageUp","PageDown","Home","End","Enter","getItem","index","counter","Escape","off","Tab","blur","optionsRefs","isActive","ignoreClicksInsideRefs","handler","set","getOptionProps","key","onClick","onMouseEnter","active","hovered","handleInputFocus","handleInputBlur"],"sources":["../../../../../src/components/AutoCompleteCanary/useAutoComplete.ts"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\n\nimport { scrollToIndex } from '##/components/SelectComponents/useSelect/helpers';\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useFlag } from '##/hooks/useFlag';\nimport { KeyHandler, useKeys } from '##/hooks/useKeysDeprecated';\nimport { useRefs } from '##/hooks/useRefs';\nimport { getGroups } from '##/utils/getGroups';\n\nimport { AutoCompletePropOnChange } from './types';\n\ntype IndexForHighlight = number \| ((oldIndex: number) => number);\n\ntype GetItemGroupKey<ITEM> = (item: ITEM) => string \| number \| undefined;\ntype GetGroupKey<GROUP> = (item: GROUP) => string \| number \| undefined;\n\ntype UseAutoCompleteProps<ITEM, GROUP> = {\n getItemGroupKey?: GetItemGroupKey<ITEM> \| undefined;\n getGroupKey?: GetGroupKey<GROUP>;\n groups?: GROUP[];\n items: ITEM[];\n dropdownRef: React.MutableRefObject<HTMLDivElement \| null>;\n disabled?: boolean;\n getItemLabel: (item: ITEM) => string;\n getItemKey: (item: ITEM) => string \| number;\n searchFunction?: (item: ITEM, searchValue: string) => boolean;\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n searchValue?: string;\n onChange?: AutoCompletePropOnChange<'text'>;\n isLoading?: boolean;\n dropdownOpen?: boolean;\n onDropdownOpen?: (isOpen: boolean) => void;\n ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n};\n\ntype OptionProps<ITEM> = {\n index: number;\n item: ITEM;\n keyPrefix: number;\n};\n\ntype GetOptionPropsResult = {\n onClick: (e: React.MouseEvent) => void;\n onMouseEnter: (e: React.MouseEvent) => void;\n active: boolean;\n hovered: boolean;\n key: string \| number;\n};\n\nexport function useAutoComplete<ITEM, GROUP>(\n params: UseAutoCompleteProps<ITEM, GROUP>,\n) {\n const {\n items,\n dropdownRef,\n disabled = false,\n getItemLabel,\n getItemKey,\n searchFunction,\n getItemGroupKey,\n groups,\n getGroupKey,\n onFocus,\n onBlur,\n isLoading,\n dropdownOpen,\n onDropdownOpen,\n ignoreOutsideClicksRefs,\n searchValue = '',\n onChange,\n } = params;\n\n const inputRef = useRef<HTMLInputElement>(null);\n\n const [isOpen, setIsOpen] = useFlag();\n const [highlightedIndex, setHighlightedIndex] = useState<number>(-1);\n\n const handleChange: AutoCompletePropOnChange<'text'> = (value, props) => {\n if (!disabled && onChange) {\n onChange(value, props);\n }\n inputRef.current?.focus();\n setHighlightedIndex(-1);\n };\n\n const searchFunctionDefault = (item: ITEM, searchValue: string) => {\n if (!searchValue) {\n return false;\n }\n return (\n getItemLabel(item)\n .toLocaleLowerCase()\n .indexOf(searchValue.toLocaleLowerCase()) !== -1\n );\n };\n\n const filteredOptions = useMemo(\n () =>\n items.filter((item) =>\n searchFunction\n ? searchFunction(item, searchValue \|\| '')\n : searchFunctionDefault(item, searchValue \|\| ''),\n ),\n [searchValue, items],\n );\n\n const visibleItems = useMemo(() => {\n const resultGroups = getGroups(\n filteredOptions,\n groups?.length ? getItemGroupKey : undefined,\n groups,\n getGroupKey,\n undefined,\n );\n\n return resultGroups;\n }, [filteredOptions, groups, getItemGroupKey, getGroupKey]);\n\n const hasItems = useMemo(() => {\n return !!visibleItems.find((group) => group.items.length > 0);\n }, [visibleItems]);\n\n const highlightIndex = useCallback(\n (indexForHighlight: IndexForHighlight) => {\n setHighlightedIndex(\n Math.min(\n Math.max(\n 0,\n typeof indexForHighlight === 'function'\n ? indexForHighlight(highlightedIndex)\n : indexForHighlight,\n ),\n filteredOptions.length - 1,\n ),\n );\n },\n [filteredOptions, highlightedIndex],\n );\n\n const ArrowUp: KeyHandler = (_, e): void => {\n if (!disabled) {\n e.preventDefault();\n setIsOpen.on();\n highlightIndex((old) => old - 1);\n }\n };\n\n const ArrowDown: KeyHandler = (_, e): void => {\n if (!disabled) {\n e.preventDefault();\n setIsOpen.on();\n highlightIndex((old) => old + 1);\n }\n };\n\n const Enter: KeyHandler = (_, e): void => {\n if (isOpen) {\n if (searchValue \|\| filteredOptions[highlightedIndex]) {\n e.preventDefault();\n }\n\n const getItem = (index: number) => {\n let counter = 0;\n for (const group of visibleItems) {\n if (group.items.length + counter > index) {\n return group.items[index - counter];\n }\n counter += group.items.length;\n }\n return undefined;\n };\n\n const item = getItem(highlightedIndex);\n\n if (item) {\n handleChange(getItemLabel(item), { e });\n }\n } else {\n setIsOpen.on();\n }\n };\n\n const Escape: KeyHandler = (): void => {\n setIsOpen.off();\n };\n\n const returnIsOpen = Boolean(isOpen && (isLoading ? true : hasItems));\n\n const Tab: KeyHandler = (_, e): void => {\n setIsOpen.off();\n if (returnIsOpen) {\n e.preventDefault();\n } else {\n inputRef.current?.blur();\n }\n };\n\n const getKeyProps = useKeys({\n ArrowUp,\n ArrowDown,\n PageUp: ArrowUp,\n PageDown: ArrowDown,\n Home: ArrowUp,\n End: ArrowDown,\n Enter,\n Escape,\n Tab,\n });\n\n const getOptionProps = ({\n index,\n item,\n }: OptionProps<ITEM>): GetOptionPropsResult => {\n const key = getItemKey(item) \|\| getItemLabel(item);\n\n return {\n onClick: (e: React.MouseEvent) => {\n handleChange(getItemLabel(item), { e });\n },\n onMouseEnter: () => {\n highlightIndex(index);\n },\n active: false,\n hovered: index === highlightedIndex,\n key,\n };\n };\n\n const optionsRefs = useRefs<HTMLDivElement>(filteredOptions.length, [isOpen]);\n\n const handleInputFocus = (e: React.FocusEvent<HTMLInputElement>): void => {\n if (!disabled) {\n setIsOpen.on();\n onFocus?.(e);\n }\n };\n\n const handleInputBlur = (e: React.FocusEvent<HTMLInputElement>): void => {\n onBlur?.(e);\n };\n\n useClickOutside({\n isActive: isOpen,\n ignoreClicksInsideRefs: [dropdownRef, ...(ignoreOutsideClicksRefs \|\| [])],\n handler: setIsOpen.off,\n });\n\n useEffect(() => {\n if (disabled) {\n setIsOpen.off();\n inputRef.current?.blur();\n }\n }, [disabled]);\n\n useEffect(() => {\n if (filteredOptions.length > 0) {\n scrollToIndex(highlightedIndex, dropdownRef, optionsRefs, () =>\n highlightIndex(0),\n );\n }\n setIsOpen.on();\n }, [highlightedIndex]);\n\n useEffect(() => {\n onDropdownOpen?.(returnIsOpen);\n\n if (returnIsOpen) {\n setHighlightedIndex(0);\n }\n }, [returnIsOpen]);\n\n useEffect(() => {\n setIsOpen.set(dropdownOpen \|\| false);\n }, [dropdownOpen]);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.value = searchValue;\n }\n }, [searchValue]);\n\n return {\n isOpen: returnIsOpen,\n visibleItems,\n getOptionProps,\n handleInputFocus,\n inputRef,\n getKeyProps,\n hasItems,\n optionsRefs,\n handleChange,\n highlightedIndex,\n handleInputBlur,\n };\n}\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","className","size","form","url","name","monochrome","style"];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"./Avatar.css";import React,{useMemo}from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";export var avatarPropSize=["m","s","xs","l"];export var avatarPropSizeDefault=avatarPropSize[0];export var avatarPropForm=["round","brick","default"];export var avatarPropFormDefault=avatarPropForm[0];export var cnAvatar=cn("Avatar");var MAX_COLOR_INDEX=17,getRandomInt=function(a){return Math.floor(Math.random()*Math.floor(a))};export var getColorIndexForName=function(a){var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:MAX_COLOR_INDEX,c=2<arguments.length?arguments[2]:void 0;if(c)return 18;var d=0;return d=a?a.split("").map(function(a){return a.charCodeAt(0)}).reduce(function(a,b){return a+b},0)%b:getRandomInt(b),d};export var getInitialsForName=function(a){if(!a)return"";var b=a.split(" "),c=b[0]?b[0][0]:"",d=b[1]?b[1][0]:"";return"".concat(c.toUpperCase()).concat(d.toUpperCase())};export var Avatar=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.className,f=a.size,g=void 0===f?avatarPropSizeDefault:f,h=a.form,i=void 0===h?avatarPropFormDefault:h,j=a.url,k=a.name,l=a.monochrome,m=a.style,n=_objectWithoutProperties(a,_excluded),o=useMemo(function(){return getInitialsForName(k)},[k]),p=useMemo(function(){return getColorIndexForName(k,MAX_COLOR_INDEX,l)},[k,l]);return React.createElement(d,Object.assign({},n,{style:j?m:_objectSpread(_objectSpread({},m),{},{"--avatar-color":"var(--avatar-color-".concat(p,")")}),className:cnAvatar({size:g,form:i,monochrome:j?l:void 0},[e]),ref:b}),j&&React.createElement("img",{className:cnAvatar("Image"),src:j,alt:k}),!j&&o)});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","className","size","form","url","name","monochrome","style"];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"./Avatar.css";import React,{useMemo}from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{getColorIndexForName,getInitialsForName,MAX_COLOR_INDEX}from"./helpers";export var avatarPropSize=["m","s","xs","l"];export var avatarPropSizeDefault=avatarPropSize[0];export var avatarPropForm=["round","brick","default"];export var avatarPropFormDefault=avatarPropForm[0];export var cnAvatar=cn("Avatar");export var Avatar=forwardRefWithAs(function(a,b){var c=a.as,d=void 0===c?"div":c,e=a.className,f=a.size,g=void 0===f?avatarPropSizeDefault:f,h=a.form,i=void 0===h?avatarPropFormDefault:h,j=a.url,k=a.name,l=a.monochrome,m=a.style,n=_objectWithoutProperties(a,_excluded),o=useMemo(function(){return getInitialsForName(k)},[k]),p=useMemo(function(){return getColorIndexForName(k,MAX_COLOR_INDEX,l)},[k,l]);return React.createElement(d,Object.assign({},n,{style:j?m:_objectSpread(_objectSpread({},m),{},{"--avatar-color":"var(--avatar-color-".concat(p,")")}),className:cnAvatar({size:g,form:i,monochrome:j?l:void 0},[e]),ref:b}),j&&React.createElement("img",{className:cnAvatar("Image"),src:j,alt:k}),!j&&o)});
 //# sourceMappingURL=Avatar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","names":["React","useMemo","cn","forwardRefWithAs","~~avatarPropSize~~","~~avatarPropSizeDefault~~","~~avatarPropForm","avatarPropFormDefault","cnAvatar","~~MAX_COLOR_INDEX","~~getRandomInt~~","~~max~~","~~Math~~","~~floor~~","~~random~~","~~getColorIndexForName","name","maxIndex","monochrome","index","split","map","c","charCodeAt","reduce","acc","code","getInitialsForName","words","firstLetter","secondLatter","toUpperCase","~~Avatar","props","ref","as","className","size","form","url","style","otherProps","initials","colorIndex"],"sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import './Avatar.css';\n\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\n\nexport const avatarPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarPropSize = typeof avatarPropSize[number];\nexport const avatarPropSizeDefault: AvatarPropSize = avatarPropSize[0];\n\nexport const avatarPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarPropForm = typeof avatarPropForm[number];\nexport const avatarPropFormDefault: AvatarPropForm = avatarPropForm[0];\n\ntype Props = {\n url?: string;\n name?: string;\n size?: AvatarPropSize;\n form?: AvatarPropForm;\n children?: never;\n monochrome?: boolean;\n};\n\nexport const cnAvatar = cn('Avatar');\n\~~nconst MAX_COLOR_INDEX = 17;\n\nconst getRandomInt = (max: number) => {\n return Math.floor(Math.random() * Math.floor(max));\n};\n\~~nexport const getColorIndexForName = (\n name: string \| undefined,\n maxIndex: number = MAX_COLOR_INDEX,\n monochrome?: boolean,\n) => {\n if (monochrome) {\n return MAX_COLOR_INDEX + 1;\n }\n\n let index = 0;\n\n if (name) {\n index =\n name\n .split('')\n .map((c) => c.charCodeAt(0))\n .reduce((acc, code) => acc + code, 0) % maxIndex;\n } else {\n index = getRandomInt(maxIndex);\n }\n\n return index;\n};\n\nexport const getInitialsForName = (name: string \| undefined) => {\n if (!name) {\n return '';\n }\n\n const words = name.split(' ');\n const firstLetter = words[0] ? words[0][0] : '';\n const secondLatter = words[1] ? words[1][0] : '';\n\n return `${firstLetter.toUpperCase()}${secondLatter.toUpperCase()}`;\n};\n\nexport const Avatar = forwardRefWithAs<Props>((props, ref) => {\n const {\n as = 'div',\n className,\n size = avatarPropSizeDefault,\n form = avatarPropFormDefault,\n url,\n name,\n monochrome,\n style,\n ...otherProps\n } = props;\n const Tag = as as string;\n const initials = useMemo(() => getInitialsForName(name), [name]);\n const colorIndex = useMemo(\n () => getColorIndexForName(name, MAX_COLOR_INDEX, monochrome),\n [name, monochrome],\n );\n\n return (\n <Tag\n {...otherProps}\n style={\n !url\n ? { ...style, '--avatar-color': `var(--avatar-color-${colorIndex})` }\n : style\n }\n className={cnAvatar(\n { size, form, monochrome: url ? monochrome : undefined },\n [className],\n )}\n ref={ref}\n >\n {url && <img className={cnAvatar('Image')} src={url} alt={name} />}\n {!url && initials}\n </Tag>\n );\n});\n"],"mappings":"20BAAA,qBAEA,MAAOA,MAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+~~CAEA~~,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAWP,MAAO,IAAME,SAAQ,~~CAAGN~~,EAAE,CAAC,QAAD,CAAnB,C,~~GAEDO,gBAAe,CAAG,E,CAElBC,YAAY,CAAG,SAACC,CAAD,CAAiB,CACpC,MAAOC,KAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,GAAgBF,IAAI,CAACC,KAAL,CAAWF,CAAX,CAA3B,CACR,C,CAED,~~MAAO,~~IAAMI~~,qBAAoB,CAAG,SAClCC,CADkC,CAI/B,IAFHC,EAEG,wDAFgBR,eAEhB,CADHS,CACG,wCACH,GAAIA,CAAJ,CACE,UAGF,GAAIC,EAAK,CAAG,CAAZ,CAYA,MATEA,EASF,CAVIH,CAUJ,CARIA,CAAI,CACDI,KADH,CACS,EADT,EAEGC,GAFH,CAEO,SAACC,CAAD,QAAOA,EAAC,CAACC,UAAF,CAAa,CAAb,CAAP,CAFP,EAGGC,MAHH,CAGU,SAACC,CAAD,CAAMC,CAAN,QAAeD,EAAG,CAAGC,CAArB,CAHV,CAGqC,CAHrC,EAG0CT,CAK9C,CAHUP,YAAY,CAACO,CAAD,CAGtB,CAAOE,CACR,CAtBM,CAwBP,MAAO,IAAMQ,mBAAkB,CAAG,SAACX,CAAD,CAA8B,CAC9D,GAAI,CAACA,CAAL,CACE,MAAO,EAAP,CAF4D,GAKxDY,EAAK,CAAGZ,CAAI,CAACI,KAAL,CAAW,GAAX,CALgD,CAMxDS,CAAW,CAAGD,CAAK,CAAC,CAAD,CAAL,CAAWA,CAAK,CAAC,CAAD,CAAL,CAAS,CAAT,CAAX,CAAyB,EANiB,CAOxDE,CAAY,CAAGF,CAAK,CAAC,CAAD,CAAL,CAAWA,CAAK,CAAC,CAAD,CAAL,CAAS,CAAT,CAAX,CAAyB,EAPgB,CAS9D,gBAAUC,CAAW,CAACE,WAAZ,EAAV,SAAsCD,CAAY,CAACC,WAAb,EAAtC,CACD,CAVM,CAYP,MAAO,IAAMC,OAAM,~~CAAG7B~~,gBAAgB,CAAQ,~~SAAC8B~~,CAAD,CAAQC,CAAR,CAAgB,OAWxDD,CAXwD,CAE1DE,EAF0D,CAE1DA,CAF0D,YAErD,KAFqD,GAG1DC,CAH0D,CAWxDH,CAXwD,CAG1DG,SAH0D,GAWxDH,CAXwD,CAI1DI,IAJ0D,CAI1DA,CAJ0D,~~YAInDhC~~,qBAJmD,~~KAWxD4B~~,CAXwD,CAK1DK,IAL0D,CAK1DA,CAL0D,~~YAKnD/B~~,qBALmD,~~GAM1DgC~~,CAN0D,CAWxDN,CAXwD,CAM1DM,GAN0D,~~CAO1DvB~~,CAP0D,~~CAWxDiB~~,CAXwD,~~CAO1DjB~~,IAP0D,~~CAQ1DE~~,CAR0D,~~CAWxDe~~,CAXwD,~~CAQ1Df~~,UAR0D,~~CAS1DsB~~,CAT0D,~~CAWxDP~~,CAXwD,~~CAS1DO~~,KAT0D,CAUvDC,CAVuD,~~0BAWxDR~~,CAXwD,~~YAatDS~~,CAAQ,~~CAAGzC~~,OAAO,CAAC,~~iBAAM0B~~,mBAAkB,~~CAACX~~,CAAD,CAAxB,CAAD,CAAiC,CAACA,CAAD,CAAjC,CAboC,~~CActD2B~~,CAAU,~~CAAG1C~~,OAAO,CACxB,~~iBAAMc~~,qBAAoB,~~CAACC~~,CAAD,~~CAAOP~~,eAAP,~~CAAwBS~~,CAAxB,CAA1B,CADwB,CAExB,~~CAACF~~,CAAD,~~CAAOE~~,CAAP,CAFwB,CAdkC,CAmB5D,MACE,~~qBARUiB~~,CAQV,~~kBACMM~~,CADN,EAEE,KAAK,~~CACFF~~,CAAD,~~CAEIC~~,CAFJ,gCACSA,CADT,MACgB,8CAAwCG,CAAxC,KADhB,EAHJ,CAOE,SAAS,~~CAAEnC~~,QAAQ,CACjB,~~CAAE6B~~,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,~~CAAcpB~~,UAAU,~~CAAEqB~~,CAAG,~~CAAGrB~~,CAAH,OAA7B,CADiB,CAEjB,~~CAACkB~~,CAAD,CAFiB,CAPrB,CAWE,GAAG,CAAEF,CAXP,GAaGK,CAAG,EAAI,2BAAK,SAAS,~~CAAE/B~~,QAAQ,CAAC,OAAD,CAAxB,CAAmC,GAAG,~~CAAE+B~~,CAAxC,CAA6C,GAAG,~~CAAEvB~~,CAAlD,EAbV,CAcG,~~CAACuB~~,CAAD,~~EAAQG~~,CAdX,CAiBH,CArCqC,CAA/B"}
1	+ {"version":3,"file":"Avatar.js","names":["React","useMemo","cn","forwardRefWithAs","getColorIndexForName","getInitialsForName","MAX_COLOR_INDEX","avatarPropSize","avatarPropSizeDefault","avatarPropForm","avatarPropFormDefault","cnAvatar","Avatar","props","ref","as","className","size","form","url","name","monochrome","style","otherProps","initials","colorIndex"],"sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import './Avatar.css';\n\nimport React, { useMemo } from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport {\n getColorIndexForName,\n getInitialsForName,\n MAX_COLOR_INDEX,\n} from './helpers';\n\nexport const avatarPropSize = ['m', 's', 'xs', 'l'] as const;\nexport type AvatarPropSize = typeof avatarPropSize[number];\nexport const avatarPropSizeDefault: AvatarPropSize = avatarPropSize[0];\n\nexport const avatarPropForm = ['round', 'brick', 'default'] as const;\nexport type AvatarPropForm = typeof avatarPropForm[number];\nexport const avatarPropFormDefault: AvatarPropForm = avatarPropForm[0];\n\ntype Props = {\n url?: string;\n name?: string;\n size?: AvatarPropSize;\n form?: AvatarPropForm;\n children?: never;\n monochrome?: boolean;\n};\n\nexport const cnAvatar = cn('Avatar');\n\nexport const Avatar = forwardRefWithAs<Props>((props, ref) => {\n const {\n as = 'div',\n className,\n size = avatarPropSizeDefault,\n form = avatarPropFormDefault,\n url,\n name,\n monochrome,\n style,\n ...otherProps\n } = props;\n const Tag = as as string;\n const initials = useMemo(() => getInitialsForName(name), [name]);\n const colorIndex = useMemo(\n () => getColorIndexForName(name, MAX_COLOR_INDEX, monochrome),\n [name, monochrome],\n );\n\n return (\n <Tag\n {...otherProps}\n style={\n !url\n ? { ...style, '--avatar-color': `var(--avatar-color-${colorIndex})` }\n : style\n }\n className={cnAvatar(\n { size, form, monochrome: url ? monochrome : undefined },\n [className],\n )}\n ref={ref}\n >\n {url && <img className={cnAvatar('Image')} src={url} alt={name} />}\n {!url && initials}\n </Tag>\n );\n});\n"],"mappings":"20BAAA,qBAEA,MAAOA,MAAP,EAAgBC,OAAhB,KAA+B,OAA/B,CAEA,OAASC,EAAT,uBACA,OAASC,gBAAT,+CACA,OACEC,oBADF,CAEEC,kBAFF,CAGEC,eAHF,iBAMA,MAAO,IAAMC,eAAc,CAAG,CAAC,GAAD,CAAM,GAAN,CAAW,IAAX,CAAiB,GAAjB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAEP,MAAO,IAAME,eAAc,CAAG,CAAC,OAAD,CAAU,OAAV,CAAmB,SAAnB,CAAvB,CAEP,MAAO,IAAMC,sBAAqC,CAAGD,cAAc,CAAC,CAAD,CAA5D,CAWP,MAAO,IAAME,SAAQ,CAAGT,EAAE,CAAC,QAAD,CAAnB,CAEP,MAAO,IAAMU,OAAM,CAAGT,gBAAgB,CAAQ,SAACU,CAAD,CAAQC,CAAR,CAAgB,OAWxDD,CAXwD,CAE1DE,EAF0D,CAE1DA,CAF0D,YAErD,KAFqD,GAG1DC,CAH0D,CAWxDH,CAXwD,CAG1DG,SAH0D,GAWxDH,CAXwD,CAI1DI,IAJ0D,CAI1DA,CAJ0D,YAInDT,qBAJmD,KAWxDK,CAXwD,CAK1DK,IAL0D,CAK1DA,CAL0D,YAKnDR,qBALmD,GAM1DS,CAN0D,CAWxDN,CAXwD,CAM1DM,GAN0D,CAO1DC,CAP0D,CAWxDP,CAXwD,CAO1DO,IAP0D,CAQ1DC,CAR0D,CAWxDR,CAXwD,CAQ1DQ,UAR0D,CAS1DC,CAT0D,CAWxDT,CAXwD,CAS1DS,KAT0D,CAUvDC,CAVuD,0BAWxDV,CAXwD,YAatDW,CAAQ,CAAGvB,OAAO,CAAC,iBAAMI,mBAAkB,CAACe,CAAD,CAAxB,CAAD,CAAiC,CAACA,CAAD,CAAjC,CAboC,CActDK,CAAU,CAAGxB,OAAO,CACxB,iBAAMG,qBAAoB,CAACgB,CAAD,CAAOd,eAAP,CAAwBe,CAAxB,CAA1B,CADwB,CAExB,CAACD,CAAD,CAAOC,CAAP,CAFwB,CAdkC,CAmB5D,MACE,qBARUN,CAQV,kBACMQ,CADN,EAEE,KAAK,CACFJ,CAAD,CAEIG,CAFJ,gCACSA,CADT,MACgB,8CAAwCG,CAAxC,KADhB,EAHJ,CAOE,SAAS,CAAEd,QAAQ,CACjB,CAAEM,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcG,UAAU,CAAEF,CAAG,CAAGE,CAAH,OAA7B,CADiB,CAEjB,CAACL,CAAD,CAFiB,CAPrB,CAWE,GAAG,CAAEF,CAXP,GAaGK,CAAG,EAAI,2BAAK,SAAS,CAAER,QAAQ,CAAC,OAAD,CAAxB,CAAmC,GAAG,CAAEQ,CAAxC,CAA6C,GAAG,CAAEC,CAAlD,EAbV,CAcG,CAACD,CAAD,EAAQK,CAdX,CAiBH,CArCqC,CAA/B"}

package/__internal__/src/components/Avatar/helpers.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export var MAX_COLOR_INDEX=17;export var getRandomInt=function(a){return Math.floor(Math.random()*Math.floor(a))};export var getColorIndexForName=function(a){var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:MAX_COLOR_INDEX,c=2<arguments.length?arguments[2]:void 0;if(c)return 18;var d=0;return d=a?a.split("").map(function(a){return a.charCodeAt(0)}).reduce(function(a,b){return a+b},0)%b:getRandomInt(b),d};export var getInitialsForName=function(a){if(!a)return"";var b=a.split(" "),c=b[0]?b[0][0]:"",d=b[1]?b[1][0]:"";return"".concat(c.toUpperCase()).concat(d.toUpperCase())};
2	+ //# sourceMappingURL=helpers.js.map

package/__internal__/src/components/Avatar/helpers.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"helpers.js","names":["MAX_COLOR_INDEX","getRandomInt","max","Math","floor","random","getColorIndexForName","name","maxIndex","monochrome","index","split","map","c","charCodeAt","reduce","acc","code","getInitialsForName","words","firstLetter","secondLatter","toUpperCase"],"sources":["../../../../../src/components/Avatar/helpers.ts"],"sourcesContent":["export const MAX_COLOR_INDEX = 17;\n\nexport const getRandomInt = (max: number) => {\n return Math.floor(Math.random() * Math.floor(max));\n};\n\nexport const getColorIndexForName = (\n name: string | undefined,\n maxIndex: number = MAX_COLOR_INDEX,\n monochrome?: boolean,\n) => {\n if (monochrome) {\n return MAX_COLOR_INDEX + 1;\n }\n\n let index = 0;\n\n if (name) {\n index =\n name\n .split('')\n .map((c) => c.charCodeAt(0))\n .reduce((acc, code) => acc + code, 0) % maxIndex;\n } else {\n index = getRandomInt(maxIndex);\n }\n\n return index;\n};\n\nexport const getInitialsForName = (name: string | undefined) => {\n if (!name) {\n return '';\n }\n\n const words = name.split(' ');\n const firstLetter = words[0] ? words[0][0] : '';\n const secondLatter = words[1] ? words[1][0] : '';\n\n return `${firstLetter.toUpperCase()}${secondLatter.toUpperCase()}`;\n};\n"],"mappings":"AAAA,MAAO,IAAMA,gBAAe,CAAG,EAAxB,CAEP,MAAO,IAAMC,aAAY,CAAG,SAACC,CAAD,CAAiB,CAC3C,MAAOC,KAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,GAAgBF,IAAI,CAACC,KAAL,CAAWF,CAAX,CAA3B,CACR,CAFM,CAIP,MAAO,IAAMI,qBAAoB,CAAG,SAClCC,CADkC,CAI/B,IAFHC,EAEG,wDAFgBR,eAEhB,CADHS,CACG,wCACH,GAAIA,CAAJ,CACE,UAGF,GAAIC,EAAK,CAAG,CAAZ,CAYA,MATEA,EASF,CAVIH,CAUJ,CARIA,CAAI,CACDI,KADH,CACS,EADT,EAEGC,GAFH,CAEO,SAACC,CAAD,QAAOA,EAAC,CAACC,UAAF,CAAa,CAAb,CAAP,CAFP,EAGGC,MAHH,CAGU,SAACC,CAAD,CAAMC,CAAN,QAAeD,EAAG,CAAGC,CAArB,CAHV,CAGqC,CAHrC,EAG0CT,CAK9C,CAHUP,YAAY,CAACO,CAAD,CAGtB,CAAOE,CACR,CAtBM,CAwBP,MAAO,IAAMQ,mBAAkB,CAAG,SAACX,CAAD,CAA8B,CAC9D,GAAI,CAACA,CAAL,CACE,MAAO,EAAP,CAF4D,GAKxDY,EAAK,CAAGZ,CAAI,CAACI,KAAL,CAAW,GAAX,CALgD,CAMxDS,CAAW,CAAGD,CAAK,CAAC,CAAD,CAAL,CAAWA,CAAK,CAAC,CAAD,CAAL,CAAS,CAAT,CAAX,CAAyB,EANiB,CAOxDE,CAAY,CAAGF,CAAK,CAAC,CAAD,CAAL,CAAWA,CAAK,CAAC,CAAD,CAAL,CAAS,CAAT,CAAX,CAAyB,EAPgB,CAS9D,gBAAUC,CAAW,CAACE,WAAZ,EAAV,SAAsCD,CAAY,CAACC,WAAb,EAAtC,CACD,CAVM"}

package/__internal__/src/components/Badge/Badge.css CHANGED Viewed

@@ -1,3 +1,3 @@
 .Badge{--badge-bg-color-var:var(--badge-bg-color-prop,var(--badge-bg-color));--badge-text-color-var:var(--badge-text-color-prop,var(--badge-text-color));--badge-border-color-var:var(
-    --badge-border-color-prop,var(--badge-border-color)
-  );align-items:center;box-sizing:border-box;color:var(--badge-text-color-var);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horizontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color-var)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color-var)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color-var) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color-var);width:var(--badge-size)}.Badge-Icon{flex:1}
+      --badge-border-color-prop,var(--badge-border-color)
+    );align-items:center;box-sizing:border-box;color:var(--badge-text-color-var);display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);padding:0 var(--badge-horizontal-padding);text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_view_filled{background:var(--badge-bg-color-var)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color-var)}.Badge_view_tinted{background:color-mix(in srgb,var(--badge-bg-color-var) var(--badge-degree-mixing),var(--color-bg-default))}.Badge_counter{justify-content:center;padding:0;text-align:center;width:var(--badge-size)}.Badge_minified{background:transparent;border:var(--badge-minified-border-size) solid transparent;border-radius:99em;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color-var);width:var(--badge-size)}.Badge-Icon{flex:1}

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","size","form","view","withNavigationButtons","onMouseLeave","className","id"];import"./BookmarkTabs.css";import{IconAdd}from"@consta/icons/IconAdd";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef,useMemo,useState}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";import{Button}from"../Button";import{BookmarkTabsTab}from"./BookmarkTabsTab";import{withDefaultGetters}from"./helper";import{bookmarkTabsPropFormDefault,bookmarkTabsPropSizeDefault,bookmarkTabsPropViewDefault}from"./types";import{useBookmarkTabs}from"./useBookmarkTabs";export var cnBookmarkTabs=cn("BookmarkTabs");var renderItemDefault=function(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(BookmarkTabsTab,Object.assign({},d,f,{as:e}))},BookmarkTabsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.value,g=c.onCreate,h=c.getItemKey,i=c.getItemLabel,j=c.getItemLeftIcon,k=c.getItemRightIcon,l=c.getItemAs,m=c.getItemRef,n=c.getItemAttributes,o=c.getItemFixed,p=c.onChange,q=c.onRemove,r=c.renderItem,s=void 0===r?renderItemDefault:r,t=c.size,u=void 0===t?bookmarkTabsPropSizeDefault:t,v=c.form,w=void 0===v?bookmarkTabsPropFormDefault:v,x=c.view,y=void 0===x?bookmarkTabsPropViewDefault:x,z=c.withNavigationButtons,A=c.onMouseLeave,B=c.className,C=c.id,D=_objectWithoutProperties(c,_excluded2),E=useState(null),F=_slicedToArray(E,2),G=F[0],H=F[1],I=function(a){return!!f&&h(a)===h(f)},J=useBookmarkTabs({items:e,getItemFixed:o,size:u,withNavigationButtons:z,withAddButton:!!g}),K=J.refs,L=J.fixedTabs,M=J.fixedTabsRef,N=J.otherTabs,O=J.otherTabsRef,P=J.showControls,Q=J.wrapperRef,R=J.containerRef,S=J.controlsRef,T=J.addButtonRef,U=J.navigate,V=J.sizes,W=useComponentSize(M),X=W.width,Y=function(a,b,c,d,e,f){var g;return React.createElement("div",{className:cnBookmarkTabs("Tab"),onMouseEnter:function onMouseEnter(){return H(e)},onFocus:function onFocus(){return H(e)},ref:c},s({item:a,onClick:function onClick(b){return null===p||void 0===p?void 0:p(a,{e:b})},active:I(a),label:i(a),leftIcon:j(a),rightIcon:k(a),as:null!==(g=l(a))&&void 0!==g?g:"div",attributes:n(a),tabRef:m(a),fixed:b,bordered:d,onClose:q?function(b){return q(a,{e:b})}:void 0,size:u,view:y,hovered:G===e,form:w,tabWidth:f}))},Z=useMemo(function(){var a=[].concat(_toConsumableArray(L),_toConsumableArray(N)),b=f?a.indexOf(f):-1;return Array.from(Array(a.length-1).keys()).filter(function(a){return"round"!==w||a!==b&&a!==b-1})},[L,N,f,w]);return React.createElement("div",Object.assign({className:cnBookmarkTabs({size:u,view:y,form:w},[B]),ref:useForkRef([b,R]),id:C,onMouseLeave:function onMouseLeave(a){null===A||void 0===A?void 0:A(a),H(null)}},D),P&&React.createElement("div",{ref:S,className:cnBookmarkTabs("ScrollControls")},React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("prev")},iconLeft:IconArrowLeft,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("next")},iconLeft:IconArrowRight,onlyIcon:!0}))),React.createElement("div",{ref:Q,className:cnBookmarkTabs("Wrapper",cnMixScrollBar({invisible:!0}))},React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","max-content"),ref:M,className:cnBookmarkTabs("List")},L.map(function(a,b){return React.createElement(React.Fragment,{key:h(a)},Y(a,!0,K[b],Z.includes(b),b))})),React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","calc(100% - ".concat(X,"px)")),className:cnBookmarkTabs("List"),ref:O},N.map(function(a,b){var c=L.length;return React.createElement(React.Fragment,{key:h(a)},Y(a,!1,K[c+b],Z.includes(c+b),c+b,V[b]))}))),g&&React.createElement("div",{ref:T,className:cnBookmarkTabs("Button",{type:"add"})},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:g,iconLeft:IconAdd,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Empty")}))};export var BookmarkTabs=forwardRef(BookmarkTabsRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes","as"],_excluded2=["items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","size","form","view","withNavigationButtons","onMouseLeave","className","id"];import"./BookmarkTabs.css";import{IconAdd}from"@consta/icons/IconAdd";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef,useMemo,useState}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{cn}from"../../utils/bem";import{Button}from"../Button";import{BookmarkTabsTab}from"./BookmarkTabsTab";import{withDefaultGetters}from"./helper";import{bookmarkTabsPropFormDefault,bookmarkTabsPropSizeDefault,bookmarkTabsPropViewDefault}from"./types";import{useBookmarkTabs}from"./useBookmarkTabs";export var cnBookmarkTabs=cn("BookmarkTabs");var renderItemDefault=function(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=a.as,f=_objectWithoutProperties(a,_excluded);return React.createElement(BookmarkTabsTab,Object.assign({},d,f,{as:e}))},BookmarkTabsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.value,g=c.onCreate,h=c.getItemKey,i=c.getItemLabel,j=c.getItemLeftIcon,k=c.getItemRightIcon,l=c.getItemAs,m=c.getItemRef,n=c.getItemAttributes,o=c.getItemFixed,p=c.onChange,q=c.onRemove,r=c.renderItem,s=void 0===r?renderItemDefault:r,t=c.size,u=void 0===t?bookmarkTabsPropSizeDefault:t,v=c.form,w=void 0===v?bookmarkTabsPropFormDefault:v,x=c.view,y=void 0===x?bookmarkTabsPropViewDefault:x,z=c.withNavigationButtons,A=c.onMouseLeave,B=c.className,C=c.id,D=_objectWithoutProperties(c,_excluded2),E=useState(null),F=_slicedToArray(E,2),G=F[0],H=F[1],I=function(a){return!!f&&h(a)===h(f)},J=useBookmarkTabs({items:e,getItemFixed:o,size:u,withNavigationButtons:z,withAddButton:!!g}),K=J.refs,L=J.fixedTabs,M=J.fixedTabsRef,N=J.otherTabs,O=J.otherTabsRef,P=J.showControls,Q=J.wrapperRef,R=J.containerRef,S=J.controlsRef,T=J.addButtonRef,U=J.navigate,V=J.sizes,W=useComponentSize(M),X=W.width,Y=function(a,b,c,d,e,f){var g;return React.createElement("div",{className:cnBookmarkTabs("Tab"),onMouseEnter:function onMouseEnter(){return H(e)},onFocus:function onFocus(){return H(e)},ref:c},s({item:a,onClick:function onClick(b){return null===p||void 0===p?void 0:p(a,{e:b})},active:I(a),label:i(a),leftIcon:j(a),rightIcon:k(a),as:null!==(g=l(a))&&void 0!==g?g:"div",attributes:n(a),tabRef:m(a),fixed:b,bordered:d,onClose:q?function(b){return q(a,{e:b})}:void 0,size:u,view:y,hovered:G===e,form:w,tabWidth:f}))},Z=useMemo(function(){var a=[].concat(_toConsumableArray(L),_toConsumableArray(N)),b=f?a.indexOf(f):-1;return Array.from(Array(a.length).keys()).slice(void 0,-1).filter(function(a){return"round"!==w||a!==b&&a!==b-1})},[L,N,f,w]);return React.createElement("div",Object.assign({className:cnBookmarkTabs({size:u,view:y,form:w},[B]),ref:useForkRef([b,R]),id:C,onMouseLeave:function onMouseLeave(a){null===A||void 0===A?void 0:A(a),H(null)}},D),P&&React.createElement("div",{ref:S,className:cnBookmarkTabs("ScrollControls")},React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("prev")},iconLeft:IconArrowLeft,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return U("next")},iconLeft:IconArrowRight,onlyIcon:!0}))),React.createElement("div",{ref:Q,className:cnBookmarkTabs("Wrapper",cnMixScrollBar({invisible:!0}))},React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","max-content"),ref:M,className:cnBookmarkTabs("List")},L.map(function(a,b){return React.createElement(React.Fragment,{key:h(a)},Y(a,!0,K[b],Z.includes(b),b))})),React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","calc(100% - ".concat(X,"px)")),className:cnBookmarkTabs("List"),ref:O},N.map(function(a,b){var c=L.length;return React.createElement(React.Fragment,{key:h(a)},Y(a,!1,K[c+b],Z.includes(c+b),c+b,V[b]))}))),g&&React.createElement("div",{ref:T,className:cnBookmarkTabs("Button",{type:"add"})},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:g,iconLeft:IconAdd,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Empty")}))};export var BookmarkTabs=forwardRef(BookmarkTabsRender);
 //# sourceMappingURL=BookmarkTabs.js.map