@consta/uikit 5.29.2 → 5.31.0

package/__internal__/src/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["IconSelect","React","forwardRef","useRef","usePropsHandler","cnSelect","COMPONENT_NAME","defaultLabelForEmptyItems","SelectContainer","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","useSelect","useForkRef","isNotNil","iconSizeMap","withDefaultGetters","SelectRender","props","ref","defaultDropdownRef","controlRef","placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValueProp","renderValue","inputRefProp","inputRef","style","dropdownForm","onDropdownOpen","onScrollToBottom","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs","dropdownViewportRef","restProps","multiple","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","notFound","hasItems","optionsRefs","inputId","renderValueDefault","label","item","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Select"],"sources":["../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import '##/components/SelectComponents/Select.css';\n\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport {\n  cnSelect,\n  COMPONENT_NAME,\n} from '##/components/SelectComponents/cnSelect';\nimport { defaultLabelForEmptyItems } from '##/components/SelectComponents/helpers';\nimport { SelectContainer } from '##/components/SelectComponents/SelectContainer';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { useSelect } from '##/components/SelectComponents/useSelect';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  iconSizeMap,\n  PropRenderItem,\n  PropRenderValue,\n  SelectComponent,\n  SelectGroupDefault,\n  SelectItemDefault,\n  SelectProps,\n  withDefaultGetters,\n} from './helpers';\n\nconst SelectRender = <ITEM = SelectItemDefault, GROUP = SelectGroupDefault>(\n  props: SelectProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    required,\n    disabled,\n    ariaLabel,\n    id,\n    dropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    isLoading,\n    renderValue: renderValueProp,\n    inputRef: inputRefProp,\n    style,\n    dropdownForm = 'default',\n    onDropdownOpen,\n    onScrollToBottom,\n    virtualScroll,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n    dropdownViewportRef,\n    ...restProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    notFound,\n    hasItems,\n    optionsRefs,\n  } = useSelect<ITEM, GROUP, false>({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef: defaultDropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple: false,\n    onBlur,\n    onFocus,\n    onDropdownOpen,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n  });\n\n  const inputId = id ? `${id}-input` : id;\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        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n        ref={ref}\n      />\n    );\n  };\n\n  const renderValueDefault: PropRenderValue<ITEM> = (props) => {\n    const label = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={label}>\n        {label}\n      </span>\n    );\n  };\n\n  const renderValue = renderValueProp || renderValueDefault;\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        form={form}\n        required={required}\n        ref={ref}\n        style={style}\n        id={inputId}\n        {...restProps}\n      >\n        <div\n          className={cnSelect('Control')}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div className={cnSelect('ControlInner')}>\n            <div className={cnSelect('ControlValueContainer')}>\n              <input\n                {...getKeyProps()}\n                className={cnSelect('FakeField')}\n                type=\"text\"\n                name={name}\n                id={inputId}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                aria-label={ariaLabel}\n                onClick={handleInputClick}\n                ref={useForkRef([inputRef, inputRefProp])}\n                readOnly\n              />\n              {isNotNil(value) && renderValue({ item: value })}\n              {!isNotNil(value) && placeholder && (\n                <span className={cnSelect('Placeholder')} title=\"placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size={iconSizeMap[size]}\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={useForkRef([dropdownRef, defaultDropdownRef])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        notFound={notFound}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        hasItems={hasItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        viewportRef={dropdownViewportRef}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Select = forwardRef(SelectRender) as SelectComponent;\n\nexport * from './helpers';\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["IconSelect","React","forwardRef","useRef","usePropsHandler","cnSelect","COMPONENT_NAME","defaultLabelForEmptyItems","SelectContainer","SelectDropdown","SelectItem","defaultPropForm","defaultPropSize","defaultPropView","useSelect","useForkRef","isNotNil","iconSizeMap","withDefaultGetters","SelectRender","props","ref","defaultDropdownRef","controlRef","placeholder","onBlur","onFocus","items","onChange","value","required","disabled","ariaLabel","id","dropdownRef","form","view","size","dropdownClassName","name","groups","getItemLabel","labelForEmptyItems","getItemKey","getItemGroupKey","getItemDisabled","getGroupKey","getGroupLabel","renderItem","isLoading","renderValueProp","renderValue","inputRefProp","inputRef","style","dropdownForm","onDropdownOpen","onScrollToBottom","virtualScroll","dropdownOpen","ignoreOutsideClicksRefs","dropdownViewportRef","dropdownContainer","restProps","multiple","getKeyProps","getOptionProps","isOpen","visibleItems","isFocused","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","notFound","hasItems","optionsRefs","inputId","renderValueDefault","label","item","renderItemDefault","active","hovered","onClick","onMouseEnter","zIndex","Select"],"sources":["../../../../../src/components/Select/Select.tsx"],"sourcesContent":["import '##/components/SelectComponents/Select.css';\n\nimport { IconSelect } from '@consta/icons/IconSelect';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { usePropsHandler } from '##/components/EventInterceptor/usePropsHandler';\nimport {\n  cnSelect,\n  COMPONENT_NAME,\n} from '##/components/SelectComponents/cnSelect';\nimport { defaultLabelForEmptyItems } from '##/components/SelectComponents/helpers';\nimport { SelectContainer } from '##/components/SelectComponents/SelectContainer';\nimport { SelectDropdown } from '##/components/SelectComponents/SelectDropdown';\nimport { SelectItem } from '##/components/SelectComponents/SelectItem';\nimport {\n  defaultPropForm,\n  defaultPropSize,\n  defaultPropView,\n} from '##/components/SelectComponents/types';\nimport { useSelect } from '##/components/SelectComponents/useSelect';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  iconSizeMap,\n  PropRenderItem,\n  PropRenderValue,\n  SelectComponent,\n  SelectGroupDefault,\n  SelectItemDefault,\n  SelectProps,\n  withDefaultGetters,\n} from './helpers';\n\nconst SelectRender = <ITEM = SelectItemDefault, GROUP = SelectGroupDefault>(\n  props: SelectProps<ITEM, GROUP>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const defaultDropdownRef = useRef<HTMLDivElement>(null);\n  const controlRef = useRef<HTMLDivElement | null>(null);\n\n  const {\n    placeholder,\n    onBlur,\n    onFocus,\n    items,\n    onChange,\n    value,\n    required,\n    disabled,\n    ariaLabel,\n    id,\n    dropdownRef,\n    form = defaultPropForm,\n    view = defaultPropView,\n    size = defaultPropSize,\n    dropdownClassName,\n    name,\n    groups = [],\n    getItemLabel,\n    labelForEmptyItems = defaultLabelForEmptyItems,\n    getItemKey,\n    getItemGroupKey,\n    getItemDisabled,\n    getGroupKey,\n    getGroupLabel,\n    renderItem,\n    isLoading,\n    renderValue: renderValueProp,\n    inputRef: inputRefProp,\n    style,\n    dropdownForm = 'default',\n    onDropdownOpen,\n    onScrollToBottom,\n    virtualScroll,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n    dropdownViewportRef,\n    dropdownContainer,\n    ...restProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), controlRef);\n\n  const {\n    getKeyProps,\n    getOptionProps,\n    isOpen,\n    visibleItems,\n    isFocused,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    notFound,\n    hasItems,\n    optionsRefs,\n  } = useSelect<ITEM, GROUP, false>({\n    items,\n    groups,\n    value,\n    onChange,\n    dropdownRef: defaultDropdownRef,\n    controlRef,\n    disabled,\n    getItemLabel,\n    getItemKey,\n    getGroupKey,\n    getItemGroupKey,\n    getItemDisabled,\n    multiple: false,\n    onBlur,\n    onFocus,\n    onDropdownOpen,\n    dropdownOpen,\n    ignoreOutsideClicksRefs,\n  });\n\n  const inputId = id ? `${id}-input` : id;\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        size={size}\n        indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n        onClick={onClick}\n        onMouseEnter={onMouseEnter}\n        disabled={getItemDisabled(item)}\n        ref={ref}\n      />\n    );\n  };\n\n  const renderValueDefault: PropRenderValue<ITEM> = (props) => {\n    const label = getItemLabel(props.item);\n\n    return (\n      <span className={cnSelect('ControlValue')} title={label}>\n        {label}\n      </span>\n    );\n  };\n\n  const renderValue = renderValueProp || renderValueDefault;\n\n  return (\n    <>\n      <SelectContainer\n        focused={isFocused}\n        disabled={disabled}\n        size={size}\n        view={view}\n        form={form}\n        required={required}\n        ref={ref}\n        style={style}\n        id={inputId}\n        {...restProps}\n      >\n        <div\n          className={cnSelect('Control')}\n          ref={controlRef}\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          id={id}\n        >\n          <div className={cnSelect('ControlInner')}>\n            <div className={cnSelect('ControlValueContainer')}>\n              <input\n                {...getKeyProps()}\n                className={cnSelect('FakeField')}\n                type=\"text\"\n                name={name}\n                id={inputId}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                aria-label={ariaLabel}\n                onClick={handleInputClick}\n                ref={useForkRef([inputRef, inputRefProp])}\n                readOnly\n              />\n              {isNotNil(value) && renderValue({ item: value })}\n              {!isNotNil(value) && placeholder && (\n                <span className={cnSelect('Placeholder')} title=\"placeholder\">\n                  {placeholder}\n                </span>\n              )}\n            </div>\n          </div>\n          <span className={cnSelect('Indicators')}>\n            <button\n              type=\"button\"\n              className={cnSelect('IndicatorsDropdown')}\n              tabIndex={-1}\n              onClick={handleToggleDropdown}\n            >\n              <IconSelect\n                size={iconSizeMap[size]}\n                className={cnSelect('DropdownIndicatorIcon')}\n              />\n            </button>\n          </span>\n        </div>\n      </SelectContainer>\n      <SelectDropdown\n        isOpen={isOpen}\n        size={size}\n        controlRef={controlRef}\n        getOptionProps={getOptionProps}\n        dropdownRef={useForkRef([dropdownRef, defaultDropdownRef])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItems={visibleItems}\n        notFound={notFound}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        hasItems={hasItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        viewportRef={dropdownViewportRef}\n        container={dropdownContainer}\n        style={\n          typeof style?.zIndex === 'number'\n            ? { zIndex: style.zIndex + 1 }\n            : undefined\n        }\n      />\n    </>\n  );\n};\n\nexport const Select = forwardRef(SelectRender) as SelectComponent;\n\nexport * from './helpers';\n"],"mappings":"klBAAA,uCAEA,OAASA,UAAT,KAA2B,0BAA3B,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,MAA5B,KAA0C,OAA1C,CAEA,OAASC,eAAT,2CACA,OACEC,QADF,CAEEC,cAFF,oCAIA,OAASC,yBAAT,mCACA,OAASC,eAAT,2CACA,OAASC,cAAT,0CACA,OAASC,UAAT,sCACA,OACEC,eADF,CAEEC,eAFF,CAGEC,eAHF,iCAKA,OAASC,SAAT,qCACA,OAASC,UAAT,8BACA,OAASC,QAAT,+BAEA,OACEC,WADF,CAQEC,kBARF,iBAWA,GAAMC,aAAY,CAAG,SACnBC,CADmB,CAEnBC,CAFmB,CAGhB,IACGC,EAAkB,CAAGnB,MAAM,CAAiB,IAAjB,CAD9B,CAEGoB,CAAU,CAAGpB,MAAM,CAAwB,IAAxB,CAFtB,GA2CCC,eAAe,CAACE,cAAD,CAAiBY,kBAAkB,CAACE,CAAD,CAAnC,CAA4CG,CAA5C,CA3ChB,CAKDC,CALC,GAKDA,WALC,CAMDC,CANC,GAMDA,MANC,CAODC,CAPC,GAODA,OAPC,CAQDC,CARC,GAQDA,KARC,CASDC,CATC,GASDA,QATC,CAUDC,CAVC,GAUDA,KAVC,CAWDC,CAXC,GAWDA,QAXC,CAYDC,CAZC,GAYDA,QAZC,CAaDC,CAbC,GAaDA,SAbC,CAcDC,CAdC,GAcDA,EAdC,CAeDC,CAfC,GAeDA,WAfC,KAgBDC,IAhBC,CAgBDA,CAhBC,YAgBMxB,eAhBN,OAiBDyB,IAjBC,CAiBDA,CAjBC,YAiBMvB,eAjBN,OAkBDwB,IAlBC,CAkBDA,CAlBC,YAkBMzB,eAlBN,GAmBD0B,CAnBC,GAmBDA,iBAnBC,CAoBDC,CApBC,GAoBDA,IApBC,KAqBDC,MArBC,CAqBDA,CArBC,YAqBQ,EArBR,GAsBDC,CAtBC,GAsBDA,YAtBC,KAuBDC,kBAvBC,CAuBDA,CAvBC,YAuBoBnC,yBAvBpB,GAwBDoC,CAxBC,GAwBDA,UAxBC,CAyBDC,CAzBC,GAyBDA,eAzBC,CA0BDC,CA1BC,GA0BDA,eA1BC,CA2BDC,CA3BC,GA2BDA,WA3BC,CA4BDC,CA5BC,GA4BDA,aA5BC,CA6BDC,CA7BC,GA6BDA,UA7BC,CA8BDC,CA9BC,GA8BDA,SA9BC,CA+BYC,CA/BZ,GA+BDC,WA/BC,CAgCSC,CAhCT,GAgCDC,QAhCC,CAiCDC,CAjCC,GAiCDA,KAjCC,KAkCDC,YAlCC,CAkCDA,CAlCC,YAkCc,SAlCd,GAmCDC,CAnCC,GAmCDA,cAnCC,CAoCDC,CApCC,GAoCDA,gBApCC,CAqCDC,CArCC,GAqCDA,aArCC,CAsCDC,CAtCC,GAsCDA,YAtCC,CAuCDC,CAvCC,GAuCDA,uBAvCC,CAwCDC,CAxCC,GAwCDA,mBAxCC,CAyCDC,CAzCC,GAyCDA,iBAzCC,CA0CEC,CA1CF,yCA2DCjD,SAAS,CAAqB,CAChCa,KAAK,CAALA,CADgC,CAEhCa,MAAM,CAANA,CAFgC,CAGhCX,KAAK,CAALA,CAHgC,CAIhCD,QAAQ,CAARA,CAJgC,CAKhCM,WAAW,CAAEZ,CALmB,CAMhCC,UAAU,CAAVA,CANgC,CAOhCQ,QAAQ,CAARA,CAPgC,CAQhCU,YAAY,CAAZA,CARgC,CAShCE,UAAU,CAAVA,CATgC,CAUhCG,WAAW,CAAXA,CAVgC,CAWhCF,eAAe,CAAfA,CAXgC,CAYhCC,eAAe,CAAfA,CAZgC,CAahCmB,QAAQ,GAbwB,CAchCvC,MAAM,CAANA,CAdgC,CAehCC,OAAO,CAAPA,CAfgC,CAgBhC8B,cAAc,CAAdA,CAhBgC,CAiBhCG,YAAY,CAAZA,CAjBgC,CAkBhCC,uBAAuB,CAAvBA,CAlBgC,CAArB,CA3DV,CA8CDK,CA9CC,GA8CDA,WA9CC,CA+CDC,CA/CC,GA+CDA,cA/CC,CAgDDC,CAhDC,GAgDDA,MAhDC,CAiDDC,CAjDC,GAiDDA,YAjDC,CAkDDC,EAlDC,GAkDDA,SAlDC,CAmDDC,EAnDC,GAmDDA,gBAnDC,CAoDDC,EApDC,GAoDDA,eApDC,CAqDDC,EArDC,GAqDDA,oBArDC,CAsDDnB,EAtDC,GAsDDA,QAtDC,CAuDDoB,EAvDC,GAuDDA,gBAvDC,CAwDDC,EAxDC,GAwDDA,QAxDC,CAyDDC,EAzDC,GAyDDA,QAzDC,CA0DDC,EA1DC,GA0DDA,WA1DC,CAgFGC,EAAO,CAAG5C,CAAE,WAAMA,CAAN,WAAmBA,CAhFlC,CAiHH,MACE,yCACE,oBAAC,eAAD,gBACE,OAAO,CAAEoC,EADX,CAEE,QAAQ,CAAEtC,CAFZ,CAGE,IAAI,CAAEM,CAHR,CAIE,IAAI,CAAED,CAJR,CAKE,IAAI,CAAED,CALR,CAME,QAAQ,CAAEL,CANZ,CAOE,GAAG,CAAET,CAPP,CAQE,KAAK,CAAEiC,CART,CASE,EAAE,CAAEuB,EATN,EAUMd,CAVN,EAYE,2BACE,SAAS,CAAE1D,QAAQ,CAAC,SAAD,CADrB,CAEE,GAAG,CAAEkB,CAFP,CAGE,gBAAe4C,CAHjB,CAIE,gBAAc,SAJhB,CAKE,EAAE,CAAElC,CALN,EAOE,2BAAK,SAAS,CAAE5B,QAAQ,CAAC,cAAD,CAAxB,EACE,2BAAK,SAAS,CAAEA,QAAQ,CAAC,uBAAD,CAAxB,EACE,6CACM4D,CAAW,EADjB,EAEE,SAAS,CAAE5D,QAAQ,CAAC,WAAD,CAFrB,CAGE,IAAI,CAAC,MAHP,CAIE,IAAI,CAAEkC,CAJR,CAKE,EAAE,CAAEsC,EALN,CAME,OAAO,CAAEP,EANX,CAOE,MAAM,CAAEC,EAPV,CAQE,aAAYvC,CARd,CASE,OAAO,CAAEyC,EATX,CAUE,GAAG,CAAE1D,UAAU,CAAC,CAACsC,EAAD,CAAWD,CAAX,CAAD,CAVjB,CAWE,QAAQ,GAXV,GADF,CAcGpC,QAAQ,CAACa,CAAD,CAAR,EAAmB,CAtCZqB,CAAe,EAVe,QAA5C4B,mBAA4C,CAAC1D,CAAD,CAAW,CAC3D,GAAM2D,EAAK,CAAGtC,CAAY,CAACrB,CAAK,CAAC4D,IAAP,CAA1B,CAEA,MACE,6BAAM,SAAS,CAAE3E,QAAQ,CAAC,cAAD,CAAzB,CAA2C,KAAK,CAAE0E,CAAlD,EACGA,CADH,CAIH,CAwC+B,EAAY,CAAEC,IAAI,CAAEnD,CAAR,CAAZ,CAdtB,CAeG,CAACb,QAAQ,CAACa,CAAD,CAAT,EAAoBL,CAApB,EACC,4BAAM,SAAS,CAAEnB,QAAQ,CAAC,aAAD,CAAzB,CAA0C,KAAK,CAAC,aAAhD,EACGmB,CADH,CAhBJ,CADF,CAPF,CA8BE,4BAAM,SAAS,CAAEnB,QAAQ,CAAC,YAAD,CAAzB,EACE,8BACE,IAAI,CAAC,QADP,CAEE,SAAS,CAAEA,QAAQ,CAAC,oBAAD,CAFrB,CAGE,QAAQ,CAAE,CAAC,CAHb,CAIE,OAAO,CAAEmE,EAJX,EAME,oBAAC,UAAD,EACE,IAAI,CAAEvD,WAAW,CAACoB,CAAD,CADnB,CAEE,SAAS,CAAEhC,QAAQ,CAAC,uBAAD,CAFrB,EANF,CADF,CA9BF,CAZF,CADF,CA0DE,oBAAC,cAAD,EACE,MAAM,CAAE8D,CADV,CAEE,IAAI,CAAE9B,CAFR,CAGE,UAAU,CAAEd,CAHd,CAIE,cAAc,CAAE2C,CAJlB,CAKE,WAAW,CAAEnD,UAAU,CAAC,CAACmB,CAAD,CAAcZ,CAAd,CAAD,CALzB,CAME,IAAI,CAAEiC,CANR,CAOE,SAAS,CAAEjB,CAPb,CAQE,UAAU,CAAEU,CAAU,EAlGoB,QAA1CiC,kBAA0C,CAAC7D,CAAD,CAAW,CACzD,GAAQ4D,EAAR,CAA8D5D,CAA9D,CAAQ4D,IAAR,CAAcE,CAAd,CAA8D9D,CAA9D,CAAc8D,MAAd,CAAsBC,CAAtB,CAA8D/D,CAA9D,CAAsB+D,OAAtB,CAA+BC,CAA/B,CAA8DhE,CAA9D,CAA+BgE,OAA/B,CAAwCC,CAAxC,CAA8DjE,CAA9D,CAAwCiE,YAAxC,CAAsDhE,CAAtD,CAA8DD,CAA9D,CAAsDC,GAAtD,CAEA,MACE,qBAAC,UAAD,EACE,KAAK,CAAEoB,CAAY,CAACuC,CAAD,CADrB,CAEE,MAAM,CAAEE,CAFV,CAGE,OAAO,CAAEC,CAHX,CAIE,QAAQ,GAJV,CAKE,IAAI,CAAE9C,CALR,CAME,MAAM,CAAmB,OAAjB,GAAAkB,CAAY,CAAe,WAAf,CAA6B,QANnD,CAOE,OAAO,CAAE6B,CAPX,CAQE,YAAY,CAAEC,CARhB,CASE,QAAQ,CAAExC,CAAe,CAACmC,CAAD,CAT3B,CAUE,GAAG,CAAE3D,CAVP,EAaH,CAyEG,CASE,aAAa,CAAE0B,CATjB,CAUE,YAAY,CAAEqB,CAVhB,CAWE,QAAQ,CAAEM,EAXZ,CAYE,SAAS,CAAEzB,CAZb,CAaE,kBAAkB,CAAEP,CAbtB,CAcE,QAAQ,CAAEiC,EAdZ,CAeE,SAAS,CAAEC,EAfb,CAgBE,aAAa,CAAElB,CAhBjB,CAiBE,gBAAgB,CAAED,CAjBpB,CAkBE,WAAW,CAAEI,CAlBf,CAmBE,SAAS,CAAEC,CAnBb,CAoBE,KAAK,CACsB,QAAzB,gBAAOR,CAAP,WAAOA,CAAP,QAAOA,CAAK,CAAEgC,MAAd,EACI,CAAEA,MAAM,CAAEhC,CAAK,CAACgC,MAAN,CAAe,CAAzB,CADJ,OArBJ,EA1DF,CAsFH,CA3MD,CA6MA,MAAO,IAAMC,OAAM,CAAGrF,UAAU,CAACiB,YAAD,CAAzB,CAEP"}

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

