@consta/uikit 5.17.0 → 5.18.0

package/__internal__/src/components/AutoCompleteCanary/AutoCompleteTypeTextArray/AutoCompleteTypeTextArray.js

@@ -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

@@ -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":"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"}
+{"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":"ilBAAA,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,GAqC9BE,CArC8B,CAGhCC,KAHgC,CAGhCA,CAHgC,YAGxB,EAHwB,KAqC9BD,CArC8B,CAIhCE,MAJgC,CAIhCA,CAJgC,YAIvB,EAJuB,KAqC9BF,CArC8B,CAKhCG,QALgC,CAKhCA,CALgC,eAMhCC,CANgC,CAqC9BJ,CArC8B,CAMhCI,YANgC,CAOhCC,CAPgC,CAqC9BL,CArC8B,CAOhCK,UAPgC,CAQhCC,CARgC,CAqC9BN,CArC8B,CAQhCM,SARgC,CAShCC,CATgC,CAqC9BP,CArC8B,CAShCO,eATgC,CAUhCC,CAVgC,CAqC9BR,CArC8B,CAUhCQ,WAVgC,CAWhCC,CAXgC,CAqC9BT,CArC8B,CAWhCS,aAXgC,CAYhCC,CAZgC,CAqC9BV,CArC8B,CAYhCU,QAZgC,CAahCC,CAbgC,CAqC9BX,CArC8B,CAahCW,OAbgC,CAcnBC,CAdmB,CAqC9BZ,CArC8B,CAchCa,WAdgC,CAehCC,CAfgC,CAqC9Bd,CArC8B,CAehCc,iBAfgC,GAqC9Bd,CArC8B,CAgBhCe,YAhBgC,CAgBhCA,CAhBgC,YAgBjB,SAhBiB,GAiBhCC,CAjBgC,CAqC9BhB,CArC8B,CAiBhCgB,KAjBgC,GAqC9BhB,CArC8B,CAkBhCiB,IAlBgC,CAkBhCA,CAlBgC,YAkBzB5B,eAlByB,KAqC9BW,CArC8B,CAmBhCkB,IAnBgC,CAmBhCA,CAnBgC,YAmBzB3B,eAnByB,KAqC9BS,CArC8B,CAoBhCmB,IApBgC,CAoBhCA,CApBgC,YAoBzB7B,eApByB,GAqBhC8B,CArBgC,CAqC9BpB,CArC8B,CAqBhCoB,QArBgC,CAsBhCC,CAtBgC,CAqC9BrB,CArC8B,CAsBhCqB,KAtBgC,CAuBhCC,CAvBgC,CAqC9BtB,CArC8B,CAuBhCsB,UAvBgC,CAwBhCC,CAxBgC,CAqC9BvB,CArC8B,CAwBhCuB,cAxBgC,CAyBhCC,CAzBgC,CAqC9BxB,CArC8B,CAyBhCwB,EAzBgC,CA0BhCC,CA1BgC,CAqC9BzB,CArC8B,CA0BhCyB,IA1BgC,CA2BhCC,CA3BgC,CAqC9B1B,CArC8B,CA2BhC0B,SA3BgC,CA4BhCC,CA5BgC,CAqC9B3B,CArC8B,CA4BhC2B,aA5BgC,CA6BhCC,CA7BgC,CAqC9B5B,CArC8B,CA6BhC4B,gBA7BgC,CA8BhCC,CA9BgC,CAqC9B7B,CArC8B,CA8BhC6B,cA9BgC,CA+BhCC,CA/BgC,CAqC9B9B,CArC8B,CA+BhC8B,YA/BgC,CAgChCC,CAhCgC,CAqC9B/B,CArC8B,CAgChC+B,uBAhCgC,CAiChCC,CAjCgC,CAqC9BhC,CArC8B,CAiChCgC,aAjCgC,CAkChCC,CAlCgC,CAqC9BjC,CArC8B,CAkChCiC,UAlCgC,CAmChCC,CAnCgC,CAqC9BlC,CArC8B,CAmChCkC,MAnCgC,CAoC7BC,CApC6B,0BAqC9BnC,CArC8B,YAuC5Ba,CAAW,CAAG1B,MAAM,CAAwB,IAAxB,CAvCQ,CAwC5BiD,CAAU,CAAGjD,MAAM,CAAiB,IAAjB,CAxCS,GAqD9BQ,eAAe,CAAC,CAClBM,KAAK,CAALA,CADkB,CAElBC,MAAM,CAANA,CAFkB,CAGlBkB,QAAQ,CAAEY,CAHQ,CAIlBnB,WAAW,CAAXA,CAJkB,CAKlBV,QAAQ,CAARA,CALkB,CAMlBkC,WAAW,CAAEJ,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,CAalBW,MAAM,CAANA,CAbkB,CAclB5B,SAAS,CAATA,CAdkB,CAelBuB,cAAc,CAAdA,CAfkB,CAgBlBC,YAAY,CAAZA,CAhBkB,CAiBlBC,uBAAuB,EAAGK,CAAH,4BAAmBL,CAAuB,EAAI,EAA9C,EAjBL,CAAD,CArDe,CA2ChCO,CA3CgC,GA2ChCA,cA3CgC,CA4ChCC,CA5CgC,GA4ChCA,MA5CgC,CA6ChCC,CA7CgC,GA6ChCA,WA7CgC,CA8ChCC,CA9CgC,GA8ChCA,YA9CgC,CA+ChCC,CA/CgC,GA+ChCA,gBA/CgC,CAgDtBC,CAhDsB,GAgDhCjC,QAhDgC,CAiDhCkC,CAjDgC,GAiDhCA,WAjDgC,CAkDhCC,EAlDgC,GAkDhCA,YAlDgC,CAmDhCC,EAnDgC,GAmDhCA,eAnDgC,CAoDhCC,EApDgC,GAoDhCA,gBApDgC,CAyE5BC,EAAiB,CAAGpD,oBAAoB,CAC5CQ,CAD4C,CAE5CD,CAF4C,CAG5CgB,CAH4C,CAI5CJ,CAJ4C,CAzEZ,CAgFlC,MACE,yCACE,oBAAC,sBAAD,kBACMyB,CAAW,EADjB,EAEE,IAAI,CAAEvB,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,CAAC2C,CAAD,CAAarC,CAAb,CAAD,CARjB,CASE,QAAQ,CAAEN,UAAU,CAAC,CAACiB,CAAD,CAAWiC,CAAX,CAAD,CATtB,CAUE,OAAO,CAAED,CAVX,CAWE,MAAM,CAAEI,EAXV,CAYE,QAAQ,CAAqB,CAAnB,CAAAC,EAAgB,CAAO3B,CAAP,OAZ5B,CAaE,aAAa,CAAEyB,EAbjB,CAcE,KAAK,CAAE7B,CAdT,CAeE,KAAK,CAAEK,CAfT,CAgBE,IAAI,CAAEF,CAhBR,CAiBE,UAAU,CAAEc,CAjBd,EAkBME,CAlBN,EADF,CAqBE,oBAAC,cAAD,EACE,MAAM,CAAEI,CADV,CAEE,IAAI,CAAEpB,CAFR,CAGE,UAAU,CAAEiB,CAHd,CAIE,cAAc,CAAEE,CAJlB,CAKE,WAAW,CAAE7C,UAAU,CAAC,CAACoB,CAAD,CAAcD,CAAd,CAAD,CALzB,CAME,IAAI,CAAEG,CANR,CAOE,SAAS,CAAED,CAPb,CAQE,UAAU,CAAEQ,CAAU,EAAI0B,EAR5B,CASE,aAAa,CAAEvC,CATjB,CAUE,YAAY,CAAEgC,CAVhB,CAWE,SAAS,CAAEnC,CAXb,CAYE,QAAQ,CAAmB,CAAjB,GAAAL,CAAK,CAACgD,MAZlB,CAaE,SAAS,CAAEL,CAbb,CAcE,aAAa,GAdf,CAeE,KAAK,CACsB,QAAzB,gBAAOvB,CAAP,WAAOA,CAAP,QAAOA,CAAK,CAAE6B,MAAd,EACI,CAAEA,MAAM,CAAE7B,CAAK,CAAC6B,MAAN,CAAe,CAAzB,CADJ,OAhBJ,CAoBE,gBAAgB,CAAEtB,CApBpB,EArBF,CA6CH,CA9HS,CADL"}