@@ -68,6 +68,7 @@ export type SelectProps<ITEM = SelectItemDefault, GROUP = SelectGroupDefault> =
     dropdownOpen?: boolean;
     ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
     dropdownViewportRef?: React.RefObject<HTMLElement>;
+    dropdownContainer?: Element;
 }, HTMLDivElement> & (ITEM extends {
     label: SelectItemDefault['label'];
 } ? {} : {
@@ -133,7 +134,8 @@ export declare function withDefaultGetters<ITEM, GROUP>(props: SelectProps<ITEM,
     dropdownOpen?: boolean;
     ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
     dropdownViewportRef?: React.RefObject<HTMLElement>;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "form" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "required" | "inputRef" | "items" | "dropdownForm" | "focused" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll" | "dropdownViewportRef"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
+    dropdownContainer?: Element;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "size" | "view" | "form" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "required" | "inputRef" | "items" | "dropdownForm" | "focused" | "ariaLabel" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "labelIcon" | "labelPosition" | "onScrollToBottom" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll" | "dropdownViewportRef" | "dropdownContainer"> & React.RefAttributes<HTMLDivElement> & (ITEM extends {
     label: SelectItemDefault["label"];
 } ? {} : {
     getItemLabel: SelectPropGetItemLabel<ITEM>;

package/__internal__/src/components/Select/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","iconSizeMap","xs","s","m","l"],"sources":["../../../../../src/components/Select/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  PropForm,\n  PropSize,\n  PropStatus,\n  PropView,\n  RenderItemProps,\n} from '../SelectComponents/types';\n\nexport type SelectItemDefault = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type SelectGroupDefault = {\n  label: string;\n  id: string | number;\n};\n\ntype SelectPropValue<ITEM> = ITEM | null | undefined;\n\ntype SelectRenderValueProps<ITEM> = {\n  item: ITEM;\n};\n\nexport type SelectPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SelectPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type SelectPropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type SelectPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type SelectPropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type SelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type PropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\nexport type PropRenderValue<ITEM> = (\n  props: SelectRenderValueProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type SelectPropOnChange<ITEM> = (\n  value: ITEM | null,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type SelectProps<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: SelectPropOnChange<ITEM>;\n    disabled?: boolean;\n    form?: PropForm;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    size?: PropSize;\n    view?: PropView;\n    status?: PropStatus;\n    focused?: boolean;\n    placeholder?: string;\n    ariaLabel?: string;\n    dropdownClassName?: string;\n    dropdownRef?: React.RefObject<HTMLDivElement>;\n    required?: boolean;\n    name?: string;\n    isLoading?: boolean;\n    labelForEmptyItems?: string;\n    value?: SelectPropValue<ITEM>;\n    renderItem?: PropRenderItem<ITEM>;\n    renderValue?: PropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    inputRef?: React.RefObject<HTMLInputElement>;\n    groups?: GROUP[];\n    getItemLabel?: SelectPropGetItemLabel<ITEM>;\n    getItemKey?: SelectPropGetItemKey<ITEM>;\n    getItemGroupKey?: SelectPropGetItemGroupKey<ITEM>;\n    getItemDisabled?: SelectPropGetItemDisabled<ITEM>;\n    getGroupLabel?: SelectPropGetGroupLabel<GROUP>;\n    getGroupKey?: SelectPropGetGroupKey<GROUP>;\n    label?: string;\n    labelIcon?: IconComponent;\n    labelPosition?: 'top' | 'left';\n    caption?: string;\n    virtualScroll?: boolean;\n    onScrollToBottom?: (length: number) => void;\n    onDropdownOpen?: (isOpen: boolean) => void;\n    dropdownOpen?: boolean;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    dropdownViewportRef?: React.RefObject<HTMLElement>;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: SelectItemDefault['label'] }\n    ? {}\n    : { getItemLabel: SelectPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: SelectItemDefault['id'] }\n    ? {}\n    : { getItemKey: SelectPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: SelectGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: SelectPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: SelectGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: SelectPropGetGroupKey<GROUP> });\n\nexport type SelectComponent = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n>(\n  props: SelectProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport const defaultGetItemKey: SelectPropGetItemKey<SelectItemDefault> = (\n  item,\n) => item.id;\nexport const defaultGetItemLabel: SelectPropGetItemLabel<SelectItemDefault> = (\n  item,\n) => item.label;\nexport const defaultGetItemGroupKey: SelectPropGetItemGroupKey<\n  SelectItemDefault\n> = (item) => item.groupId;\nexport const defaultGetItemDisabled: SelectPropGetItemDisabled<\n  SelectItemDefault\n> = (item) => item.disabled;\n\nexport const defaultGetGroupKey: SelectPropGetGroupKey<SelectGroupDefault> = (\n  group,\n) => group.id;\nexport const defaultGetGroupLabel: SelectPropGetGroupLabel<\n  SelectGroupDefault\n> = (group) => group.label;\n\nexport function withDefaultGetters<ITEM, GROUP>(\n  props: SelectProps<ITEM, GROUP>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupKey: props.getGroupKey || defaultGetGroupKey,\n  };\n}\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n"],"mappings":"qqBAwHA,MAAO,IAAMA,kBAA0D,CAAG,SACxEC,CADwE,QAErEA,EAAI,CAACC,EAFgE,CAAnE,CAGP,MAAO,IAAMC,oBAA8D,CAAG,SAC5EF,CAD4E,QAEzEA,EAAI,CAACG,KAFoE,CAAvE,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,OAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACN,CAAD,QAAUA,EAAI,CAACO,QAAf,CAFG,CAIP,MAAO,IAAMC,mBAA6D,CAAG,SAC3EC,CAD2E,QAExEA,EAAK,CAACR,EAFkE,CAAtE,CAGP,MAAO,IAAMS,qBAEZ,CAAG,SAACD,CAAD,QAAWA,EAAK,CAACN,KAAjB,CAFG,CAIP,MAAO,SAASQ,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBX,mBAFtC,CAGEY,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBf,iBAHlC,CAIEgB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBX,sBAJ5C,CAKEY,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBV,sBAL5C,CAMEW,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBP,oBANxC,CAOEQ,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBV,kBAPpC,EASD,CAED,MAAO,IAAMW,YAA2C,CAAG,CACzDC,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}
+{"version":3,"file":"helpers.js","names":["defaultGetItemKey","item","id","defaultGetItemLabel","label","defaultGetItemGroupKey","groupId","defaultGetItemDisabled","disabled","defaultGetGroupKey","group","defaultGetGroupLabel","withDefaultGetters","props","getItemLabel","getItemKey","getItemGroupKey","getItemDisabled","getGroupLabel","getGroupKey","iconSizeMap","xs","s","m","l"],"sources":["../../../../../src/components/Select/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  PropForm,\n  PropSize,\n  PropStatus,\n  PropView,\n  RenderItemProps,\n} from '../SelectComponents/types';\n\nexport type SelectItemDefault = {\n  label: string;\n  id: string | number;\n  groupId?: string | number;\n  disabled?: boolean;\n};\n\nexport type SelectGroupDefault = {\n  label: string;\n  id: string | number;\n};\n\ntype SelectPropValue<ITEM> = ITEM | null | undefined;\n\ntype SelectRenderValueProps<ITEM> = {\n  item: ITEM;\n};\n\nexport type SelectPropGetItemLabel<ITEM> = (item: ITEM) => string;\nexport type SelectPropGetItemKey<ITEM> = (item: ITEM) => string | number;\nexport type SelectPropGetItemGroupKey<ITEM> = (\n  item: ITEM,\n) => string | number | undefined;\nexport type SelectPropGetItemDisabled<ITEM> = (\n  item: ITEM,\n) => boolean | undefined;\nexport type SelectPropGetGroupKey<GROUP> = (group: GROUP) => string | number;\nexport type SelectPropGetGroupLabel<GROUP> = (group: GROUP) => string;\nexport type PropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\nexport type PropRenderValue<ITEM> = (\n  props: SelectRenderValueProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type SelectPropOnChange<ITEM> = (\n  value: ITEM | null,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type SelectProps<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    items: ITEM[];\n    onChange: SelectPropOnChange<ITEM>;\n    disabled?: boolean;\n    form?: PropForm;\n    dropdownForm?: 'default' | 'brick' | 'round';\n    size?: PropSize;\n    view?: PropView;\n    status?: PropStatus;\n    focused?: boolean;\n    placeholder?: string;\n    ariaLabel?: string;\n    dropdownClassName?: string;\n    dropdownRef?: React.RefObject<HTMLDivElement>;\n    required?: boolean;\n    name?: string;\n    isLoading?: boolean;\n    labelForEmptyItems?: string;\n    value?: SelectPropValue<ITEM>;\n    renderItem?: PropRenderItem<ITEM>;\n    renderValue?: PropRenderValue<ITEM>;\n    onFocus?: React.FocusEventHandler<HTMLInputElement>;\n    onBlur?: React.FocusEventHandler<HTMLInputElement>;\n    inputRef?: React.RefObject<HTMLInputElement>;\n    groups?: GROUP[];\n    getItemLabel?: SelectPropGetItemLabel<ITEM>;\n    getItemKey?: SelectPropGetItemKey<ITEM>;\n    getItemGroupKey?: SelectPropGetItemGroupKey<ITEM>;\n    getItemDisabled?: SelectPropGetItemDisabled<ITEM>;\n    getGroupLabel?: SelectPropGetGroupLabel<GROUP>;\n    getGroupKey?: SelectPropGetGroupKey<GROUP>;\n    label?: string;\n    labelIcon?: IconComponent;\n    labelPosition?: 'top' | 'left';\n    caption?: string;\n    virtualScroll?: boolean;\n    onScrollToBottom?: (length: number) => void;\n    onDropdownOpen?: (isOpen: boolean) => void;\n    dropdownOpen?: boolean;\n    ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    dropdownViewportRef?: React.RefObject<HTMLElement>;\n    dropdownContainer?: Element;\n  },\n  HTMLDivElement\n> &\n  (ITEM extends { label: SelectItemDefault['label'] }\n    ? {}\n    : { getItemLabel: SelectPropGetItemLabel<ITEM> }) &\n  (ITEM extends { id: SelectItemDefault['id'] }\n    ? {}\n    : { getItemKey: SelectPropGetItemKey<ITEM> }) &\n  (GROUP extends { label: SelectGroupDefault['label'] }\n    ? {}\n    : { getGroupLabel: SelectPropGetGroupLabel<GROUP> }) &\n  (GROUP extends { id: SelectGroupDefault['id'] }\n    ? {}\n    : { getGroupKey: SelectPropGetGroupKey<GROUP> });\n\nexport type SelectComponent = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n>(\n  props: SelectProps<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nexport const defaultGetItemKey: SelectPropGetItemKey<SelectItemDefault> = (\n  item,\n) => item.id;\nexport const defaultGetItemLabel: SelectPropGetItemLabel<SelectItemDefault> = (\n  item,\n) => item.label;\nexport const defaultGetItemGroupKey: SelectPropGetItemGroupKey<\n  SelectItemDefault\n> = (item) => item.groupId;\nexport const defaultGetItemDisabled: SelectPropGetItemDisabled<\n  SelectItemDefault\n> = (item) => item.disabled;\n\nexport const defaultGetGroupKey: SelectPropGetGroupKey<SelectGroupDefault> = (\n  group,\n) => group.id;\nexport const defaultGetGroupLabel: SelectPropGetGroupLabel<\n  SelectGroupDefault\n> = (group) => group.label;\n\nexport function withDefaultGetters<ITEM, GROUP>(\n  props: SelectProps<ITEM, GROUP>,\n) {\n  return {\n    ...props,\n    getItemLabel: props.getItemLabel || defaultGetItemLabel,\n    getItemKey: props.getItemKey || defaultGetItemKey,\n    getItemGroupKey: props.getItemGroupKey || defaultGetItemGroupKey,\n    getItemDisabled: props.getItemDisabled || defaultGetItemDisabled,\n    getGroupLabel: props.getGroupLabel || defaultGetGroupLabel,\n    getGroupKey: props.getGroupKey || defaultGetGroupKey,\n  };\n}\n\nexport const iconSizeMap: Record<PropSize, IconPropSize> = {\n  xs: 'xs',\n  s: 's',\n  m: 'm',\n  l: 'm',\n};\n"],"mappings":"qqBAyHA,MAAO,IAAMA,kBAA0D,CAAG,SACxEC,CADwE,QAErEA,EAAI,CAACC,EAFgE,CAAnE,CAGP,MAAO,IAAMC,oBAA8D,CAAG,SAC5EF,CAD4E,QAEzEA,EAAI,CAACG,KAFoE,CAAvE,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACJ,CAAD,QAAUA,EAAI,CAACK,OAAf,CAFG,CAGP,MAAO,IAAMC,uBAEZ,CAAG,SAACN,CAAD,QAAUA,EAAI,CAACO,QAAf,CAFG,CAIP,MAAO,IAAMC,mBAA6D,CAAG,SAC3EC,CAD2E,QAExEA,EAAK,CAACR,EAFkE,CAAtE,CAGP,MAAO,IAAMS,qBAEZ,CAAG,SAACD,CAAD,QAAWA,EAAK,CAACN,KAAjB,CAFG,CAIP,MAAO,SAASQ,mBAAT,CACLC,CADK,CAEL,CACA,sCACKA,CADL,MAEEC,YAAY,CAAED,CAAK,CAACC,YAAN,EAAsBX,mBAFtC,CAGEY,UAAU,CAAEF,CAAK,CAACE,UAAN,EAAoBf,iBAHlC,CAIEgB,eAAe,CAAEH,CAAK,CAACG,eAAN,EAAyBX,sBAJ5C,CAKEY,eAAe,CAAEJ,CAAK,CAACI,eAAN,EAAyBV,sBAL5C,CAMEW,aAAa,CAAEL,CAAK,CAACK,aAAN,EAAuBP,oBANxC,CAOEQ,WAAW,CAAEN,CAAK,CAACM,WAAN,EAAqBV,kBAPpC,EASD,CAED,MAAO,IAAMW,YAA2C,CAAG,CACzDC,EAAE,CAAE,IADqD,CAEzDC,CAAC,CAAE,GAFsD,CAGzDC,CAAC,CAAE,GAHsD,CAIzDC,CAAC,CAAE,GAJsD,CAApD"}

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.d.ts

@@ -49,6 +49,7 @@ type Props<ITEM, GROUP> = PropsWithJsxAttributes<{
     dropdownZIndexAtom: AtomMut<number | undefined>;
     selectAllLabel: string;
     viewportRef?: React.RefObject<HTMLElement>;
+    container?: Element;
 }>;
 type SelectDropdownComponent = <ITEM, GROUP>(props: Props<ITEM, GROUP>) => React.ReactNode | null;
 export declare const SelectDropdown: SelectDropdownComponent;

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionActions","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel"];import"./SelectDropdown.css";import{useAtom}from"@reatom/npm-react";import React,{Fragment,memo,useMemo}from"react";import{ListItem,ListLoader,mapVerticalSpace}from"../../ListCanary";import{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useSelect";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary as cn}from"../../../utils/bem";import{fabricIndex}from"../../../utils/fabricIndex";import{SelectCreateButton}from"../SelectCreateButton/SelectCreateButton";import{SelectGroupLabel}from"../SelectGroupLabel/SelectGroupLabel";import{SelectItemAll}from"../SelectItemAll/SelectItemAll";import{SelectLoader}from"../SelectLoader/SelectLoader";import{SelectPopover}from"../SelectPopover";import{SelectRenderItem}from"../SelectRenderItem";export var selectDropdownForm=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownForm[0];var cnSelectDropdown=cn("SelectDropdown"),getLengthElements=function(a){for(var b=1>=a.length?0:a.length,c=0;c<a.length;c++){var d,e=a[c];isNotOptionForCreate(e)&&null!==e&&void 0!==e&&null!==(d=e.items)&&void 0!==d&&d.length&&(b+=e.items.length)}return b},isVisible=function(a,b){return b>=a[0]&&b<a[1]};export var SelectDropdown=memo(function(a){var b=a.controlRef,c=a.size,d=a.getOptionActions,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItemsAtom,k=a.form,l=a.openAtom,m=a.offset,n=void 0===m?"none":m,o=a.renderItem,p=a.visibleItemsAtom,q=a.isLoading,r=a.getGroupLabel,s=a.notFound,t=a.itemsRefs,u=a.virtualScroll,v=a.onScrollToBottom,w=a.highlightedIndexAtom,x=a.valueAtom,y=a.getItemKeyAtom,z=a.highlightIndex,A=a.onCreate,B=a.onChange,C=a.onChangeAll,D=a.inputValueAtom,E=a.groupsCounterAtom,F=a.dropdownZIndexAtom,G=a.selectAllLabel,H=_objectWithoutProperties(a,_excluded),I=useAtom(p),J=_slicedToArray(I,1),K=J[0],L=useAtom(j),M=_slicedToArray(L,1),N=M[0],O=useAtom(!1),P=_slicedToArray(O,2),Q=P[0],R=P[1],S=useAtom(y),T=_slicedToArray(S,1),U=T[0],V="round"===k?"increased":"normal",W=useMemo(function(){return 0<K.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[K]),X="none"===n?void 0:n,Y=useMemo(function(){return getLengthElements(K)},[K]),Z=useVirtualScroll({length:Y,isActive:u&&Q,onScrollToBottom:v}),$=Z.spaceTop,_=Z.slice,aa=Z.listRefs,ba=Z.scrollElementRef,ca=useForkRef([ba,e]),da=0===_[0]&&u?[0,50]:_,ea=fabricIndex(),fa=fabricIndex(),ga=useAtom(F),ha=_slicedToArray(ga,1),ia=ha[0];return React.createElement(SelectPopover,Object.assign({},H,{anchorRef:b,offset:X,role:"listbox",className:cnSelectDropdown(),size:c,controlRef:b,openAtom:l,form:k,onMount:R,style:{zIndex:ia}}),Q&&React.createElement("div",{className:cnSelectDropdown("ScrollContainer",[cnMixSpace({pV:mapVerticalSpace[c]}),cnMixScrollBar({size:"xs"})]),ref:ca},q&&!W&&React.createElement(SelectLoader,null),React.createElement("div",{className:cnSelectDropdown("List"),key:cnSelectDropdown("List"),style:{marginTop:$}},K.map(function(a){if(isOptionForCreate(a)){var e=ea();return React.createElement(SelectCreateButton,{size:c,key:cnSelectDropdown("List",{key:"CreateButton"}),labelForCreate:f,indent:V,ref:t[e],onClick:A,highlightedIndexAtom:w,inputValueAtom:D,highlightIndex:z,index:e})}var b=1<K.length?fa():0;return React.createElement(Fragment,{key:a.key},a.group&&r&&isVisible(da,b)&&React.createElement(SelectGroupLabel,{label:r(a.group),size:c,indent:V,ref:aa[b],key:"group-".concat(a.key,"-Label")}),a.items.map(function(b){if(isOptionForSelectAll(b)){var e=fa(),f=ea();if(isVisible(da,e))return React.createElement(SelectItemAll,Object.assign({label:G,groupId:a.key,highlightedIndexAtom:w,groupsCounterAtom:E,key:cnSelectDropdown("SelectItemAll",{group:a.key}),ref:forkRef([aa[e],t[f]]),indent:V,size:c},d({index:f,item:b}),{index:f}))}else{var g=fa(),h=ea();if(isVisible(da,g))return React.createElement(SelectRenderItem,Object.assign({key:cnSelectDropdown("SelectRenderItem",{group:a.key,item:U(b)}),getItemKeyAtom:y,highlightedIndexAtom:w,rootRef:forkRef([aa[g],t[h]]),renderItem:o,item:b},d({index:h,item:b}),{index:h,valueAtom:x}))}}))}),q&&W&&React.createElement(ListLoader,{size:c,innerOffset:V})),!q&&!N&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:V},i)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionActions","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","container"];import"./SelectDropdown.css";import{useAtom}from"@reatom/npm-react";import React,{Fragment,memo,useMemo}from"react";import{ListItem,ListLoader,mapVerticalSpace}from"../../ListCanary";import{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useSelect";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary as cn}from"../../../utils/bem";import{fabricIndex}from"../../../utils/fabricIndex";import{SelectCreateButton}from"../SelectCreateButton/SelectCreateButton";import{SelectGroupLabel}from"../SelectGroupLabel/SelectGroupLabel";import{SelectItemAll}from"../SelectItemAll/SelectItemAll";import{SelectLoader}from"../SelectLoader/SelectLoader";import{SelectPopover}from"../SelectPopover";import{SelectRenderItem}from"../SelectRenderItem";export var selectDropdownForm=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownForm[0];var cnSelectDropdown=cn("SelectDropdown"),getLengthElements=function(a){for(var b=1>=a.length?0:a.length,c=0;c<a.length;c++){var d,e=a[c];isNotOptionForCreate(e)&&null!==e&&void 0!==e&&null!==(d=e.items)&&void 0!==d&&d.length&&(b+=e.items.length)}return b},isVisible=function(a,b){return b>=a[0]&&b<a[1]};export var SelectDropdown=memo(function(a){var b=a.controlRef,c=a.size,d=a.getOptionActions,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItemsAtom,k=a.form,l=a.openAtom,m=a.offset,n=void 0===m?"none":m,o=a.renderItem,p=a.visibleItemsAtom,q=a.isLoading,r=a.getGroupLabel,s=a.notFound,t=a.itemsRefs,u=a.virtualScroll,v=a.onScrollToBottom,w=a.highlightedIndexAtom,x=a.valueAtom,y=a.getItemKeyAtom,z=a.highlightIndex,A=a.onCreate,B=a.onChange,C=a.onChangeAll,D=a.inputValueAtom,E=a.groupsCounterAtom,F=a.dropdownZIndexAtom,G=a.selectAllLabel,H=a.container,I=_objectWithoutProperties(a,_excluded),J=useAtom(p),K=_slicedToArray(J,1),L=K[0],M=useAtom(j),N=_slicedToArray(M,1),O=N[0],P=useAtom(!1),Q=_slicedToArray(P,2),R=Q[0],S=Q[1],T=useAtom(y),U=_slicedToArray(T,1),V=U[0],W="round"===k?"increased":"normal",X=useMemo(function(){return 0<L.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[L]),Y="none"===n?void 0:n,Z=useMemo(function(){return getLengthElements(L)},[L]),$=useVirtualScroll({length:Z,isActive:u&&R,onScrollToBottom:v}),_=$.spaceTop,aa=$.slice,ba=$.listRefs,ca=$.scrollElementRef,da=useForkRef([ca,e]),ea=0===aa[0]&&u?[0,50]:aa,fa=fabricIndex(),ga=fabricIndex(),ha=useAtom(F),ia=_slicedToArray(ha,1),ja=ia[0];return React.createElement(SelectPopover,Object.assign({},I,{anchorRef:b,offset:Y,role:"listbox",className:cnSelectDropdown(),size:c,controlRef:b,openAtom:l,form:k,onMount:S,style:{zIndex:ja},container:H}),R&&React.createElement("div",{className:cnSelectDropdown("ScrollContainer",[cnMixSpace({pV:mapVerticalSpace[c]}),cnMixScrollBar({size:"xs"})]),ref:da},q&&!X&&React.createElement(SelectLoader,null),React.createElement("div",{className:cnSelectDropdown("List"),key:cnSelectDropdown("List"),style:{marginTop:_}},L.map(function(a){if(isOptionForCreate(a)){var e=fa();return React.createElement(SelectCreateButton,{size:c,key:cnSelectDropdown("List",{key:"CreateButton"}),labelForCreate:f,indent:W,ref:t[e],onClick:A,highlightedIndexAtom:w,inputValueAtom:D,highlightIndex:z,index:e})}var b=1<L.length?ga():0;return React.createElement(Fragment,{key:a.key},a.group&&r&&isVisible(ea,b)&&React.createElement(SelectGroupLabel,{label:r(a.group),size:c,indent:W,ref:ba[b],key:"group-".concat(a.key,"-Label")}),a.items.map(function(b){if(isOptionForSelectAll(b)){var e=ga(),f=fa();if(isVisible(ea,e))return React.createElement(SelectItemAll,Object.assign({label:G,groupId:a.key,highlightedIndexAtom:w,groupsCounterAtom:E,key:cnSelectDropdown("SelectItemAll",{group:a.key}),ref:forkRef([ba[e],t[f]]),indent:W,size:c},d({index:f,item:b}),{index:f}))}else{var g=ga(),h=fa();if(isVisible(ea,g))return React.createElement(SelectRenderItem,Object.assign({key:cnSelectDropdown("SelectRenderItem",{group:a.key,item:V(b)}),getItemKeyAtom:y,highlightedIndexAtom:w,rootRef:forkRef([ba[g],t[h]]),renderItem:o,item:b},d({index:h,item:b}),{index:h,valueAtom:x}))}}))}),q&&X&&React.createElement(ListLoader,{size:c,innerOffset:W})),!q&&!O&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:W},i)))});
 //# sourceMappingURL=SelectDropdown.js.map

package/__internal__/src/components/SelectCanary/SelectDropdown/SelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","names":["useAtom","React","Fragment","memo","useMemo","ListItem","ListLoader","mapVerticalSpace","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","forkRef","useForkRef","useVirtualScroll","cnMixScrollBar","cnMixSpace","cnCanary","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","SelectPopover","SelectRenderItem","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","length","index","element","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionActions","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","offsetProp","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","otherProps","visibleItems","hasItems","isListMount","setIsListMount","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","zIndex","pV","marginTop","map","key","virtualIndex","item"],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport {\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '##/components/SelectCanary/useSelect';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { SelectPopover } from '../SelectPopover';\nimport { SelectRenderItem } from '../SelectRenderItem';\nimport { CountedGroup } from '../types';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype RenderItemProps<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\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: FieldPropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  openAtom: AtomMut<boolean>;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  highlightedIndexAtom: AtomMut<number>;\n  visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?:\n    | ((label: string | undefined) => React.ReactNode)\n    | React.ReactNode;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItemsAtom: AtomMut<boolean>;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  valueAtom: AtomMut<ITEM[]>;\n  getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;\n  onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n  highlightIndex: (index: number) => void;\n  onCreate: (e: React.SyntheticEvent) => void;\n  onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n  inputValueAtom: AtomMut<string>;\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  dropdownZIndexAtom: AtomMut<number | undefined>;\n  selectAllLabel: string;\n  viewportRef?: React.RefObject<HTMLElement>;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element?.items?.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = memo((props) => {\n  const {\n    controlRef,\n    size,\n    getOptionActions,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItemsAtom,\n    form,\n    openAtom,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItemsAtom,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    highlightIndex,\n    onCreate,\n    onChange,\n    onChangeAll,\n    inputValueAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    selectAllLabel,\n    ...otherProps\n  } = props;\n\n  const [visibleItems] = useAtom(visibleItemsAtom);\n\n  const [hasItems] = useAtom(hasItemsAtom);\n  const [isListMount, setIsListMount] = useAtom(false);\n  const [getItemKey] = useAtom(getItemKeyAtom);\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isListMount,\n    onScrollToBottom,\n  });\n\n  const scrollContainerRef = useForkRef([scrollElementRef, dropdownRefProp]);\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const getIndex = fabricIndex();\n  const getVirtualIndex = fabricIndex();\n  const [zIndex] = useAtom(dropdownZIndexAtom);\n\n  return (\n    <SelectPopover\n      {...otherProps}\n      anchorRef={controlRef}\n      offset={offset}\n      role=\"listbox\"\n      className={cnSelectDropdown()}\n      size={size}\n      controlRef={controlRef}\n      openAtom={openAtom}\n      form={form}\n      onMount={setIsListMount}\n      style={{ zIndex }}\n    >\n      {isListMount && (\n        <div\n          className={cnSelectDropdown('ScrollContainer', [\n            cnMixSpace({\n              pV: mapVerticalSpace[size],\n            }),\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n          ref={scrollContainerRef}\n        >\n          {isLoading && !isListShowed && <SelectLoader />}\n          <div\n            className={cnSelectDropdown('List')}\n            key={cnSelectDropdown('List')}\n            style={{ marginTop: spaceTop }}\n          >\n            {visibleItems.map((group) => {\n              if (isOptionForCreate(group)) {\n                const index = getIndex();\n                return (\n                  <SelectCreateButton\n                    size={size}\n                    key={cnSelectDropdown('List', { key: 'CreateButton' })}\n                    labelForCreate={labelForCreate}\n                    indent={indent}\n                    ref={itemsRefs[index]}\n                    onClick={onCreate}\n                    highlightedIndexAtom={highlightedIndexAtom}\n                    inputValueAtom={inputValueAtom}\n                    highlightIndex={highlightIndex}\n                    index={index}\n                  />\n                );\n              }\n\n              const virtualIndex =\n                visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n              return (\n                <Fragment key={group.key}>\n                  {group.group &&\n                    getGroupLabel &&\n                    isVisible(slice, virtualIndex) && (\n                      <SelectGroupLabel\n                        label={getGroupLabel(group.group)}\n                        size={size}\n                        indent={indent}\n                        ref={listRefs[virtualIndex]}\n                        key={`group-${group.key}-Label`}\n                      />\n                    )}\n                  {group.items.map((item) => {\n                    if (isOptionForSelectAll(item)) {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectItemAll\n                            label={selectAllLabel}\n                            groupId={group.key}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            groupsCounterAtom={groupsCounterAtom}\n                            key={cnSelectDropdown('SelectItemAll', {\n                              group: group.key,\n                            })}\n                            ref={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            indent={indent}\n                            size={size}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                          />\n                        );\n                      }\n                    } else {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectRenderItem\n                            key={cnSelectDropdown('SelectRenderItem', {\n                              group: group.key,\n                              item: getItemKey(item),\n                            })}\n                            getItemKeyAtom={getItemKeyAtom}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            rootRef={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            renderItem={renderItem}\n                            item={item}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                            valueAtom={valueAtom}\n                          />\n                        );\n                      }\n                    }\n                  })}\n                </Fragment>\n              );\n            })}\n            {isLoading && isListShowed && (\n              <ListLoader size={size} innerOffset={indent} />\n            )}\n          </div>\n          {!isLoading && !hasItems && labelForEmptyItems && (\n            <ListItem\n              size={size}\n              label={labelForEmptyItems}\n              innerOffset={indent}\n            >\n              {labelForEmptyItems}\n            </ListItem>\n          )}\n        </div>\n      )}\n    </SelectPopover>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","names":["useAtom","React","Fragment","memo","useMemo","ListItem","ListLoader","mapVerticalSpace","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","forkRef","useForkRef","useVirtualScroll","cnMixScrollBar","cnMixSpace","cnCanary","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","SelectPopover","SelectRenderItem","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","length","index","element","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionActions","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItemsAtom","form","openAtom","offset","offsetProp","renderItem","visibleItemsAtom","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","highlightedIndexAtom","valueAtom","getItemKeyAtom","highlightIndex","onCreate","onChange","onChangeAll","inputValueAtom","groupsCounterAtom","dropdownZIndexAtom","selectAllLabel","container","otherProps","visibleItems","hasItems","isListMount","setIsListMount","getItemKey","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","scrollContainerRef","getIndex","getVirtualIndex","zIndex","pV","marginTop","map","key","virtualIndex","item"],"sources":["../../../../../../src/components/SelectCanary/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport { AtomMut } from '@reatom/framework';\nimport { useAtom } from '@reatom/npm-react';\nimport React, { Fragment, memo, useMemo } from 'react';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport {\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { PopoverPropOffset } from '##/components/Popover';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '##/components/SelectCanary/useSelect';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { fabricIndex } from '##/utils/fabricIndex';\nimport { SelectAllItem } from '##/utils/getGroups';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nimport { SelectCreateButton } from '../SelectCreateButton/SelectCreateButton';\nimport { SelectGroupLabel } from '../SelectGroupLabel/SelectGroupLabel';\nimport { SelectItemAll } from '../SelectItemAll/SelectItemAll';\nimport { SelectLoader } from '../SelectLoader/SelectLoader';\nimport { SelectPopover } from '../SelectPopover';\nimport { SelectRenderItem } from '../SelectRenderItem';\nimport { CountedGroup } from '../types';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype RenderItemProps<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\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: FieldPropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionActions(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  openAtom: AtomMut<boolean>;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  highlightedIndexAtom: AtomMut<number>;\n  visibleItemsAtom: AtomMut<(OptionForCreate | CountedGroup<ITEM, GROUP>)[]>;\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?:\n    | ((label: string | undefined) => React.ReactNode)\n    | React.ReactNode;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItemsAtom: AtomMut<boolean>;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\n  valueAtom: AtomMut<ITEM[]>;\n  getItemKeyAtom: AtomMut<(item: ITEM) => string | number>;\n  onChangeAll: (e: React.SyntheticEvent, items: ITEM[]) => void;\n  highlightIndex: (index: number) => void;\n  onCreate: (e: React.SyntheticEvent) => void;\n  onChange: (e: React.SyntheticEvent, item: ITEM) => void;\n  inputValueAtom: AtomMut<string>;\n  groupsCounterAtom: AtomMut<Record<string, [number, number]>>;\n  dropdownZIndexAtom: AtomMut<number | undefined>;\n  selectAllLabel: string;\n  viewportRef?: React.RefObject<HTMLElement>;\n  container?: Element;\n}>;\n\ntype SelectDropdownComponent = <ITEM, GROUP>(\n  props: Props<ITEM, GROUP>,\n) => React.ReactNode | null;\n\nconst cnSelectDropdown = cn('SelectDropdown');\n\nconst getLengthElements = <ITEM, GROUP>(\n  elements: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n      }\n  )[],\n) => {\n  let length = elements.length <= 1 ? 0 : elements.length;\n\n  for (let index = 0; index < elements.length; index++) {\n    const element = elements[index];\n\n    if (isNotOptionForCreate(element) && element?.items?.length) {\n      length += element.items.length;\n    }\n  }\n\n  return length;\n};\n\nconst isVisible = (slice: [number, number], index: number) => {\n  return index >= slice[0] && index < slice[1];\n};\n\nexport const SelectDropdown: SelectDropdownComponent = memo((props) => {\n  const {\n    controlRef,\n    size,\n    getOptionActions,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItemsAtom,\n    form,\n    openAtom,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItemsAtom,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    highlightedIndexAtom,\n    valueAtom,\n    getItemKeyAtom,\n    highlightIndex,\n    onCreate,\n    onChange,\n    onChangeAll,\n    inputValueAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n    selectAllLabel,\n    container,\n    ...otherProps\n  } = props;\n\n  const [visibleItems] = useAtom(visibleItemsAtom);\n\n  const [hasItems] = useAtom(hasItemsAtom);\n  const [isListMount, setIsListMount] = useAtom(false);\n  const [getItemKey] = useAtom(getItemKeyAtom);\n  const indent = form === 'round' ? 'increased' : 'normal';\n\n  const isListShowed = useMemo(() => {\n    return (\n      visibleItems.filter(\n        (group) =>\n          isOptionForCreate(group) ||\n          (Array.isArray(group.items) && group.items.length > 0),\n      ).length > 0\n    );\n  }, [visibleItems]);\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const lengthForVirtualScroll = useMemo(\n    () => getLengthElements(visibleItems),\n    [visibleItems],\n  );\n\n  const {\n    spaceTop,\n    slice: sliceHookProp,\n    listRefs,\n    scrollElementRef,\n  } = useVirtualScroll({\n    length: lengthForVirtualScroll,\n    isActive: virtualScroll && isListMount,\n    onScrollToBottom,\n  });\n\n  const scrollContainerRef = useForkRef([scrollElementRef, dropdownRefProp]);\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const getIndex = fabricIndex();\n  const getVirtualIndex = fabricIndex();\n  const [zIndex] = useAtom(dropdownZIndexAtom);\n\n  return (\n    <SelectPopover\n      {...otherProps}\n      anchorRef={controlRef}\n      offset={offset}\n      role=\"listbox\"\n      className={cnSelectDropdown()}\n      size={size}\n      controlRef={controlRef}\n      openAtom={openAtom}\n      form={form}\n      onMount={setIsListMount}\n      style={{ zIndex }}\n      container={container}\n    >\n      {isListMount && (\n        <div\n          className={cnSelectDropdown('ScrollContainer', [\n            cnMixSpace({\n              pV: mapVerticalSpace[size],\n            }),\n            cnMixScrollBar({ size: 'xs' }),\n          ])}\n          ref={scrollContainerRef}\n        >\n          {isLoading && !isListShowed && <SelectLoader />}\n          <div\n            className={cnSelectDropdown('List')}\n            key={cnSelectDropdown('List')}\n            style={{ marginTop: spaceTop }}\n          >\n            {visibleItems.map((group) => {\n              if (isOptionForCreate(group)) {\n                const index = getIndex();\n                return (\n                  <SelectCreateButton\n                    size={size}\n                    key={cnSelectDropdown('List', { key: 'CreateButton' })}\n                    labelForCreate={labelForCreate}\n                    indent={indent}\n                    ref={itemsRefs[index]}\n                    onClick={onCreate}\n                    highlightedIndexAtom={highlightedIndexAtom}\n                    inputValueAtom={inputValueAtom}\n                    highlightIndex={highlightIndex}\n                    index={index}\n                  />\n                );\n              }\n\n              const virtualIndex =\n                visibleItems.length > 1 ? getVirtualIndex() : 0;\n\n              return (\n                <Fragment key={group.key}>\n                  {group.group &&\n                    getGroupLabel &&\n                    isVisible(slice, virtualIndex) && (\n                      <SelectGroupLabel\n                        label={getGroupLabel(group.group)}\n                        size={size}\n                        indent={indent}\n                        ref={listRefs[virtualIndex]}\n                        key={`group-${group.key}-Label`}\n                      />\n                    )}\n                  {group.items.map((item) => {\n                    if (isOptionForSelectAll(item)) {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectItemAll\n                            label={selectAllLabel}\n                            groupId={group.key}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            groupsCounterAtom={groupsCounterAtom}\n                            key={cnSelectDropdown('SelectItemAll', {\n                              group: group.key,\n                            })}\n                            ref={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            indent={indent}\n                            size={size}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                          />\n                        );\n                      }\n                    } else {\n                      const virtualIndex = getVirtualIndex();\n                      const index = getIndex();\n                      if (isVisible(slice, virtualIndex)) {\n                        return (\n                          <SelectRenderItem\n                            key={cnSelectDropdown('SelectRenderItem', {\n                              group: group.key,\n                              item: getItemKey(item),\n                            })}\n                            getItemKeyAtom={getItemKeyAtom}\n                            highlightedIndexAtom={highlightedIndexAtom}\n                            rootRef={forkRef([\n                              listRefs[virtualIndex],\n                              itemsRefs[index],\n                            ])}\n                            renderItem={renderItem}\n                            item={item}\n                            {...getOptionActions({\n                              index,\n                              item,\n                            })}\n                            index={index}\n                            valueAtom={valueAtom}\n                          />\n                        );\n                      }\n                    }\n                  })}\n                </Fragment>\n              );\n            })}\n            {isLoading && isListShowed && (\n              <ListLoader size={size} innerOffset={indent} />\n            )}\n          </div>\n          {!isLoading && !hasItems && labelForEmptyItems && (\n            <ListItem\n              size={size}\n              label={labelForEmptyItems}\n              innerOffset={indent}\n            >\n              {labelForEmptyItems}\n            </ListItem>\n          )}\n        </div>\n      )}\n    </SelectPopover>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/SelectCanary/SelectMultiple/SelectMultiple.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","status","size","disabled","value","renderValue","isLoading","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","dropdownViewportRef"];import"./SelectMultiple.css";import{useAction}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{FieldArrayValueItem}from"../../FieldComponents";import{SelectDropdown}from"../SelectDropdown";import{SelectItem}from"../SelectItem";import{useForkRef}from"../../../hooks/useForkRef";import{cnCanary as cn}from"../../../utils/bem";import{useSendToAtom}from"../../../utils/state";import{withCtx}from"../../../utils/state/withCtx";import{withDefault}from"../defaultProps";import{SelectControlLayout}from"../SelectControlLayout";import{SelectMultipleValue}from"../SelectMultipleValue";import{useSelect}from"../useSelect";var cnSelectMultiple=cn("SelectMultiple"),SelectMultipleRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.status,g=c.size,h=c.disabled,i=c.value,j=c.renderValue,k=c.isLoading,l=c.dropdownRef,m=c.dropdownForm,n=c.renderItem,o=c.getGroupLabel,p=c.labelForCreate,q=c.labelForEmptyItems,r=c.virtualScroll,s=c.onScrollToBottom,t=c.style,u=c.className,v=c.placeholder,w=c.view,x=c.iconClear,y=c.input,z=c.inputValue,A=c.inputDefaultValue,B=c.inputRef,C=c.getGroupKey,D=c.getItemDisabled,E=c.getItemGroupKey,F=c.getItemKey,G=c.getItemLabel,H=c.items,I=c.onChange,J=c.dropdownClassName,K=c.onFocus,L=c.onBlur,M=c.onCreate,N=c.onInput,O=c.multiple,P=c.groups,Q=c.onDropdownOpen,R=c.ignoreOutsideClicksRefs,S=c.clearButton,T=c.selectAll,U=c.selectAllLabel,V=c.dropdownViewportRef,W=_objectWithoutProperties(c,_excluded),X=useSelect({propsAtom:d}),Y=X.getOptionActions,Z=X.openAtom,$=X.visibleItemsAtom,_=X.focusAtom,aa=X.handleInputFocus,ba=X.handleInputBlur,ca=X.handleToggleDropdown,da=X.inputRef,ea=X.handleInputClick,fa=X.handleInputChange,ga=X.clearValue,ha=X.optionsRefs,ia=X.controlRef,ja=X.dropdownRef,ka=X.clearButtonAtom,la=X.highlightedIndexAtom,ma=X.getItemKeyAtom,na=X.valueAtom,oa=X.onChangeAll,pa=X.highlightIndex,qa=X.onCreate,ra=X.onChange,sa=X.inputValueAtom,ta=X.getHandleRemoveValue,ua=X.hasItemsAtom,va=X.groupsCounterAtom,wa=X.dropdownZIndexAtom,xa=useRef(null),ya=useAction(function(a,b){var c=b.item,d=b.active,e=b.hovered,f=b.onClick,h=b.onMouseEnter,i=b.ref;return React.createElement(SelectItem,{label:G(c),active:d,hovered:e,size:g,indent:"round"===m?"increased":"normal",onClick:f,onMouseEnter:h,disabled:D(c),ref:i,multiple:!0})},[D,g,G,m]),za=useAction(function(a,b){return(j||function renderValueDefault(a){var b=a.value,c=a.getRemove;return b.map(function(a){var b=h||D(a);return React.createElement(FieldArrayValueItem,{key:F(a),size:g,label:G(a),disabled:b,onRemove:b?void 0:c(a)})})})({value:b,getRemove:ta})},[h,D,F,g,G,j]);return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},W,{style:t,className:cnSelectMultiple(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:ga,onDropdownButton:ca,openAtom:Z,focusAtom:_,view:w,iconClear:x,clearButtonAtom:ka,ref:useForkRef([b,ia])}),React.createElement(SelectMultipleValue,{propsAtom:d,onFocus:aa,onBlur:ba,onClick:ea,onChange:fa,renderValue:za,inputRef:useForkRef([da,B]),ref:xa})),React.createElement(SelectDropdown,{valueAtom:na,getItemKeyAtom:ma,openAtom:Z,size:g,controlRef:ia,getOptionActions:Y,dropdownRef:useForkRef([ja,l]),form:m,className:J,renderItem:n||ya,getGroupLabel:o,visibleItemsAtom:$,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ha,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:la,highlightIndex:pa,onChangeAll:oa,onCreate:qa,onChange:ra,inputValueAtom:sa,hasItemsAtom:ua,groupsCounterAtom:va,dropdownZIndexAtom:wa,selectAllLabel:U,viewportRef:V}))};export var SelectMultiple=withCtx(forwardRef(SelectMultipleRender));
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["form","status","size","disabled","value","renderValue","isLoading","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","dropdownViewportRef","dropdownContainer"];import"./SelectMultiple.css";import{useAction}from"@reatom/npm-react";import React,{forwardRef,useRef}from"react";import{FieldArrayValueItem}from"../../FieldComponents";import{SelectDropdown}from"../SelectDropdown";import{SelectItem}from"../SelectItem";import{useForkRef}from"../../../hooks/useForkRef";import{cnCanary as cn}from"../../../utils/bem";import{useSendToAtom}from"../../../utils/state";import{withCtx}from"../../../utils/state/withCtx";import{withDefault}from"../defaultProps";import{SelectControlLayout}from"../SelectControlLayout";import{SelectMultipleValue}from"../SelectMultipleValue";import{useSelect}from"../useSelect";var cnSelectMultiple=cn("SelectMultiple"),SelectMultipleRender=function(a,b){var c=withDefault(a),d=useSendToAtom(c),e=c.form,f=c.status,g=c.size,h=c.disabled,i=c.value,j=c.renderValue,k=c.isLoading,l=c.dropdownRef,m=c.dropdownForm,n=c.renderItem,o=c.getGroupLabel,p=c.labelForCreate,q=c.labelForEmptyItems,r=c.virtualScroll,s=c.onScrollToBottom,t=c.style,u=c.className,v=c.placeholder,w=c.view,x=c.iconClear,y=c.input,z=c.inputValue,A=c.inputDefaultValue,B=c.inputRef,C=c.getGroupKey,D=c.getItemDisabled,E=c.getItemGroupKey,F=c.getItemKey,G=c.getItemLabel,H=c.items,I=c.onChange,J=c.dropdownClassName,K=c.onFocus,L=c.onBlur,M=c.onCreate,N=c.onInput,O=c.multiple,P=c.groups,Q=c.onDropdownOpen,R=c.ignoreOutsideClicksRefs,S=c.clearButton,T=c.selectAll,U=c.selectAllLabel,V=c.dropdownViewportRef,W=c.dropdownContainer,X=_objectWithoutProperties(c,_excluded),Y=useSelect({propsAtom:d}),Z=Y.getOptionActions,$=Y.openAtom,_=Y.visibleItemsAtom,aa=Y.focusAtom,ba=Y.handleInputFocus,ca=Y.handleInputBlur,da=Y.handleToggleDropdown,ea=Y.inputRef,fa=Y.handleInputClick,ga=Y.handleInputChange,ha=Y.clearValue,ia=Y.optionsRefs,ja=Y.controlRef,ka=Y.dropdownRef,la=Y.clearButtonAtom,ma=Y.highlightedIndexAtom,na=Y.getItemKeyAtom,oa=Y.valueAtom,pa=Y.onChangeAll,qa=Y.highlightIndex,ra=Y.onCreate,sa=Y.onChange,ta=Y.inputValueAtom,ua=Y.getHandleRemoveValue,va=Y.hasItemsAtom,wa=Y.groupsCounterAtom,xa=Y.dropdownZIndexAtom,ya=useRef(null),za=useAction(function(a,b){var c=b.item,d=b.active,e=b.hovered,f=b.onClick,h=b.onMouseEnter,i=b.ref;return React.createElement(SelectItem,{label:G(c),active:d,hovered:e,size:g,indent:"round"===m?"increased":"normal",onClick:f,onMouseEnter:h,disabled:D(c),ref:i,multiple:!0})},[D,g,G,m]),Aa=useAction(function(a,b){return(j||function renderValueDefault(a){var b=a.value,c=a.getRemove;return b.map(function(a){var b=h||D(a);return React.createElement(FieldArrayValueItem,{key:F(a),size:g,label:G(a),disabled:b,onRemove:b?void 0:c(a)})})})({value:b,getRemove:ua})},[h,D,F,g,G,j]);return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},X,{style:t,className:cnSelectMultiple(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:ha,onDropdownButton:da,openAtom:$,focusAtom:aa,view:w,iconClear:x,clearButtonAtom:la,ref:useForkRef([b,ja])}),React.createElement(SelectMultipleValue,{propsAtom:d,onFocus:ba,onBlur:ca,onClick:fa,onChange:ga,renderValue:Aa,inputRef:useForkRef([ea,B]),ref:ya})),React.createElement(SelectDropdown,{valueAtom:oa,getItemKeyAtom:na,openAtom:$,size:g,controlRef:ja,getOptionActions:Z,dropdownRef:useForkRef([ka,l]),form:m,className:J,renderItem:n||za,getGroupLabel:o,visibleItemsAtom:_,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ia,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:ma,highlightIndex:qa,onChangeAll:pa,onCreate:ra,onChange:sa,inputValueAtom:ta,hasItemsAtom:va,groupsCounterAtom:wa,dropdownZIndexAtom:xa,selectAllLabel:U,viewportRef:V,container:W}))};export var SelectMultiple=withCtx(forwardRef(SelectMultipleRender));
 //# sourceMappingURL=SelectMultiple.js.map

package/__internal__/src/components/SelectCanary/SelectMultiple/SelectMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMultiple.js","names":["useAction","React","forwardRef","useRef","FieldArrayValueItem","SelectDropdown","SelectItem","useForkRef","cnCanary","cn","useSendToAtom","withCtx","withDefault","SelectControlLayout","SelectMultipleValue","useSelect","cnSelectMultiple","SelectMultipleRender","props","ref","propsWithDefault","propsAtom","form","status","size","disabled","value","renderValue","isLoading","dropdownRefProp","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","dropdownClassName","onFocus","onBlur","onCreateProp","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","dropdownViewportRef","otherProps","getOptionActions","openAtom","visibleItemsAtom","focusAtom","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","optionsRefs","controlRef","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","highlightIndex","inputValueAtom","getHandleRemoveValue","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","valueContainerRef","renderItemDefault","ctx","item","active","hovered","onClick","onMouseEnter","inlineControlRender","renderValueDefault","getRemove","map","itemDisabled","SelectMultiple"],"sources":["../../../../../../src/components/SelectCanary/SelectMultiple/SelectMultiple.tsx"],"sourcesContent":["import './SelectMultiple.css';\n\nimport { useAction } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { FieldArrayValueItem } from '##/components/FieldComponents';\nimport { SelectDropdown } from '##/components/SelectCanary/SelectDropdown';\nimport { SelectItem } from '##/components/SelectCanary/SelectItem';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { useSendToAtom } from '##/utils/state';\nimport { withCtx } from '##/utils/state/withCtx';\n\nimport {\n  RenderItemProps,\n  SelectComponent,\n  SelectGroupDefault,\n  SelectItemDefault,\n  SelectPropRenderItem,\n  SelectProps,\n} from '..';\nimport { withDefault } from '../defaultProps';\nimport { SelectControlLayout } from '../SelectControlLayout';\nimport { SelectMultipleValue } from '../SelectMultipleValue';\nimport { useSelect } from '../useSelect';\n\nconst cnSelectMultiple = cn('SelectMultiple');\n\nconst SelectMultipleRender = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n>(\n  props: SelectProps<ITEM, GROUP, true>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const propsWithDefault = withDefault(props);\n\n  const propsAtom = useSendToAtom(propsWithDefault);\n\n  const {\n    form,\n    status,\n    size,\n    disabled,\n    value,\n    renderValue,\n    isLoading,\n    dropdownRef: dropdownRefProp,\n    dropdownForm,\n    renderItem,\n    getGroupLabel,\n    labelForCreate,\n    labelForEmptyItems,\n    virtualScroll,\n    onScrollToBottom,\n    style,\n    className,\n    placeholder,\n    view,\n    iconClear,\n    input,\n    inputValue,\n    inputDefaultValue,\n    inputRef: inputRefProp,\n\n    // исключаем из otherProps\n    getGroupKey,\n    getItemDisabled,\n    getItemGroupKey,\n    getItemKey,\n    getItemLabel,\n    items,\n    onChange: onChangeProp,\n    dropdownClassName,\n    onFocus,\n    onBlur,\n    onCreate: onCreateProp,\n    onInput,\n    multiple,\n    groups,\n    onDropdownOpen,\n    ignoreOutsideClicksRefs,\n    clearButton,\n    selectAll,\n    selectAllLabel,\n    dropdownViewportRef,\n    ...otherProps\n  } = propsWithDefault;\n\n  const {\n    getOptionActions,\n    openAtom,\n    visibleItemsAtom,\n    focusAtom,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    clearValue,\n    optionsRefs,\n    controlRef,\n    dropdownRef,\n    clearButtonAtom,\n    highlightedIndexAtom,\n    getItemKeyAtom,\n    valueAtom,\n    onChangeAll,\n    highlightIndex,\n    onCreate,\n    onChange,\n    inputValueAtom,\n    getHandleRemoveValue,\n    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n  } = useSelect<ITEM, GROUP, true>({\n    propsAtom,\n  });\n\n  const valueContainerRef = useRef<HTMLDivElement>(null);\n\n  const renderItemDefault: SelectPropRenderItem<ITEM> = useAction(\n    (\n      ctx,\n      {\n        item,\n        active,\n        hovered,\n        onClick,\n        onMouseEnter,\n        ref,\n      }: RenderItemProps<ITEM>,\n    ) => {\n      return (\n        <SelectItem\n          label={getItemLabel(item)}\n          active={active}\n          hovered={hovered}\n          size={size}\n          indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n          onClick={onClick}\n          onMouseEnter={onMouseEnter}\n          disabled={getItemDisabled(item)}\n          ref={ref}\n          multiple\n        />\n      );\n    },\n    [getItemDisabled, size, getItemLabel, dropdownForm],\n  );\n\n  const inlineControlRender = useAction(\n    (ctx, value: ITEM[]) => {\n      const renderValueDefault = ({\n        value,\n        getRemove,\n      }: {\n        value: ITEM[];\n        getRemove: (\n          item: ITEM,\n        ) => (e: React.SyntheticEvent<Element, Event>) => void;\n      }) => {\n        return value.map((item) => {\n          const itemDisabled = disabled || getItemDisabled(item);\n          return (\n            <FieldArrayValueItem\n              key={getItemKey(item)}\n              size={size}\n              label={getItemLabel(item)}\n              disabled={itemDisabled}\n              onRemove={itemDisabled ? undefined : getRemove(item)}\n            />\n          );\n        });\n      };\n\n      return (renderValue || renderValueDefault)({\n        value,\n        getRemove: getHandleRemoveValue,\n      });\n    },\n    [disabled, getItemDisabled, getItemKey, size, getItemLabel, renderValue],\n  );\n\n  return (\n    <>\n      <SelectControlLayout\n        {...otherProps}\n        style={style}\n        className={cnSelectMultiple(null, [className])}\n        form={form}\n        status={status}\n        size={size}\n        disabled={disabled}\n        separator\n        onClear={clearValue}\n        onDropdownButton={handleToggleDropdown}\n        openAtom={openAtom}\n        focusAtom={focusAtom}\n        view={view}\n        iconClear={iconClear}\n        clearButtonAtom={clearButtonAtom}\n        ref={useForkRef([ref, controlRef])}\n      >\n        <SelectMultipleValue\n          propsAtom={propsAtom}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onClick={handleInputClick}\n          onChange={handleInputChange}\n          renderValue={inlineControlRender}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          ref={valueContainerRef}\n        />\n      </SelectControlLayout>\n      <SelectDropdown\n        valueAtom={valueAtom}\n        getItemKeyAtom={getItemKeyAtom}\n        openAtom={openAtom}\n        size={size}\n        controlRef={controlRef}\n        getOptionActions={getOptionActions}\n        dropdownRef={useForkRef([dropdownRef, dropdownRefProp])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItemsAtom={visibleItemsAtom}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        highlightedIndexAtom={highlightedIndexAtom}\n        highlightIndex={highlightIndex}\n        onChangeAll={onChangeAll}\n        onCreate={onCreate}\n        onChange={onChange}\n        inputValueAtom={inputValueAtom}\n        hasItemsAtom={hasItemsAtom}\n        groupsCounterAtom={groupsCounterAtom}\n        dropdownZIndexAtom={dropdownZIndexAtom}\n        selectAllLabel={selectAllLabel}\n        viewportRef={dropdownViewportRef}\n      />\n    </>\n  );\n};\n\nexport const SelectMultiple = withCtx(\n  forwardRef(SelectMultipleRender),\n) as SelectComponent;\n"],"mappings":"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"}
+{"version":3,"file":"SelectMultiple.js","names":["useAction","React","forwardRef","useRef","FieldArrayValueItem","SelectDropdown","SelectItem","useForkRef","cnCanary","cn","useSendToAtom","withCtx","withDefault","SelectControlLayout","SelectMultipleValue","useSelect","cnSelectMultiple","SelectMultipleRender","props","ref","propsWithDefault","propsAtom","form","status","size","disabled","value","renderValue","isLoading","dropdownRefProp","dropdownRef","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRefProp","inputRef","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","onChange","dropdownClassName","onFocus","onBlur","onCreateProp","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","dropdownViewportRef","dropdownContainer","otherProps","getOptionActions","openAtom","visibleItemsAtom","focusAtom","handleInputFocus","handleInputBlur","handleToggleDropdown","handleInputClick","handleInputChange","clearValue","optionsRefs","controlRef","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","highlightIndex","inputValueAtom","getHandleRemoveValue","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","valueContainerRef","renderItemDefault","ctx","item","active","hovered","onClick","onMouseEnter","inlineControlRender","renderValueDefault","getRemove","map","itemDisabled","SelectMultiple"],"sources":["../../../../../../src/components/SelectCanary/SelectMultiple/SelectMultiple.tsx"],"sourcesContent":["import './SelectMultiple.css';\n\nimport { useAction } from '@reatom/npm-react';\nimport React, { forwardRef, useRef } from 'react';\n\nimport { FieldArrayValueItem } from '##/components/FieldComponents';\nimport { SelectDropdown } from '##/components/SelectCanary/SelectDropdown';\nimport { SelectItem } from '##/components/SelectCanary/SelectItem';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnCanary as cn } from '##/utils/bem';\nimport { useSendToAtom } from '##/utils/state';\nimport { withCtx } from '##/utils/state/withCtx';\n\nimport {\n  RenderItemProps,\n  SelectComponent,\n  SelectGroupDefault,\n  SelectItemDefault,\n  SelectPropRenderItem,\n  SelectProps,\n} from '..';\nimport { withDefault } from '../defaultProps';\nimport { SelectControlLayout } from '../SelectControlLayout';\nimport { SelectMultipleValue } from '../SelectMultipleValue';\nimport { useSelect } from '../useSelect';\n\nconst cnSelectMultiple = cn('SelectMultiple');\n\nconst SelectMultipleRender = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n>(\n  props: SelectProps<ITEM, GROUP, true>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const propsWithDefault = withDefault(props);\n\n  const propsAtom = useSendToAtom(propsWithDefault);\n\n  const {\n    form,\n    status,\n    size,\n    disabled,\n    value,\n    renderValue,\n    isLoading,\n    dropdownRef: dropdownRefProp,\n    dropdownForm,\n    renderItem,\n    getGroupLabel,\n    labelForCreate,\n    labelForEmptyItems,\n    virtualScroll,\n    onScrollToBottom,\n    style,\n    className,\n    placeholder,\n    view,\n    iconClear,\n    input,\n    inputValue,\n    inputDefaultValue,\n    inputRef: inputRefProp,\n\n    // исключаем из otherProps\n    getGroupKey,\n    getItemDisabled,\n    getItemGroupKey,\n    getItemKey,\n    getItemLabel,\n    items,\n    onChange: onChangeProp,\n    dropdownClassName,\n    onFocus,\n    onBlur,\n    onCreate: onCreateProp,\n    onInput,\n    multiple,\n    groups,\n    onDropdownOpen,\n    ignoreOutsideClicksRefs,\n    clearButton,\n    selectAll,\n    selectAllLabel,\n    dropdownViewportRef,\n    dropdownContainer,\n    ...otherProps\n  } = propsWithDefault;\n\n  const {\n    getOptionActions,\n    openAtom,\n    visibleItemsAtom,\n    focusAtom,\n    handleInputFocus,\n    handleInputBlur,\n    handleToggleDropdown,\n    inputRef,\n    handleInputClick,\n    handleInputChange,\n    clearValue,\n    optionsRefs,\n    controlRef,\n    dropdownRef,\n    clearButtonAtom,\n    highlightedIndexAtom,\n    getItemKeyAtom,\n    valueAtom,\n    onChangeAll,\n    highlightIndex,\n    onCreate,\n    onChange,\n    inputValueAtom,\n    getHandleRemoveValue,\n    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n  } = useSelect<ITEM, GROUP, true>({\n    propsAtom,\n  });\n\n  const valueContainerRef = useRef<HTMLDivElement>(null);\n\n  const renderItemDefault: SelectPropRenderItem<ITEM> = useAction(\n    (\n      ctx,\n      {\n        item,\n        active,\n        hovered,\n        onClick,\n        onMouseEnter,\n        ref,\n      }: RenderItemProps<ITEM>,\n    ) => {\n      return (\n        <SelectItem\n          label={getItemLabel(item)}\n          active={active}\n          hovered={hovered}\n          size={size}\n          indent={dropdownForm === 'round' ? 'increased' : 'normal'}\n          onClick={onClick}\n          onMouseEnter={onMouseEnter}\n          disabled={getItemDisabled(item)}\n          ref={ref}\n          multiple\n        />\n      );\n    },\n    [getItemDisabled, size, getItemLabel, dropdownForm],\n  );\n\n  const inlineControlRender = useAction(\n    (ctx, value: ITEM[]) => {\n      const renderValueDefault = ({\n        value,\n        getRemove,\n      }: {\n        value: ITEM[];\n        getRemove: (\n          item: ITEM,\n        ) => (e: React.SyntheticEvent<Element, Event>) => void;\n      }) => {\n        return value.map((item) => {\n          const itemDisabled = disabled || getItemDisabled(item);\n          return (\n            <FieldArrayValueItem\n              key={getItemKey(item)}\n              size={size}\n              label={getItemLabel(item)}\n              disabled={itemDisabled}\n              onRemove={itemDisabled ? undefined : getRemove(item)}\n            />\n          );\n        });\n      };\n\n      return (renderValue || renderValueDefault)({\n        value,\n        getRemove: getHandleRemoveValue,\n      });\n    },\n    [disabled, getItemDisabled, getItemKey, size, getItemLabel, renderValue],\n  );\n\n  return (\n    <>\n      <SelectControlLayout\n        {...otherProps}\n        style={style}\n        className={cnSelectMultiple(null, [className])}\n        form={form}\n        status={status}\n        size={size}\n        disabled={disabled}\n        separator\n        onClear={clearValue}\n        onDropdownButton={handleToggleDropdown}\n        openAtom={openAtom}\n        focusAtom={focusAtom}\n        view={view}\n        iconClear={iconClear}\n        clearButtonAtom={clearButtonAtom}\n        ref={useForkRef([ref, controlRef])}\n      >\n        <SelectMultipleValue\n          propsAtom={propsAtom}\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          onClick={handleInputClick}\n          onChange={handleInputChange}\n          renderValue={inlineControlRender}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          ref={valueContainerRef}\n        />\n      </SelectControlLayout>\n      <SelectDropdown\n        valueAtom={valueAtom}\n        getItemKeyAtom={getItemKeyAtom}\n        openAtom={openAtom}\n        size={size}\n        controlRef={controlRef}\n        getOptionActions={getOptionActions}\n        dropdownRef={useForkRef([dropdownRef, dropdownRefProp])}\n        form={dropdownForm}\n        className={dropdownClassName}\n        renderItem={renderItem || renderItemDefault}\n        getGroupLabel={getGroupLabel}\n        visibleItemsAtom={visibleItemsAtom}\n        labelForCreate={labelForCreate}\n        isLoading={isLoading}\n        labelForEmptyItems={labelForEmptyItems}\n        itemsRefs={optionsRefs}\n        virtualScroll={virtualScroll}\n        onScrollToBottom={onScrollToBottom}\n        highlightedIndexAtom={highlightedIndexAtom}\n        highlightIndex={highlightIndex}\n        onChangeAll={onChangeAll}\n        onCreate={onCreate}\n        onChange={onChange}\n        inputValueAtom={inputValueAtom}\n        hasItemsAtom={hasItemsAtom}\n        groupsCounterAtom={groupsCounterAtom}\n        dropdownZIndexAtom={dropdownZIndexAtom}\n        selectAllLabel={selectAllLabel}\n        viewportRef={dropdownViewportRef}\n        container={dropdownContainer}\n      />\n    </>\n  );\n};\n\nexport const SelectMultiple = withCtx(\n  forwardRef(SelectMultipleRender),\n) as SelectComponent;\n"],"mappings":"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"}

package/__internal__/src/components/SelectCanary/SelectMultiple/__test__/SelectMultiple.test.js

@@ -1,2 +1,2 @@
-import{act,fireEvent,render,screen}from"@testing-library/react";import React from"react";import{createIconMock}from"../../../../../__mocks__/IconMock";import{cnFieldArrayValueInlineControl}from"../../../FieldComponents";import{cnFieldControlLayout}from"../../../FieldComponents/FieldControlLayout";import{cnListBox,cnListItem,cnListLoader}from"../../../ListCanary";import{cnSelectControlLayout}from"../../SelectControlLayout";import{cnSelectCreateButton}from"../../SelectCreateButton";import{cnSelectItemAll}from"../../SelectItemAll";import{SelectMultiple}from"../SelectMultiple";var testId="SelectSingleCanary",animationDuration=200,renderComponent=function(a){return render(React.createElement(React.Fragment,null,React.createElement("div",{"data-testid":"outside"}),React.createElement(SelectMultiple,Object.assign({"data-testid":testId,multiple:!0},a))))},getRender=function(){return screen.getByTestId(testId)},getOutside=function(){return screen.getByTestId("outside")},getInput=function(){return getRender().querySelector("input")},inputClick=function(){return fireEvent.click(getInput())},animateDelay=function(){act(function(){jest.advanceTimersByTime(animationDuration)})},getDropdown=function(){return screen.queryByRole("listbox")},outsideClick=function(){return fireEvent.mouseDown(getOutside())},getValueControl=function(){return getRender().querySelector(".".concat(cnFieldArrayValueInlineControl()))},getItems=function(){return getDropdown().querySelectorAll(".".concat(cnListItem()))},getSelectAllOptions=function(){return getDropdown().querySelectorAll(".".concat(cnSelectItemAll()))},getSelectAllOption=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0;return getSelectAllOptions()[a]},getItem=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0;return getItems()[a]},getClearButton=function(){return getRender().querySelector(".".concat(cnSelectControlLayout("ClearButton")))},getLoader=function(){return getDropdown().querySelector(".".concat(cnListLoader()))},getCreateButton=function(){return getDropdown().querySelector(".".concat(cnSelectCreateButton()))},onCreateClick=function(){return fireEvent.click(getCreateButton())},items=[{id:1,label:"Item 1",groupId:1},{id:2,label:"Item 2",groupId:1},{id:3,label:"Item 3",groupId:2}],itemsWithDisabled=[{id:1,label:"Item 1",groupId:1,disabled:!0},{id:2,label:"Item 2",groupId:1},{id:3,label:"Item 3",groupId:2,disabled:!0}],groups=[{id:1,label:"Group 1"},{id:2,label:"Group 2"}];describe("SelectSingle",function(){it("\u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442\u0441\u044F \u0431\u0435\u0437 \u043E\u0448\u0438\u0431\u043E\u043A",function(){expect(function(){return renderComponent({items:items,onChange:jest.fn()})}).not.toThrow()}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u043F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440, \u0435\u0441\u043B\u0438 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E",function(){renderComponent({items:items,onChange:jest.fn(),placeholder:"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442"}),expect(screen.getByPlaceholderText("\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442")).toBeInTheDocument()}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435",function(){renderComponent({items:items,value:[items[1]],onChange:jest.fn(),placeholder:"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442"}),expect(screen.getByText("Item 2")).toBeInTheDocument()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 ref",function(){var a={current:null};renderComponent({items:items,ref:a,onChange:jest.fn()}),expect(a.current).toBeTruthy()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 inputRef",function(){var a={current:null};renderComponent({items:items,inputRef:a,onChange:jest.fn()}),expect(a.current).toBeTruthy()}),it("\u041F\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 className",function(){renderComponent({items:items,className:"custom-class",onChange:jest.fn()}),expect(getRender()).toHaveClass("custom-class")}),it("\u041F\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u044E\u0442\u0441\u044F \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044B",function(){renderComponent({items:items,onChange:jest.fn(),"aria-placeholder":"test-autocomplete"}),expect(getRender()).toHaveAttribute("aria-placeholder","test-autocomplete")}),it("\u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toBeInTheDocument()}),it("\u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toBeInTheDocument()}),it("\u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u0432\u043D\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toBeInTheDocument(),outsideClick(),animateDelay(),expect(getDropdown()).not.toBeInTheDocument()}),it("\u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u044E\u0442\u0441\u044F \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),items.map(function(a){return expect(screen.getByText(a.label)).toBeInTheDocument()})}),it("\u043D\u0435 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u043F\u0440\u0438 disabled",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn(),disabled:!0})}),inputClick(),animateDelay(),expect(getDropdown()).not.toBeInTheDocument()}),it("value \u0432\u0435\u0440\u043D\u043E \u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442\u0441\u044F",function(){var a=[items[2]];renderComponent({items:items,value:a,onChange:jest.fn()}),expect(getValueControl().textContent).toEqual(a[0].label)}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onChange",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,onChange:a})}),inputClick(),animateDelay(),fireEvent.click(getItem(0)),expect(a).toHaveBeenCalled(),expect(a).toHaveBeenCalledTimes(1),expect(a).toHaveBeenCalledWith([items[0]],{e:expect.any(Object)})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onFocus",function(){it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onFocus",function(){var a=jest.fn();renderComponent({items:items,onChange:jest.fn(),onFocus:a}),expect(a).toHaveBeenCalledTimes(0),getInput().focus(),expect(a).toHaveBeenCalledTimes(1)})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onBlur",function(){it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onBlur",function(){var a=jest.fn();renderComponent({items:items,onChange:jest.fn(),onBlur:a}),getInput().focus(),expect(a).toHaveBeenCalledTimes(0),getInput().blur(),expect(a).toHaveBeenCalledTimes(1)})}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onDropdownOpen",function(){var a=jest.fn();renderComponent({items:items,onChange:jest.fn(),onDropdownOpen:a}),inputClick(),expect(a).toHaveBeenCalledTimes(2),outsideClick(),expect(a).toHaveBeenCalledTimes(3),inputClick(),expect(a).toHaveBeenCalledTimes(4),outsideClick(),expect(a).toHaveBeenCalledTimes(5)}),it("\u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044B",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,onChange:a})});var b=getInput();fireEvent.focus(b),animateDelay(),fireEvent.keyDown(b,{key:"ArrowDown"}),expect(getDropdown()).toBeInTheDocument(),fireEvent.keyDown(b,{key:"ArrowUp"}),fireEvent.keyDown(b,{key:"ArrowDown"}),fireEvent.keyDown(b,{key:"Enter"}),expect(a).toHaveBeenCalledWith([items[1]],{e:expect.any(Object)}),fireEvent.keyDown(b,{key:"Escape"}),animateDelay(),expect(getDropdown()).not.toBeInTheDocument(),fireEvent.keyDown(b,{key:"Enter"}),animateDelay(),expect(getDropdown()).toBeInTheDocument(),fireEvent.keyDown(b,{key:"Tab"}),animateDelay(),expect(getDropdown()).not.toBeInTheDocument(),fireEvent.keyDown(b,{key:"Tab"}),expect(b).not.toHaveFocus()}),it("disable - \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044B \u043D\u0435 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,onChange:a,disabled:!0})});var b=getInput();fireEvent.focus(b),animateDelay(),fireEvent.keyDown(b,{key:"ArrowDown"}),expect(getDropdown()).not.toBeInTheDocument(),expect(b).not.toHaveFocus(),fireEvent.keyDown(b,{key:"ArrowDown"}),expect(getDropdown()).not.toBeInTheDocument(),expect(b).not.toHaveFocus(),fireEvent.keyDown(b,{key:"Enter"}),expect(getDropdown()).not.toBeInTheDocument(),expect(b).not.toHaveFocus()}),it("\u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0432 input",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,input:!0});var b=getInput();fireEvent.change(b,{target:{value:"change"}}),expect(b.value).toEqual("change")}),it("\u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0432 input",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,input:!0});var b=getInput();fireEvent.change(b,{target:{value:"change"}}),expect(b.value).toEqual("change"),expect(a).toHaveBeenCalledWith("change")}),it("\u043F\u0440\u0438 \u0432\u0432\u043E\u0434\u0435 \u0442\u0435\u043A\u0441\u0442\u0430 \u0432 input \u0441\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442 onInput",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,input:!0}),fireEvent.change(getInput(),{target:{value:"change"}}),expect(a).toHaveBeenCalledTimes(1),expect(a).toHaveBeenCalledWith("change")}),it("disabled - \u043F\u0440\u0438 \u0432\u0432\u043E\u0434\u0435 \u0442\u0435\u043A\u0441\u0442\u0430 \u0432 input \u043D\u0435 \u0441\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442 onInput",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,disabled:!0,input:!0}),fireEvent.change(getInput(),{target:{value:"change"}}),expect(a).not.toHaveBeenCalled()}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F inputValue",function(){var a=jest.fn(),b="\u044F \u0438\u0449\u0443";renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,inputValue:b,input:!0}),expect(getInput().value).toEqual(b)}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F inputDefaultValue",function(){renderComponent({items:items,value:[items[0]],onChange:jest.fn(),inputDefaultValue:"\u044F \u0438\u0449\u0443",input:!0}),expect(getInput().value).toEqual("\u044F \u0438\u0449\u0443")}),it("disabled - \u043F\u0440\u0438 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0438 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E Backspace \u043E\u043D \u043D\u0435 \u0443\u0434\u0430\u043B\u044F\u0435\u0442\u0441\u044F",function(){var a=jest.fn(),b="\u044F \u0438\u0449\u0443";renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,inputValue:b,disabled:!0,input:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),fireEvent.keyDown(getInput(),{key:"Backspace"}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(getInput().value).toEqual(b)}),it("clearButton \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F \u043F\u0440\u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0438",function(){renderComponent({items:items,value:[items[0]],onChange:jest.fn(),clearButton:!0});var a=getClearButton();expect(a).toBeInTheDocument()}),it("\u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 \u043E\u0447\u0438\u0441\u0442\u043A\u0438",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0});var b=getClearButton();fireEvent.click(b),expect(a).toHaveBeenCalledWith(null,{e:expect.any(Object)})}),it("\u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 Backspace",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(a).toHaveBeenCalledWith(null,{e:expect.any(Object)})}),it("disabled - \u043D\u0435 \u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 \u043E\u0447\u0438\u0441\u0442\u043A\u0438",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0,disabled:!0});var b=getClearButton();fireEvent.click(b),expect(a).not.toHaveBeenCalled()}),it("disabled - \u043D\u0435 \u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 Backspace",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0,disabled:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(a).not.toHaveBeenCalled()}),it("disabled - \u043D\u0435 \u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 Backspace",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0,disabled:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(a).not.toHaveBeenCalled()}),it("\u0433\u0440\u0443\u043F\u043F\u044B \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u044E\u0442\u0441\u044F",function(){renderComponent({items:items,groups:groups,value:[items[0]],onChange:jest.fn()}),inputClick(),animateDelay(),groups.map(function(a){return expect(screen.getByText(a.label)).toBeInTheDocument()})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 dropdownForm",function(){["default","brick","round"].map(function(a){it("dropdownForm = ".concat(a),function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,dropdownForm:a,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toHaveClass(cnListBox({form:a}).split(" ")[1])})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 form",function(){["default","defaultClear","defaultBrick","brick","brickDefault","brickClear","brickRound","round","roundClear","roundBrick","clearRound","clearDefault","clearBrick","clear"].map(function(a){it("form = ".concat(a),function(){renderComponent({items:items,form:a,onChange:jest.fn()}),expect(getRender()).toHaveClass(cnFieldControlLayout({form:a}).split(" ")[1])})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 view",function(){["default","clear"].map(function(a){it("view = ".concat(a),function(){renderComponent({items:items,view:a,onChange:jest.fn()}),expect(getRender()).toHaveClass(cnFieldControlLayout({view:a}).split(" ")[1])})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 status",function(){["alert","success","warning"].map(function(a){it("status = ".concat(a),function(){renderComponent({items:items,status:a,onChange:jest.fn()}),expect(getRender()).toHaveClass(cnFieldControlLayout({status:a}).split(" ")[1])})})}),it("\u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B disabled \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u044E\u0442\u0441\u044F \u0441 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0449\u0435\u043C \u043A\u043B\u0430\u0441\u0441\u043E\u043C",function(){jest.useFakeTimers(),act(function(){renderComponent({items:itemsWithDisabled,onChange:jest.fn()})}),inputClick(),animateDelay(),itemsWithDisabled.map(function(a,b){a.disabled?expect(getItem(b)).toHaveClass(cnListItem({disabled:!0}).split(" ")[1]):expect(getItem(b)).not.toHaveClass(cnListItem({disabled:!0}).split(" ")[1])})}),describe("\u043F\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430\u043C disabled \u043D\u0435 \u043E\u0442\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442 onChange",function(){itemsWithDisabled.map(function(a,b){it("item ".concat(b," disabled = ").concat(a.disabled),function(){jest.useFakeTimers();var c=jest.fn();act(function(){renderComponent({items:itemsWithDisabled,onChange:c})}),inputClick(),animateDelay(),fireEvent.click(getItem(b)),a.disabled?expect(c).not.toHaveBeenCalled():expect(c).toHaveBeenCalled()})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 isLoading",function(){it("isLoading = true",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,isLoading:!0,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getLoader()).toBeInTheDocument()}),[!1,void 0].map(function(a){it("isLoading = ".concat(a),function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,isLoading:a,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getLoader()).not.toBeInTheDocument()})})}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onCreate",function(){jest.useFakeTimers();var a=jest.fn(),b="test";act(function(){renderComponent({items:items,onCreate:a,inputValue:b,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getCreateButton()).toBeInTheDocument(),onCreateClick(),expect(a).toHaveBeenCalled(),expect(a).toHaveBeenCalledWith(b,{e:expect.any(Object)})}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 labelForCreate",function(){jest.useFakeTimers();act(function(){renderComponent({items:items,labelForCreate:"\u0421\u043E\u0437\u0434\u0430\u0442\u044C",onCreate:jest.fn(),onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getCreateButton()).toBeInTheDocument()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 iconClear",function(){jest.useFakeTimers();var a=createIconMock("iconClear");act(function(){renderComponent({items:items,iconClear:a,clearButton:!0,inputValue:"test",onCreate:jest.fn(),onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getClearButton().textContent).toEqual("iconClear")}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 renderItem",function(){jest.useFakeTimers();var a=function(a){var b=a.item;return React.createElement("div",{className:"test"},b.label)};act(function(){renderComponent({items:items,renderItem:a,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown().querySelectorAll(".test")[0]).toBeInTheDocument(),expect(getDropdown().querySelectorAll(".test")[0].textContent).toEqual(items[0].label)}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 renderValue",function(){jest.useFakeTimers();var a=function(a){var b=a.value;return React.createElement(React.Fragment,null,b.map(function(a){return React.createElement("div",{className:"test"},a.label)}))};act(function(){renderComponent({items:items,renderValue:a,value:[items[0]],onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getValueControl().querySelector(".test")).toBeInTheDocument()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 selectAll",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll())}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 selectAll \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,value:items,groups:groups,selectAll:!0,onChange:a})}),inputClick(),animateDelay(),expect(getSelectAllOptions().length).toEqual(2)}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 selectAllLabel",function(){jest.useFakeTimers();var a=jest.fn(),b="\u0412\u0441\u0435";act(function(){renderComponent({items:items,selectAll:!0,onChange:a,selectAllLabel:b})}),inputClick(),animateDelay();var c=getItem(0);expect(c).toHaveTextContent(b),expect(c).toHaveClass(cnSelectItemAll())}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u043A\u043B\u0438\u043A\u0430 selectAll",function(){it("\u0435\u0441\u043B\u0438 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll()),fireEvent.click(b),expect(a).toHaveBeenCalledWith(items,{e:expect.any(Object)})}),it("\u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D \u0445\u043E\u0442\u044F \u0431\u044B 1  \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,value:[items[0]],selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll()),fireEvent.click(b),expect(a).toHaveBeenCalledWith(items,{e:expect.any(Object)})}),it("\u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u044B \u0432\u0441\u0435 \u0442\u043E \u043E\u0442\u043C\u0435\u043D\u044F\u0435\u0442 \u0432\u0441\u0435 \u0432\u044B\u0431\u043E\u0440\u044B",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,value:items,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll()),fireEvent.click(b),expect(a).toHaveBeenCalledWith([],{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith(items.filter(function(a){return a.groupId===groups[b].id}),{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith(items.filter(function(a){return a.groupId===groups[b].id}),{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D \u0445\u043E\u0442\u044F \u0431\u044B 1 \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,value:[items.filter(function(a){return a.groupId===groups[b].id})[0]],selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith(items.filter(function(a){return a.groupId===groups[b].id}),{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u044B \u0432\u0441\u0435 \u0442\u043E \u043E\u0442\u043C\u0435\u043D\u044F\u0435\u0442 \u0432\u0441\u0435 \u0432\u044B\u0431\u043E\u0440\u044B \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,value:items.filter(function(a){return a.groupId===groups[b].id}),selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith([],{e:expect.any(Object)})})})});
+import{act,fireEvent,render,screen,within}from"@testing-library/react";import React from"react";import{createIconMock}from"../../../../../__mocks__/IconMock";import{cnFieldArrayValueInlineControl}from"../../../FieldComponents";import{cnFieldControlLayout}from"../../../FieldComponents/FieldControlLayout";import{cnListBox,cnListItem,cnListLoader}from"../../../ListCanary";import{cnSelectControlLayout}from"../../SelectControlLayout";import{cnSelectCreateButton}from"../../SelectCreateButton";import{cnSelectItemAll}from"../../SelectItemAll";import{SelectMultiple}from"../SelectMultiple";var testId="SelectMultipleCanary",animationDuration=200,renderComponent=function(a){return render(React.createElement(React.Fragment,null,React.createElement("div",{"data-testid":"outside"}),React.createElement(SelectMultiple,Object.assign({"data-testid":testId,multiple:!0},a))))},getRender=function(){return screen.getByTestId(testId)},getOutside=function(){return screen.getByTestId("outside")},getInput=function(){return getRender().querySelector("input")},inputClick=function(){return fireEvent.click(getInput())},animateDelay=function(){act(function(){jest.advanceTimersByTime(animationDuration)})},getDropdown=function(){return screen.queryByRole("listbox")},outsideClick=function(){return fireEvent.mouseDown(getOutside())},getValueControl=function(){return getRender().querySelector(".".concat(cnFieldArrayValueInlineControl()))},getItems=function(){return getDropdown().querySelectorAll(".".concat(cnListItem()))},getSelectAllOptions=function(){return getDropdown().querySelectorAll(".".concat(cnSelectItemAll()))},getSelectAllOption=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0;return getSelectAllOptions()[a]},getItem=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0;return getItems()[a]},getClearButton=function(){return getRender().querySelector(".".concat(cnSelectControlLayout("ClearButton")))},getLoader=function(){return getDropdown().querySelector(".".concat(cnListLoader()))},getCreateButton=function(){return getDropdown().querySelector(".".concat(cnSelectCreateButton()))},onCreateClick=function(){return fireEvent.click(getCreateButton())},items=[{id:1,label:"Item 1",groupId:1},{id:2,label:"Item 2",groupId:1},{id:3,label:"Item 3",groupId:2}],itemsWithDisabled=[{id:1,label:"Item 1",groupId:1,disabled:!0},{id:2,label:"Item 2",groupId:1},{id:3,label:"Item 3",groupId:2,disabled:!0}],groups=[{id:1,label:"Group 1"},{id:2,label:"Group 2"}];describe("SelectMultiple",function(){it("\u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442\u0441\u044F \u0431\u0435\u0437 \u043E\u0448\u0438\u0431\u043E\u043A",function(){expect(function(){return renderComponent({items:items,onChange:jest.fn()})}).not.toThrow()}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u043F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440, \u0435\u0441\u043B\u0438 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E",function(){renderComponent({items:items,onChange:jest.fn(),placeholder:"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442"}),expect(screen.getByPlaceholderText("\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442")).toBeInTheDocument()}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435",function(){renderComponent({items:items,value:[items[1]],onChange:jest.fn(),placeholder:"\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u044D\u043B\u0435\u043C\u0435\u043D\u0442"}),expect(screen.getByText("Item 2")).toBeInTheDocument()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 ref",function(){var a={current:null};renderComponent({items:items,ref:a,onChange:jest.fn()}),expect(a.current).toBeTruthy()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 inputRef",function(){var a={current:null};renderComponent({items:items,inputRef:a,onChange:jest.fn()}),expect(a.current).toBeTruthy()}),it("\u041F\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044F \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 className",function(){renderComponent({items:items,className:"custom-class",onChange:jest.fn()}),expect(getRender()).toHaveClass("custom-class")}),it("\u041F\u0440\u0438\u0441\u0432\u0430\u0438\u0432\u0430\u044E\u0442\u0441\u044F \u0434\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044B",function(){renderComponent({items:items,onChange:jest.fn(),"aria-placeholder":"test-autocomplete"}),expect(getRender()).toHaveAttribute("aria-placeholder","test-autocomplete")}),it("\u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toBeInTheDocument()}),it("\u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toBeInTheDocument()}),it("\u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u0432\u043D\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toBeInTheDocument(),outsideClick(),animateDelay(),expect(getDropdown()).not.toBeInTheDocument()}),it("\u041E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u044E\u0442\u0441\u044F \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn()})}),inputClick(),animateDelay(),items.map(function(a){return expect(screen.getByText(a.label)).toBeInTheDocument()})}),it("\u043D\u0435 \u043E\u0442\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u043F\u043E \u043A\u043B\u0438\u043A\u0443 \u043F\u0440\u0438 disabled",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,onChange:jest.fn(),disabled:!0})}),inputClick(),animateDelay(),expect(getDropdown()).not.toBeInTheDocument()}),it("value \u0432\u0435\u0440\u043D\u043E \u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442\u0441\u044F",function(){var a=[items[2]];renderComponent({items:items,value:a,onChange:jest.fn()}),expect(getValueControl().textContent).toEqual(a[0].label)}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onChange",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,onChange:a})}),inputClick(),animateDelay(),fireEvent.click(getItem(0)),expect(a).toHaveBeenCalled(),expect(a).toHaveBeenCalledTimes(1),expect(a).toHaveBeenCalledWith([items[0]],{e:expect.any(Object)})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onFocus",function(){it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onFocus",function(){var a=jest.fn();renderComponent({items:items,onChange:jest.fn(),onFocus:a}),expect(a).toHaveBeenCalledTimes(0),getInput().focus(),expect(a).toHaveBeenCalledTimes(1)})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onBlur",function(){it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onBlur",function(){var a=jest.fn();renderComponent({items:items,onChange:jest.fn(),onBlur:a}),getInput().focus(),expect(a).toHaveBeenCalledTimes(0),getInput().blur(),expect(a).toHaveBeenCalledTimes(1)})}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onDropdownOpen",function(){var a=jest.fn();renderComponent({items:items,onChange:jest.fn(),onDropdownOpen:a}),inputClick(),expect(a).toHaveBeenCalledTimes(2),outsideClick(),expect(a).toHaveBeenCalledTimes(3),inputClick(),expect(a).toHaveBeenCalledTimes(4),outsideClick(),expect(a).toHaveBeenCalledTimes(5)}),it("\u043F\u043E\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044B",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,onChange:a})});var b=getInput();fireEvent.focus(b),animateDelay(),fireEvent.keyDown(b,{key:"ArrowDown"}),expect(getDropdown()).toBeInTheDocument(),fireEvent.keyDown(b,{key:"ArrowUp"}),fireEvent.keyDown(b,{key:"ArrowDown"}),fireEvent.keyDown(b,{key:"Enter"}),expect(a).toHaveBeenCalledWith([items[1]],{e:expect.any(Object)}),fireEvent.keyDown(b,{key:"Escape"}),animateDelay(),expect(getDropdown()).not.toBeInTheDocument(),fireEvent.keyDown(b,{key:"Enter"}),animateDelay(),expect(getDropdown()).toBeInTheDocument(),fireEvent.keyDown(b,{key:"Tab"}),animateDelay(),expect(getDropdown()).not.toBeInTheDocument(),fireEvent.keyDown(b,{key:"Tab"}),expect(b).not.toHaveFocus()}),it("disable - \u0443\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u0441 \u043A\u043B\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044B \u043D\u0435 \u0440\u0430\u0431\u043E\u0442\u0430\u0435\u0442",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,onChange:a,disabled:!0})});var b=getInput();fireEvent.focus(b),animateDelay(),fireEvent.keyDown(b,{key:"ArrowDown"}),expect(getDropdown()).not.toBeInTheDocument(),expect(b).not.toHaveFocus(),fireEvent.keyDown(b,{key:"ArrowDown"}),expect(getDropdown()).not.toBeInTheDocument(),expect(b).not.toHaveFocus(),fireEvent.keyDown(b,{key:"Enter"}),expect(getDropdown()).not.toBeInTheDocument(),expect(b).not.toHaveFocus()}),it("\u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0432 input",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,input:!0});var b=getInput();fireEvent.change(b,{target:{value:"change"}}),expect(b.value).toEqual("change")}),it("\u0438\u043C\u0435\u0435\u0442\u0441\u044F \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0432 input",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,input:!0});var b=getInput();fireEvent.change(b,{target:{value:"change"}}),expect(b.value).toEqual("change"),expect(a).toHaveBeenCalledWith("change")}),it("\u043F\u0440\u0438 \u0432\u0432\u043E\u0434\u0435 \u0442\u0435\u043A\u0441\u0442\u0430 \u0432 input \u0441\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442 onInput",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,input:!0}),fireEvent.change(getInput(),{target:{value:"change"}}),expect(a).toHaveBeenCalledTimes(1),expect(a).toHaveBeenCalledWith("change")}),it("disabled - \u043F\u0440\u0438 \u0432\u0432\u043E\u0434\u0435 \u0442\u0435\u043A\u0441\u0442\u0430 \u0432 input \u043D\u0435 \u0441\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442 onInput",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,disabled:!0,input:!0}),fireEvent.change(getInput(),{target:{value:"change"}}),expect(a).not.toHaveBeenCalled()}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F inputValue",function(){var a=jest.fn(),b="\u044F \u0438\u0449\u0443";renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,inputValue:b,input:!0}),expect(getInput().value).toEqual(b)}),it("\u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F inputDefaultValue",function(){renderComponent({items:items,value:[items[0]],onChange:jest.fn(),inputDefaultValue:"\u044F \u0438\u0449\u0443",input:!0}),expect(getInput().value).toEqual("\u044F \u0438\u0449\u0443")}),it("disabled - \u043F\u0440\u0438 \u0443\u0434\u0430\u043B\u0435\u043D\u0438\u0438 \u0442\u0435\u043A\u0441\u0442\u0430 \u043F\u043E Backspace \u043E\u043D \u043D\u0435 \u0443\u0434\u0430\u043B\u044F\u0435\u0442\u0441\u044F",function(){var a=jest.fn(),b="\u044F \u0438\u0449\u0443";renderComponent({items:items,value:[items[0]],onChange:jest.fn(),onInput:a,inputValue:b,disabled:!0,input:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),fireEvent.keyDown(getInput(),{key:"Backspace"}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(getInput().value).toEqual(b)}),it("clearButton \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u0442\u0441\u044F \u043F\u0440\u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u043C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0438",function(){renderComponent({items:items,value:[items[0]],onChange:jest.fn(),clearButton:!0});var a=getClearButton();expect(a).toBeInTheDocument()}),it("\u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 \u043E\u0447\u0438\u0441\u0442\u043A\u0438",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0});var b=getClearButton();fireEvent.click(b),expect(a).toHaveBeenCalledWith(null,{e:expect.any(Object)})}),it("\u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 Backspace",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(a).toHaveBeenCalledWith(null,{e:expect.any(Object)})}),it("disabled - \u043D\u0435 \u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 \u043E\u0447\u0438\u0441\u0442\u043A\u0438",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0,disabled:!0});var b=getClearButton();fireEvent.click(b),expect(a).not.toHaveBeenCalled()}),it("disabled - \u043D\u0435 \u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 Backspace",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0,disabled:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(a).not.toHaveBeenCalled()}),it("disabled - \u043D\u0435 \u043E\u0447\u0438\u0449\u0430\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u0438 \u043D\u0430\u0436\u0430\u0442\u0438\u0438 \u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0443 Backspace",function(){var a=jest.fn();renderComponent({items:items,value:[items[0]],onChange:a,clearButton:!0,disabled:!0}),fireEvent.keyDown(getInput(),{key:"Backspace"}),expect(a).not.toHaveBeenCalled()}),it("\u0433\u0440\u0443\u043F\u043F\u044B \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u044E\u0442\u0441\u044F",function(){renderComponent({items:items,groups:groups,value:[items[0]],onChange:jest.fn()}),inputClick(),animateDelay(),groups.map(function(a){return expect(screen.getByText(a.label)).toBeInTheDocument()})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 dropdownForm",function(){["default","brick","round"].map(function(a){it("dropdownForm = ".concat(a),function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,dropdownForm:a,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown()).toHaveClass(cnListBox({form:a}).split(" ")[1])})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 form",function(){["default","defaultClear","defaultBrick","brick","brickDefault","brickClear","brickRound","round","roundClear","roundBrick","clearRound","clearDefault","clearBrick","clear"].map(function(a){it("form = ".concat(a),function(){renderComponent({items:items,form:a,onChange:jest.fn()}),expect(getRender()).toHaveClass(cnFieldControlLayout({form:a}).split(" ")[1])})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 view",function(){["default","clear"].map(function(a){it("view = ".concat(a),function(){renderComponent({items:items,view:a,onChange:jest.fn()}),expect(getRender()).toHaveClass(cnFieldControlLayout({view:a}).split(" ")[1])})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 status",function(){["alert","success","warning"].map(function(a){it("status = ".concat(a),function(){renderComponent({items:items,status:a,onChange:jest.fn()}),expect(getRender()).toHaveClass(cnFieldControlLayout({status:a}).split(" ")[1])})})}),it("\u044D\u043B\u0435\u043C\u0435\u043D\u0442\u044B disabled \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u044E\u0442\u0441\u044F \u0441 \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0449\u0435\u043C \u043A\u043B\u0430\u0441\u0441\u043E\u043C",function(){jest.useFakeTimers(),act(function(){renderComponent({items:itemsWithDisabled,onChange:jest.fn()})}),inputClick(),animateDelay(),itemsWithDisabled.map(function(a,b){a.disabled?expect(getItem(b)).toHaveClass(cnListItem({disabled:!0}).split(" ")[1]):expect(getItem(b)).not.toHaveClass(cnListItem({disabled:!0}).split(" ")[1])})}),describe("\u043F\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430\u043C disabled \u043D\u0435 \u043E\u0442\u0440\u0430\u0431\u0430\u0442\u044B\u0432\u0430\u0435\u0442 onChange",function(){itemsWithDisabled.map(function(a,b){it("item ".concat(b," disabled = ").concat(a.disabled),function(){jest.useFakeTimers();var c=jest.fn();act(function(){renderComponent({items:itemsWithDisabled,onChange:c})}),inputClick(),animateDelay(),fireEvent.click(getItem(b)),a.disabled?expect(c).not.toHaveBeenCalled():expect(c).toHaveBeenCalled()})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 isLoading",function(){it("isLoading = true",function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,isLoading:!0,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getLoader()).toBeInTheDocument()}),[!1,void 0].map(function(a){it("isLoading = ".concat(a),function(){jest.useFakeTimers(),act(function(){renderComponent({items:items,isLoading:a,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getLoader()).not.toBeInTheDocument()})})}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 onCreate",function(){jest.useFakeTimers();var a=jest.fn(),b="test";act(function(){renderComponent({items:items,onCreate:a,inputValue:b,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getCreateButton()).toBeInTheDocument(),onCreateClick(),expect(a).toHaveBeenCalled(),expect(a).toHaveBeenCalledWith(b,{e:expect.any(Object)})}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 labelForCreate",function(){jest.useFakeTimers();act(function(){renderComponent({items:items,labelForCreate:"\u0421\u043E\u0437\u0434\u0430\u0442\u044C",onCreate:jest.fn(),onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getCreateButton()).toBeInTheDocument()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 iconClear",function(){jest.useFakeTimers();var a=createIconMock("iconClear");act(function(){renderComponent({items:items,iconClear:a,clearButton:!0,inputValue:"test",onCreate:jest.fn(),onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getClearButton().textContent).toEqual("iconClear")}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 renderItem",function(){jest.useFakeTimers();var a=function(a){var b=a.item;return React.createElement("div",{className:"test"},b.label)};act(function(){renderComponent({items:items,renderItem:a,onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getDropdown().querySelectorAll(".test")[0]).toBeInTheDocument(),expect(getDropdown().querySelectorAll(".test")[0].textContent).toEqual(items[0].label)}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 renderValue",function(){jest.useFakeTimers();var a=function(a){var b=a.value;return React.createElement(React.Fragment,null,b.map(function(a){return React.createElement("div",{className:"test"},a.label)}))};act(function(){renderComponent({items:items,renderValue:a,value:[items[0]],onChange:jest.fn()})}),inputClick(),animateDelay(),expect(getValueControl().querySelector(".test")).toBeInTheDocument()}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 selectAll",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll())}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 selectAll \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,value:items,groups:groups,selectAll:!0,onChange:a})}),inputClick(),animateDelay(),expect(getSelectAllOptions().length).toEqual(2)}),it("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 selectAllLabel",function(){jest.useFakeTimers();var a=jest.fn(),b="\u0412\u0441\u0435";act(function(){renderComponent({items:items,selectAll:!0,onChange:a,selectAllLabel:b})}),inputClick(),animateDelay();var c=getItem(0);expect(c).toHaveTextContent(b),expect(c).toHaveClass(cnSelectItemAll())}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u043A\u043B\u0438\u043A\u0430 selectAll",function(){it("\u0435\u0441\u043B\u0438 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll()),fireEvent.click(b),expect(a).toHaveBeenCalledWith(items,{e:expect.any(Object)})}),it("\u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D \u0445\u043E\u0442\u044F \u0431\u044B 1  \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,value:[items[0]],selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll()),fireEvent.click(b),expect(a).toHaveBeenCalledWith(items,{e:expect.any(Object)})}),it("\u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u044B \u0432\u0441\u0435 \u0442\u043E \u043E\u0442\u043C\u0435\u043D\u044F\u0435\u0442 \u0432\u0441\u0435 \u0432\u044B\u0431\u043E\u0440\u044B",function(){jest.useFakeTimers();var a=jest.fn();act(function(){renderComponent({items:items,value:items,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var b=getItem(0);expect(b).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(b).toHaveClass(cnSelectItemAll()),fireEvent.click(b),expect(a).toHaveBeenCalledWith([],{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith(items.filter(function(a){return a.groupId===groups[b].id}),{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith(items.filter(function(a){return a.groupId===groups[b].id}),{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D \u0445\u043E\u0442\u044F \u0431\u044B 1 \u0442\u043E \u0432\u044B\u0431\u0438\u0440\u0430\u0435\u0442 \u0432\u0441\u0435 \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,value:[items.filter(function(a){return a.groupId===groups[b].id})[0]],selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith(items.filter(function(a){return a.groupId===groups[b].id}),{e:expect.any(Object)})}),it("c \u0433\u0440\u0443\u043F\u043F\u0430\u043C\u0438, \u0435\u0441\u043B\u0438 \u0432\u044B\u0431\u0440\u0430\u043D\u044B \u0432\u0441\u0435 \u0442\u043E \u043E\u0442\u043C\u0435\u043D\u044F\u0435\u0442 \u0432\u0441\u0435 \u0432\u044B\u0431\u043E\u0440\u044B \u0432 \u0433\u0440\u0443\u043F\u043F\u0435",function(){jest.useFakeTimers();var a=jest.fn(),b=0;act(function(){renderComponent({items:items,groups:groups,value:items.filter(function(a){return a.groupId===groups[b].id}),selectAll:!0,onChange:a})}),inputClick(),animateDelay();var c=getSelectAllOption(b);expect(c).toHaveTextContent("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"),expect(c).toHaveClass(cnSelectItemAll()),fireEvent.click(c),expect(a).toHaveBeenCalledWith([],{e:expect.any(Object)})})}),describe("\u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 dropdownContainer",function(){it("\u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442 dropdown \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432 document.body",function(){jest.useFakeTimers();var a=document.createElement("div");a.setAttribute("data-testid","container"),document.body.appendChild(a),act(function(){renderComponent({items:items,onChange:jest.fn(),dropdownContainer:void 0})}),inputClick(),animateDelay(),expect(screen.queryByRole("listbox")).not.toBeNull(),expect(within(a).queryByRole("listbox")).not.toBeInTheDocument()}),it("\u0440\u0435\u043D\u0434\u0435\u0440\u0438\u0442 dropdown \u0432\u043D\u0443\u0442\u0440\u0438 \u043F\u0435\u0440\u0435\u0434\u0430\u043D\u043D\u043E\u0433\u043E \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440\u0430",function(){jest.useFakeTimers();var a=document.createElement("div");a.setAttribute("data-testid","container"),document.body.appendChild(a),act(function(){renderComponent({items:items,onChange:jest.fn(),dropdownContainer:a})}),inputClick(),animateDelay(),expect(within(a).getByRole("listbox")).toBeInTheDocument()})})});
 //# sourceMappingURL=SelectMultiple.test.js.map