package/__internal__/src/components/AutoCompleteCanary/AutoCompleteTypeTextArray/index.d.ts

@@ -1 +1 @@
-export * from './AutoCompleteTypeTextArray';
+export * from './AutoCompleteTypeTextArray';

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

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

package/__internal__/src/components/AutoCompleteCanary/index.d.ts

@@ -1,2 +1,2 @@
-export * from './AutoComplete';
-export * from './types';
+export * from './AutoComplete';
+export * from './types';

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

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

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

@@ -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":""}
+{"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.d.ts

@@ -1,47 +1,49 @@
-import React from 'react';
-import { AutoCompletePropOnChange } from './types';
-declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
-declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
-declare type UseAutoCompleteProps<ITEM, GROUP> = {
-    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
-    getGroupKey?: GetGroupKey<GROUP>;
-    groups?: GROUP[];
-    items: ITEM[];
-    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
-    disabled?: boolean;
-    getItemLabel: (item: ITEM) => string;
-    getItemKey: (item: ITEM) => string | number;
-    searchFunction?: (item: ITEM, searchValue: string) => boolean;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    searchValue?: string;
-    onChange?: AutoCompletePropOnChange<'text'>;
-    isLoading?: boolean;
-    dropdownOpen?: boolean;
-    onDropdownOpen?: (isOpen: boolean) => void;
-    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
-};
-declare type OptionProps<ITEM> = {
-    index: number;
-    item: ITEM;
-    keyPrefix: number;
-};
-declare type GetOptionPropsResult = {
-    onClick: (e: React.MouseEvent) => void;
-    onMouseEnter: (e: React.MouseEvent) => void;
-    active: boolean;
-    hovered: boolean;
-    key: string | number;
-};
-export declare function useAutoComplete<ITEM, GROUP>(params: UseAutoCompleteProps<ITEM, GROUP>): {
-    isOpen: boolean;
-    visibleItems: import("../../utils/getGroups").Group<ITEM, GROUP>[];
-    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
-    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
-    inputRef: React.RefObject<HTMLInputElement>;
-    getKeyProps: (rest?: import("../../hooks/useKeysDeprecated").KeyProps | undefined) => import("../../hooks/useKeysDeprecated").KeyProps;
-    hasItems: boolean;
-    optionsRefs: React.RefObject<HTMLDivElement>[];
-    handleChange: AutoCompletePropOnChange<"text">;
-    highlightedIndex: number;
-};
-export {};
+import React from 'react';
+import { AutoCompletePropOnChange } from './types';
+declare type GetItemGroupKey<ITEM> = (item: ITEM) => string | number | undefined;
+declare type GetGroupKey<GROUP> = (item: GROUP) => string | number | undefined;
+declare type UseAutoCompleteProps<ITEM, GROUP> = {
+    getItemGroupKey?: GetItemGroupKey<ITEM> | undefined;
+    getGroupKey?: GetGroupKey<GROUP>;
+    groups?: GROUP[];
+    items: ITEM[];
+    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;
+    disabled?: boolean;
+    getItemLabel: (item: ITEM) => string;
+    getItemKey: (item: ITEM) => string | number;
+    searchFunction?: (item: ITEM, searchValue: string) => boolean;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    searchValue?: string;
+    onChange?: AutoCompletePropOnChange<'text'>;
+    isLoading?: boolean;
+    dropdownOpen?: boolean;
+    onDropdownOpen?: (isOpen: boolean) => void;
+    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
+};
+declare type OptionProps<ITEM> = {
+    index: number;
+    item: ITEM;
+    keyPrefix: number;
+};
+declare type GetOptionPropsResult = {
+    onClick: (e: React.MouseEvent) => void;
+    onMouseEnter: (e: React.MouseEvent) => void;
+    active: boolean;
+    hovered: boolean;
+    key: string | number;
+};
+export declare function useAutoComplete<ITEM, GROUP>(params: UseAutoCompleteProps<ITEM, GROUP>): {
+    isOpen: boolean;
+    visibleItems: import("../../utils/getGroups").Group<ITEM, GROUP>[];
+    getOptionProps: ({ index, item, }: OptionProps<ITEM>) => GetOptionPropsResult;
+    handleInputFocus: (e: React.FocusEvent<HTMLInputElement>) => void;
+    inputRef: React.RefObject<HTMLInputElement>;
+    getKeyProps: (rest?: import("../../hooks/useKeysDeprecated").KeyProps | undefined) => import("../../hooks/useKeysDeprecated").KeyProps;
+    hasItems: boolean;
+    optionsRefs: React.RefObject<HTMLDivElement>[];
+    handleChange: AutoCompletePropOnChange<"text">;
+    highlightedIndex: number;
+    handleInputBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+};
+export {};

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

@@ -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

@@ -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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"}
+{"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/AutoCompleteCanary/useRenderItemDefault.d.ts

@@ -1,4 +1,4 @@
-import { FieldPropSize } from "../FieldComponents";
-import { PropRenderItem } from "../Select";
-import { AutoCompleteItemDefault, AutoCompletePropDropdownForm, AutoCompletePropGetItemLabel } from './types';
-export declare const useRenderItemDefault: (getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>, disabled: boolean, size: FieldPropSize, dropdownForm: AutoCompletePropDropdownForm) => PropRenderItem<AutoCompleteItemDefault>;
+import { FieldPropSize } from "../FieldComponents";
+import { PropRenderItem } from "../Select";
+import { AutoCompleteItemDefault, AutoCompletePropDropdownForm, AutoCompletePropGetItemLabel } from './types';
+export declare const useRenderItemDefault: (getItemLabel: AutoCompletePropGetItemLabel<AutoCompleteItemDefault>, disabled: boolean, size: FieldPropSize, dropdownForm: AutoCompletePropDropdownForm) => PropRenderItem<AutoCompleteItemDefault>;

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

@@ -1,20 +1,18 @@
-import './Avatar.css';
-export declare const avatarPropSize: readonly ["m", "s", "xs", "l"];
-export declare type AvatarPropSize = typeof avatarPropSize[number];
-export declare const avatarPropSizeDefault: AvatarPropSize;
-export declare const avatarPropForm: readonly ["round", "brick", "default"];
-export declare type AvatarPropForm = typeof avatarPropForm[number];
-export declare const avatarPropFormDefault: AvatarPropForm;
-declare type Props = {
-    url?: string;
-    name?: string;
-    size?: AvatarPropSize;
-    form?: AvatarPropForm;
-    children?: never;
-    monochrome?: boolean;
-};
-export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;
-export declare const getColorIndexForName: (name: string | undefined, maxIndex?: number, monochrome?: boolean) => number;
-export declare const getInitialsForName: (name: string | undefined) => string;
-export declare const Avatar: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
-export {};
+import './Avatar.css';
+export declare const avatarPropSize: readonly ["m", "s", "xs", "l"];
+export declare type AvatarPropSize = typeof avatarPropSize[number];
+export declare const avatarPropSizeDefault: AvatarPropSize;
+export declare const avatarPropForm: readonly ["round", "brick", "default"];
+export declare type AvatarPropForm = typeof avatarPropForm[number];
+export declare const avatarPropFormDefault: AvatarPropForm;
+declare type Props = {
+    url?: string;
+    name?: string;
+    size?: AvatarPropSize;
+    form?: AvatarPropForm;
+    children?: never;
+    monochrome?: boolean;
+};
+export declare const cnAvatar: import("@bem-react/classname").ClassNameFormatter;
+export declare const Avatar: import("../../utils/types/PropsWithAsAttributes").ComponentWithAs<Props, "div">;
+export {};