@consta/uikit 5.28.4 → 5.29.0

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}>;\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","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":"onBAAA,6BAGA,OAASA,OAAT,KAAwB,mBAAxB,CACA,MAAOC,MAAP,EAAgBC,QAAhB,CAA0BC,IAA1B,CAAgCC,OAAhC,KAA+C,OAA/C,CAGA,OACEC,QADF,CAEEC,UAFF,CAGEC,gBAHF,wBAMA,OAEEC,oBAFF,CAGEC,iBAHF,CAIEC,oBAJF,oBAQA,OAASC,OAAT,CAAkBC,UAAlB,iCACA,OAASC,gBAAT,uCACA,OAASC,cAAT,kCACA,OAASC,UAAT,8BACA,OAASC,QAAQ,GAAIC,GAArB,0BACA,OAASC,WAAT,kCAIA,OAASC,kBAAT,gDACA,OAASC,gBAAT,4CACA,OAASC,aAAT,sCACA,OAASC,YAAT,oCACA,OAASC,aAAT,wBACA,OAASC,gBAAT,2BAGA,MAAO,IAAMC,mBAAkB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA3B,CAEP,MAAO,IAAMC,8BAA6B,CAAGD,kBAAkB,CAAC,CAAD,CAAxD,C,GAmDDE,iBAAgB,CAAGV,EAAE,CAAC,gBAAD,C,CAErBW,iBAAiB,CAAG,SACxBC,CADwB,CASrB,CAGH,OAFIC,EAAM,CAAsB,CAAnB,EAAAD,CAAQ,CAACC,MAAT,CAAuB,CAAvB,CAA2BD,CAAQ,CAACC,MAEjD,CAASC,CAAK,CAAG,CAAjB,CAAoBA,CAAK,CAAGF,CAAQ,CAACC,MAArC,CAA6CC,CAAK,EAAlD,CAAsD,OAC9CC,CAAO,CAAGH,CAAQ,CAACE,CAAD,CAD4B,CAGhDvB,oBAAoB,CAACwB,CAAD,CAApB,SAAiCA,CAAjC,WAAiCA,CAAjC,YAAiCA,CAAO,CAAEC,KAA1C,eAAiC,EAAgBH,MAHD,GAIlDA,CAAM,EAAIE,CAAO,CAACC,KAAR,CAAcH,MAJ0B,CAMrD,CAED,MAAOA,EACR,C,CAEKI,SAAS,CAAG,SAACC,CAAD,CAA0BJ,CAA1B,CAA4C,CAC5D,MAAOA,EAAK,EAAII,CAAK,CAAC,CAAD,CAAd,EAAqBJ,CAAK,CAAGI,CAAK,CAAC,CAAD,CAC1C,C,CAED,MAAO,IAAMC,eAAuC,CAAGjC,IAAI,CAAC,SAACkC,CAAD,CAAW,IAEnEC,EAFmE,CAkCjED,CAlCiE,CAEnEC,UAFmE,CAGnEC,CAHmE,CAkCjEF,CAlCiE,CAGnEE,IAHmE,CAInEC,CAJmE,CAkCjEH,CAlCiE,CAInEG,gBAJmE,CAKtDC,CALsD,CAkCjEJ,CAlCiE,CAKnEK,WALmE,CAMnEC,CANmE,CAkCjEN,CAlCiE,CAMnEM,cANmE,CAOnEC,CAPmE,CAkCjEP,CAlCiE,CAOnEO,SAPmE,CAQnEC,CARmE,CAkCjER,CAlCiE,CAQnEQ,gBARmE,CASnEC,CATmE,CAkCjET,CAlCiE,CASnES,kBATmE,CAUnEC,CAVmE,CAkCjEV,CAlCiE,CAUnEU,YAVmE,CAWnEC,CAXmE,CAkCjEX,CAlCiE,CAWnEW,IAXmE,CAYnEC,CAZmE,CAkCjEZ,CAlCiE,CAYnEY,QAZmE,GAkCjEZ,CAlCiE,CAanEa,MAbmE,CAa3DC,CAb2D,YAa9C,MAb8C,GAcnEC,CAdmE,CAkCjEf,CAlCiE,CAcnEe,UAdmE,CAenEC,CAfmE,CAkCjEhB,CAlCiE,CAenEgB,gBAfmE,CAgBnEC,CAhBmE,CAkCjEjB,CAlCiE,CAgBnEiB,SAhBmE,CAiBnEC,CAjBmE,CAkCjElB,CAlCiE,CAiBnEkB,aAjBmE,CAkBnEC,CAlBmE,CAkCjEnB,CAlCiE,CAkBnEmB,QAlBmE,CAmBnEC,CAnBmE,CAkCjEpB,CAlCiE,CAmBnEoB,SAnBmE,CAoBnEC,CApBmE,CAkCjErB,CAlCiE,CAoBnEqB,aApBmE,CAqBnEC,CArBmE,CAkCjEtB,CAlCiE,CAqBnEsB,gBArBmE,CAsBnEC,CAtBmE,CAkCjEvB,CAlCiE,CAsBnEuB,oBAtBmE,CAuBnEC,CAvBmE,CAkCjExB,CAlCiE,CAuBnEwB,SAvBmE,CAwBnEC,CAxBmE,CAkCjEzB,CAlCiE,CAwBnEyB,cAxBmE,CAyBnEC,CAzBmE,CAkCjE1B,CAlCiE,CAyBnE0B,cAzBmE,CA0BnEC,CA1BmE,CAkCjE3B,CAlCiE,CA0BnE2B,QA1BmE,CA2BnEC,CA3BmE,CAkCjE5B,CAlCiE,CA2BnE4B,QA3BmE,CA4BnEC,CA5BmE,CAkCjE7B,CAlCiE,CA4BnE6B,WA5BmE,CA6BnEC,CA7BmE,CAkCjE9B,CAlCiE,CA6BnE8B,cA7BmE,CA8BnEC,CA9BmE,CAkCjE/B,CAlCiE,CA8BnE+B,iBA9BmE,CA+BnEC,CA/BmE,CAkCjEhC,CAlCiE,CA+BnEgC,kBA/BmE,CAgCnEC,CAhCmE,CAkCjEjC,CAlCiE,CAgCnEiC,cAhCmE,CAiChEC,CAjCgE,0BAkCjElC,CAlCiE,cAoC9CrC,OAAO,CAACqD,CAAD,CApCuC,uBAoC9DmB,CApC8D,QAsClDxE,OAAO,CAAC+C,CAAD,CAtC2C,uBAsC9D0B,CAtC8D,QAuC/BzE,OAAO,IAvCwB,uBAuC9D0E,CAvC8D,MAuCjDC,CAvCiD,QAwChD3E,OAAO,CAAC8D,CAAD,CAxCyC,uBAwC9Dc,CAxC8D,MAyC/DC,CAAM,CAAY,OAAT,GAAA7B,CAAI,CAAe,WAAf,CAA6B,QAzCqB,CA2C/D8B,CAAY,CAAG1E,OAAO,CAAC,UAAM,CACjC,MAKa,EAJX,CAAAoE,CAAY,CAACO,MAAb,CACE,SAACC,CAAD,QACEvE,kBAAiB,CAACuE,CAAD,CAAjB,EACCC,KAAK,CAACC,OAAN,CAAcF,CAAK,CAAC/C,KAApB,GAAmD,CAArB,CAAA+C,CAAK,CAAC/C,KAAN,CAAYH,MAF7C,CADF,EAIEA,MAEL,CAR2B,CAQzB,CAAC0C,CAAD,CARyB,CA3CyC,CAqD/DtB,CAAM,CAAkB,MAAf,GAAAC,CAAU,QAA0BA,CArDkB,CAuD/DgC,CAAsB,CAAG/E,OAAO,CACpC,iBAAMwB,kBAAiB,CAAC4C,CAAD,CAAvB,CADoC,CAEpC,CAACA,CAAD,CAFoC,CAvD+B,GAiEjE3D,gBAAgB,CAAC,CACnBiB,MAAM,CAAEqD,CADW,CAEnBC,QAAQ,CAAE1B,CAAa,EAAIgB,CAFR,CAGnBf,gBAAgB,CAAhBA,CAHmB,CAAD,CAjEiD,CA6DnE0B,CA7DmE,GA6DnEA,QA7DmE,CA8D5DC,CA9D4D,GA8DnEnD,KA9DmE,CA+DnEoD,EA/DmE,GA+DnEA,QA/DmE,CAgEnEC,EAhEmE,GAgEnEA,gBAhEmE,CAuE/DC,EAAkB,CAAG7E,UAAU,CAAC,CAAC4E,EAAD,CAAmB/C,CAAnB,CAAD,CAvEgC,CAyE/DN,EAAuB,CACN,CAArB,GAAAmD,CAAa,CAAC,CAAD,CAAb,EAA0B5B,CAA1B,CAA0C,CAAC,CAAD,CAAI,EAAJ,CAA1C,CAAoD4B,CA1Ee,CA4E/DI,EAAQ,CAAGxE,WAAW,EA5EyC,CA6E/DyE,EAAe,CAAGzE,WAAW,EA7EkC,IA8EpDlB,OAAO,CAACqE,CAAD,CA9E6C,yBA8E9DuB,EA9E8D,OAgFrE,MACE,qBAAC,aAAD,kBACMrB,CADN,EAEE,SAAS,CAAEjC,CAFb,CAGE,MAAM,CAAEY,CAHV,CAIE,IAAI,CAAC,SAJP,CAKE,SAAS,CAAEvB,gBAAgB,EAL7B,CAME,IAAI,CAAEY,CANR,CAOE,UAAU,CAAED,CAPd,CAQE,QAAQ,CAAEW,CARZ,CASE,IAAI,CAAED,CATR,CAUE,OAAO,CAAE2B,CAVX,CAWE,KAAK,CAAE,CAAEiB,MAAM,CAANA,EAAF,CAXT,GAaGlB,CAAW,EACV,2BACE,SAAS,CAAE/C,gBAAgB,CAAC,iBAAD,CAAoB,CAC7CZ,UAAU,CAAC,CACT8E,EAAE,CAAEtF,gBAAgB,CAACgC,CAAD,CADX,CAAD,CADmC,CAI7CzB,cAAc,CAAC,CAAEyB,IAAI,CAAE,IAAR,CAAD,CAJ+B,CAApB,CAD7B,CAOE,GAAG,CAAEkD,EAPP,EASGnC,CAAS,EAAI,CAACwB,CAAd,EAA8B,oBAAC,YAAD,MATjC,CAUE,2BACE,SAAS,CAAEnD,gBAAgB,CAAC,MAAD,CAD7B,CAEE,GAAG,CAAEA,gBAAgB,CAAC,MAAD,CAFvB,CAGE,KAAK,CAAE,CAAEmE,SAAS,CAAET,CAAb,CAHT,EAKGb,CAAY,CAACuB,GAAb,CAAiB,SAACf,CAAD,CAAW,CAC3B,GAAIvE,iBAAiB,CAACuE,CAAD,CAArB,CAA8B,CAC5B,GAAMjD,EAAK,CAAG2D,EAAQ,EAAtB,CACA,MACE,qBAAC,kBAAD,EACE,IAAI,CAAEnD,CADR,CAEE,GAAG,CAAEZ,gBAAgB,CAAC,MAAD,CAAS,CAAEqE,GAAG,CAAE,cAAP,CAAT,CAFvB,CAGE,cAAc,CAAErD,CAHlB,CAIE,MAAM,CAAEkC,CAJV,CAKE,GAAG,CAAEpB,CAAS,CAAC1B,CAAD,CALhB,CAME,OAAO,CAAEiC,CANX,CAOE,oBAAoB,CAAEJ,CAPxB,CAQE,cAAc,CAAEO,CARlB,CASE,cAAc,CAAEJ,CATlB,CAUE,KAAK,CAAEhC,CAVT,EAaH,CAED,GAAMkE,EAAY,CACM,CAAtB,CAAAzB,CAAY,CAAC1C,MAAb,CAA0B6D,EAAe,EAAzC,CAA8C,CADhD,CAGA,MACE,qBAAC,QAAD,EAAU,GAAG,CAAEX,CAAK,CAACgB,GAArB,EACGhB,CAAK,CAACA,KAAN,EACCzB,CADD,EAECrB,SAAS,CAACC,EAAD,CAAQ8D,CAAR,CAFV,EAGG,oBAAC,gBAAD,EACE,KAAK,CAAE1C,CAAa,CAACyB,CAAK,CAACA,KAAP,CADtB,CAEE,IAAI,CAAEzC,CAFR,CAGE,MAAM,CAAEsC,CAHV,CAIE,GAAG,CAAEU,EAAQ,CAACU,CAAD,CAJf,CAKE,GAAG,iBAAWjB,CAAK,CAACgB,GAAjB,UALL,EAJN,CAYGhB,CAAK,CAAC/C,KAAN,CAAY8D,GAAZ,CAAgB,SAACG,CAAD,CAAU,CACzB,GAAIxF,oBAAoB,CAACwF,CAAD,CAAxB,CAAgC,IACxBD,EAAY,CAAGN,EAAe,EADN,CAExB5D,CAAK,CAAG2D,EAAQ,EAFQ,CAI9B,GAAIxD,SAAS,CAACC,EAAD,CAAQ8D,CAAR,CAAb,CACE,MACE,qBAAC,aAAD,gBACE,KAAK,CAAE3B,CADT,CAEE,OAAO,CAAEU,CAAK,CAACgB,GAFjB,CAGE,oBAAoB,CAAEpC,CAHxB,CAIE,iBAAiB,CAAEQ,CAJrB,CAKE,GAAG,CAAEzC,gBAAgB,CAAC,eAAD,CAAkB,CACrCqD,KAAK,CAAEA,CAAK,CAACgB,GADwB,CAAlB,CALvB,CAQE,GAAG,CAAErF,OAAO,CAAC,CACX4E,EAAQ,CAACU,CAAD,CADG,CAEXxC,CAAS,CAAC1B,CAAD,CAFE,CAAD,CARd,CAYE,MAAM,CAAE8C,CAZV,CAaE,IAAI,CAAEtC,CAbR,EAcMC,CAAgB,CAAC,CACnBT,KAAK,CAALA,CADmB,CAEnBmE,IAAI,CAAJA,CAFmB,CAAD,CAdtB,EAkBE,KAAK,CAAEnE,CAlBT,GAsBL,CA5BD,IA4BO,IACCkE,EAAY,CAAGN,EAAe,EAD/B,CAEC5D,CAAK,CAAG2D,EAAQ,EAFjB,CAGL,GAAIxD,SAAS,CAACC,EAAD,CAAQ8D,CAAR,CAAb,CACE,MACE,qBAAC,gBAAD,gBACE,GAAG,CAAEtE,gBAAgB,CAAC,kBAAD,CAAqB,CACxCqD,KAAK,CAAEA,CAAK,CAACgB,GAD2B,CAExCE,IAAI,CAAEtB,CAAU,CAACsB,CAAD,CAFwB,CAArB,CADvB,CAKE,cAAc,CAAEpC,CALlB,CAME,oBAAoB,CAAEF,CANxB,CAOE,OAAO,CAAEjD,OAAO,CAAC,CACf4E,EAAQ,CAACU,CAAD,CADO,CAEfxC,CAAS,CAAC1B,CAAD,CAFM,CAAD,CAPlB,CAWE,UAAU,CAAEqB,CAXd,CAYE,IAAI,CAAE8C,CAZR,EAaM1D,CAAgB,CAAC,CACnBT,KAAK,CAALA,CADmB,CAEnBmE,IAAI,CAAJA,CAFmB,CAAD,CAbtB,EAiBE,KAAK,CAAEnE,CAjBT,CAkBE,SAAS,CAAE8B,CAlBb,GAsBL,CACF,CAzDA,CAZH,CAwEH,CA/FA,CALH,CAqGGP,CAAS,EAAIwB,CAAb,EACC,oBAAC,UAAD,EAAY,IAAI,CAAEvC,CAAlB,CAAwB,WAAW,CAAEsC,CAArC,EAtGJ,CAVF,CAmHG,CAACvB,CAAD,EAAc,CAACmB,CAAf,EAA2B3B,CAA3B,EACC,oBAAC,QAAD,EACE,IAAI,CAAEP,CADR,CAEE,KAAK,CAAEO,CAFT,CAGE,WAAW,CAAE+B,CAHf,EAKG/B,CALH,CApHJ,CAdJ,CA8IH,CA/N0D,CAApD"}

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"];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=_objectWithoutProperties(c,_excluded),W=useSelect({propsAtom:d}),X=W.getOptionActions,Y=W.openAtom,Z=W.visibleItemsAtom,$=W.focusAtom,_=W.handleInputFocus,aa=W.handleInputBlur,ba=W.handleToggleDropdown,ca=W.inputRef,da=W.handleInputClick,ea=W.handleInputChange,fa=W.clearValue,ga=W.optionsRefs,ha=W.controlRef,ia=W.dropdownRef,ja=W.clearButtonAtom,ka=W.highlightedIndexAtom,la=W.getItemKeyAtom,ma=W.valueAtom,na=W.onChangeAll,oa=W.highlightIndex,pa=W.onCreate,qa=W.onChange,ra=W.inputValueAtom,sa=W.getHandleRemoveValue,ta=W.hasItemsAtom,ua=W.groupsCounterAtom,va=W.dropdownZIndexAtom,wa=useRef(null),xa=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]),ya=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:sa})},[h,D,F,g,G,j]);return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},V,{style:t,className:cnSelectMultiple(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:fa,onDropdownButton:ba,openAtom:Y,focusAtom:$,view:w,iconClear:x,clearButtonAtom:ja,ref:useForkRef([b,ha])}),React.createElement(SelectMultipleValue,{propsAtom:d,onFocus:_,onBlur:aa,onClick:da,onChange:ea,renderValue:ya,inputRef:useForkRef([ca,B]),ref:wa})),React.createElement(SelectDropdown,{valueAtom:ma,getItemKeyAtom:la,openAtom:Y,size:g,controlRef:ha,getOptionActions:X,dropdownRef:useForkRef([ia,l]),form:m,className:J,renderItem:n||xa,getGroupLabel:o,visibleItemsAtom:Z,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ga,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:ka,highlightIndex:oa,onChangeAll:na,onCreate:pa,onChange:qa,inputValueAtom:ra,hasItemsAtom:ta,groupsCounterAtom:ua,dropdownZIndexAtom:va,selectAllLabel:U}))};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"];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));
 //# 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","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    ...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      />\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","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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"}

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

@@ -15,6 +15,7 @@ type Props = PropsWithJsxAttributes<{
     anchorRef: React.RefObject<HTMLElement> | undefined;
     children: React.ReactNode;
     onMount: (isMount: boolean) => void;
+    viewportRef?: React.RefObject<HTMLElement>;
 }>;
 export declare const SelectPopover: (props: Props) => JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"SelectPopover.js","names":["classnames","reatomComponent","React","useCallback","useRef","Transition","cnListBox","Popover","animateTimeout","cnMixPopoverAnimate","SelectPopoverForm","defaultSelectPopoverPropForm","SelectPopover","props","ctx","size","className","openAtom","offset","offsetProp","controlRef","form","anchorRef","children","onMount","otherProps","popoverRef","spy","animate","border","shadow"],"sources":["../../../../../../src/components/SelectCanary/SelectPopover/SelectPopover.tsx"],"sourcesContent":["import { classnames } from '@bem-react/classnames';\nimport { AtomMut } from '@reatom/framework';\nimport { reatomComponent } from '@reatom/npm-react';\nimport React, { useCallback, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { cnListBox } from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nexport const SelectPopoverForm = ['default', 'brick', 'round'] as const;\nexport type SelectPopoverPropForm = typeof SelectPopoverForm[number];\nexport const defaultSelectPopoverPropForm = SelectPopoverForm[0];\n\ntype Props = PropsWithJsxAttributes<{\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  form: SelectPopoverPropForm;\n  openAtom: AtomMut<boolean>;\n  size: FieldPropSize;\n  offset?: PopoverPropOffset | 'none';\n  anchorRef: React.RefObject<HTMLElement> | undefined;\n  children: React.ReactNode;\n  onMount: (isMount: boolean) => void;\n}>;\n\nexport const SelectPopover = reatomComponent<Props>((props) => {\n  const {\n    ctx,\n    size,\n    className,\n    openAtom,\n    offset: offsetProp = 'none',\n    controlRef,\n    form,\n    anchorRef,\n    children,\n    onMount,\n    ...otherProps\n  } = props;\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Transition\n      in={ctx.spy(openAtom)}\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n      unmountOnExit\n      onEntering={useCallback(() => onMount(true), [])}\n      onExited={useCallback(() => onMount(false), [])}\n    >\n      {(animate) => {\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={anchorRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={classnames(\n              className,\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n            )}\n            equalAnchorWidth\n          >\n            {children}\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n});\n"],"mappings":"uMAAA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,OAASC,eAAT,KAAgC,mBAAhC,CACA,MAAOC,MAAP,EAAgBC,WAAhB,CAA6BC,MAA7B,KAA2C,OAA3C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAGA,OAASC,SAAT,wBACA,OAASC,OAAT,qBACA,OACEC,cADF,CAEEC,mBAFF,yDAMA,MAAO,IAAMC,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA1B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,iBAAiB,CAAC,CAAD,CAAtD,CAaP,MAAO,IAAME,cAAa,CAAGX,eAAe,CAAQ,SAACY,CAAD,CAAW,IAE3DC,EAF2D,CAazDD,CAbyD,CAE3DC,GAF2D,CAG3DC,CAH2D,CAazDF,CAbyD,CAG3DE,IAH2D,CAI3DC,CAJ2D,CAazDH,CAbyD,CAI3DG,SAJ2D,CAK3DC,CAL2D,CAazDJ,CAbyD,CAK3DI,QAL2D,GAazDJ,CAbyD,CAM3DK,MAN2D,CAMnDC,CANmD,YAMtC,MANsC,GAO3DC,CAP2D,CAazDP,CAbyD,CAO3DO,UAP2D,CAQ3DC,CAR2D,CAazDR,CAbyD,CAQ3DQ,IAR2D,CAS3DC,CAT2D,CAazDT,CAbyD,CAS3DS,SAT2D,CAU3DC,CAV2D,CAazDV,CAbyD,CAU3DU,QAV2D,CAW3DC,CAX2D,CAazDX,CAbyD,CAW3DW,OAX2D,CAYxDC,CAZwD,0BAazDZ,CAbyD,YAevDK,CAAM,CAAkB,MAAf,GAAAC,CAAU,QAA0BA,CAfU,CAiBvDO,CAAU,CAAGtB,MAAM,CAAiB,IAAjB,CAjBoC,CAmB7D,MACE,qBAAC,UAAD,EACE,GAAIU,CAAG,CAACa,GAAJ,CAAQV,CAAR,CADN,CAEE,OAAO,CAAES,CAFX,CAGE,OAAO,CAAElB,cAHX,CAIE,aAAa,GAJf,CAKE,UAAU,CAAEL,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAsB,EAAtB,CALzB,CAME,QAAQ,CAAErB,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAuB,EAAvB,CANvB,EAQG,SAACI,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,kBACMH,CADN,EAEE,SAAS,CAAEH,CAFb,CAGE,SAAS,CAAC,eAHZ,CAIE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CAJtB,CAUE,MAAM,CAAEJ,CAVV,CAWE,GAAG,CAAEQ,CAXP,CAYE,IAAI,CAAC,SAZP,CAaE,SAAS,CAAE1B,UAAU,CACnBgB,CADmB,CAEnBV,SAAS,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQM,IAAI,CAAJA,CAAR,CAAcQ,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CAFU,CAGnBrB,mBAAmB,CAAC,CAAEmB,OAAO,CAAPA,CAAF,CAAD,CAHA,CAbvB,CAkBE,gBAAgB,GAlBlB,GAoBGL,CApBH,CAuBH,CAjCH,CAoCH,CAxD2C,CAArC"}
+{"version":3,"file":"SelectPopover.js","names":["classnames","reatomComponent","React","useCallback","useRef","Transition","cnListBox","Popover","animateTimeout","cnMixPopoverAnimate","SelectPopoverForm","defaultSelectPopoverPropForm","SelectPopover","props","ctx","size","className","openAtom","offset","offsetProp","controlRef","form","anchorRef","children","onMount","otherProps","popoverRef","spy","animate","border","shadow"],"sources":["../../../../../../src/components/SelectCanary/SelectPopover/SelectPopover.tsx"],"sourcesContent":["import { classnames } from '@bem-react/classnames';\nimport { AtomMut } from '@reatom/framework';\nimport { reatomComponent } from '@reatom/npm-react';\nimport React, { useCallback, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport { FieldPropSize } from '##/components/FieldComponents';\nimport { cnListBox } from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { PropsWithJsxAttributes } from '##/utils/types/PropsWithJsxAttributes';\n\nexport const SelectPopoverForm = ['default', 'brick', 'round'] as const;\nexport type SelectPopoverPropForm = typeof SelectPopoverForm[number];\nexport const defaultSelectPopoverPropForm = SelectPopoverForm[0];\n\ntype Props = PropsWithJsxAttributes<{\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  form: SelectPopoverPropForm;\n  openAtom: AtomMut<boolean>;\n  size: FieldPropSize;\n  offset?: PopoverPropOffset | 'none';\n  anchorRef: React.RefObject<HTMLElement> | undefined;\n  children: React.ReactNode;\n  onMount: (isMount: boolean) => void;\n  viewportRef?: React.RefObject<HTMLElement>;\n}>;\n\nexport const SelectPopover = reatomComponent<Props>((props) => {\n  const {\n    ctx,\n    size,\n    className,\n    openAtom,\n    offset: offsetProp = 'none',\n    controlRef,\n    form,\n    anchorRef,\n    children,\n    onMount,\n    ...otherProps\n  } = props;\n\n  const offset = offsetProp === 'none' ? undefined : offsetProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n\n  return (\n    <Transition\n      in={ctx.spy(openAtom)}\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n      unmountOnExit\n      onEntering={useCallback(() => onMount(true), [])}\n      onExited={useCallback(() => onMount(false), [])}\n    >\n      {(animate) => {\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={anchorRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={classnames(\n              className,\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n            )}\n            equalAnchorWidth\n          >\n            {children}\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n});\n"],"mappings":"uMAAA,OAASA,UAAT,KAA2B,uBAA3B,CAEA,OAASC,eAAT,KAAgC,mBAAhC,CACA,MAAOC,MAAP,EAAgBC,WAAhB,CAA6BC,MAA7B,KAA2C,OAA3C,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAGA,OAASC,SAAT,wBACA,OAASC,OAAT,qBACA,OACEC,cADF,CAEEC,mBAFF,yDAMA,MAAO,IAAMC,kBAAiB,CAAG,CAAC,SAAD,CAAY,OAAZ,CAAqB,OAArB,CAA1B,CAEP,MAAO,IAAMC,6BAA4B,CAAGD,iBAAiB,CAAC,CAAD,CAAtD,CAcP,MAAO,IAAME,cAAa,CAAGX,eAAe,CAAQ,SAACY,CAAD,CAAW,IAE3DC,EAF2D,CAazDD,CAbyD,CAE3DC,GAF2D,CAG3DC,CAH2D,CAazDF,CAbyD,CAG3DE,IAH2D,CAI3DC,CAJ2D,CAazDH,CAbyD,CAI3DG,SAJ2D,CAK3DC,CAL2D,CAazDJ,CAbyD,CAK3DI,QAL2D,GAazDJ,CAbyD,CAM3DK,MAN2D,CAMnDC,CANmD,YAMtC,MANsC,GAO3DC,CAP2D,CAazDP,CAbyD,CAO3DO,UAP2D,CAQ3DC,CAR2D,CAazDR,CAbyD,CAQ3DQ,IAR2D,CAS3DC,CAT2D,CAazDT,CAbyD,CAS3DS,SAT2D,CAU3DC,CAV2D,CAazDV,CAbyD,CAU3DU,QAV2D,CAW3DC,CAX2D,CAazDX,CAbyD,CAW3DW,OAX2D,CAYxDC,CAZwD,0BAazDZ,CAbyD,YAevDK,CAAM,CAAkB,MAAf,GAAAC,CAAU,QAA0BA,CAfU,CAiBvDO,CAAU,CAAGtB,MAAM,CAAiB,IAAjB,CAjBoC,CAmB7D,MACE,qBAAC,UAAD,EACE,GAAIU,CAAG,CAACa,GAAJ,CAAQV,CAAR,CADN,CAEE,OAAO,CAAES,CAFX,CAGE,OAAO,CAAElB,cAHX,CAIE,aAAa,GAJf,CAKE,UAAU,CAAEL,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAsB,EAAtB,CALzB,CAME,QAAQ,CAAErB,WAAW,CAAC,iBAAMqB,EAAO,IAAb,CAAD,CAAuB,EAAvB,CANvB,EAQG,SAACI,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,kBACMH,CADN,EAEE,SAAS,CAAEH,CAFb,CAGE,SAAS,CAAC,eAHZ,CAIE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CAJtB,CAUE,MAAM,CAAEJ,CAVV,CAWE,GAAG,CAAEQ,CAXP,CAYE,IAAI,CAAC,SAZP,CAaE,SAAS,CAAE1B,UAAU,CACnBgB,CADmB,CAEnBV,SAAS,CAAC,CAAES,IAAI,CAAJA,CAAF,CAAQM,IAAI,CAAJA,CAAR,CAAcQ,MAAM,GAApB,CAA4BC,MAAM,GAAlC,CAAD,CAFU,CAGnBrB,mBAAmB,CAAC,CAAEmB,OAAO,CAAPA,CAAF,CAAD,CAHA,CAbvB,CAkBE,gBAAgB,GAlBlB,GAoBGL,CApBH,CAuBH,CAjCH,CAoCH,CAxD2C,CAArC"}

package/__internal__/src/components/SelectCanary/SelectSingle/SelectSingle.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","aria-label","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel"];import{useAction}from"@reatom/npm-react";import React,{forwardRef}from"react";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{SelectInput}from"../SelectInput";import{useSelect}from"../useSelect";var cnSelectSingle=cn("SelectSelectSingleMultiple"),SelectSingleRender=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["aria-label"],D=c.getGroupKey,E=c.getItemDisabled,F=c.getItemGroupKey,G=c.getItemKey,H=c.getItemLabel,I=c.items,J=c.onChange,K=c.dropdownClassName,L=c.onFocus,M=c.onBlur,N=c.onCreate,O=c.onInput,P=c.multiple,Q=c.groups,R=c.onDropdownOpen,S=c.ignoreOutsideClicksRefs,T=c.clearButton,U=c.selectAll,V=c.selectAllLabel,W=_objectWithoutProperties(c,_excluded),X=useAction(function(a,b){var c=b.value;return a.get(d).getItemLabel(c)},[]),Y=useAction(function(a,b){var c=b.item,e=b.active,f=b.hovered,g=b.onClick,h=b.onMouseEnter,i=b.ref,j=a.get(d),k=j.getItemLabel,l=j.size,m=j.dropdownForm,n=j.getItemDisabled;return React.createElement(SelectItem,{label:k(c),active:e,hovered:f,size:l,indent:"round"===m?"increased":"normal",onClick:g,onMouseEnter:h,disabled:n(c),ref:i})},[]),Z=useSelect({propsAtom:d}),$=Z.getOptionActions,_=Z.openAtom,aa=Z.visibleItemsAtom,ba=Z.focusAtom,ca=Z.handleInputFocus,da=Z.handleInputBlur,ea=Z.handleToggleDropdown,fa=Z.inputRef,ga=Z.handleInputClick,ha=Z.handleInputChange,ia=Z.clearValue,ja=Z.optionsRefs,ka=Z.controlRef,la=Z.dropdownRef,ma=Z.clearButtonAtom,na=Z.highlightedIndexAtom,oa=Z.getItemKeyAtom,pa=Z.valueAtom,qa=Z.onChangeAll,ra=Z.highlightIndex,sa=Z.onCreate,ta=Z.onChange,ua=Z.inputValueAtom,va=Z.hasItemsAtom,wa=Z.groupsCounterAtom,xa=Z.dropdownZIndexAtom;return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},W,{style:t,className:cnSelectSingle(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:ia,onDropdownButton:ea,openAtom:_,focusAtom:ba,view:w,iconClear:x,clearButtonAtom:ma,ref:useForkRef([b,ka])}),React.createElement(SelectInput,{onFocus:ca,onBlur:da,ref:useForkRef([fa,B]),onClick:ga,onChange:y?ha:void 0,value:y?z:void 0,defaultValue:y?A:void 0,readOnly:!y||void 0,disabled:h,placeholder:v,"aria-label":C},i&&(j||X)({value:i}))),React.createElement(SelectDropdown,{valueAtom:pa,getItemKeyAtom:oa,openAtom:_,size:g,controlRef:ka,getOptionActions:$,dropdownRef:useForkRef([la,l]),form:m,className:K,renderItem:n||Y,getGroupLabel:o,visibleItemsAtom:aa,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ja,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:na,highlightIndex:ra,onChangeAll:qa,onCreate:sa,onChange:ta,inputValueAtom:ua,hasItemsAtom:va,groupsCounterAtom:wa,dropdownZIndexAtom:xa,selectAllLabel:V}))};export var SelectSingle=withCtx(forwardRef(SelectSingleRender));
+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","aria-label","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChange","dropdownClassName","onFocus","onBlur","onCreate","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","dropdownViewportRef"];import{useAction}from"@reatom/npm-react";import React,{forwardRef}from"react";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{SelectInput}from"../SelectInput";import{useSelect}from"../useSelect";var cnSelectSingle=cn("SelectSelectSingleMultiple"),SelectSingleRender=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["aria-label"],D=c.getGroupKey,E=c.getItemDisabled,F=c.getItemGroupKey,G=c.getItemKey,H=c.getItemLabel,I=c.items,J=c.onChange,K=c.dropdownClassName,L=c.onFocus,M=c.onBlur,N=c.onCreate,O=c.onInput,P=c.multiple,Q=c.groups,R=c.onDropdownOpen,S=c.ignoreOutsideClicksRefs,T=c.clearButton,U=c.selectAll,V=c.selectAllLabel,W=c.dropdownViewportRef,X=_objectWithoutProperties(c,_excluded),Y=useAction(function(a,b){var c=b.value;return a.get(d).getItemLabel(c)},[]),Z=useAction(function(a,b){var c=b.item,e=b.active,f=b.hovered,g=b.onClick,h=b.onMouseEnter,i=b.ref,j=a.get(d),k=j.getItemLabel,l=j.size,m=j.dropdownForm,n=j.getItemDisabled;return React.createElement(SelectItem,{label:k(c),active:e,hovered:f,size:l,indent:"round"===m?"increased":"normal",onClick:g,onMouseEnter:h,disabled:n(c),ref:i})},[]),$=useSelect({propsAtom:d}),_=$.getOptionActions,aa=$.openAtom,ba=$.visibleItemsAtom,ca=$.focusAtom,da=$.handleInputFocus,ea=$.handleInputBlur,fa=$.handleToggleDropdown,ga=$.inputRef,ha=$.handleInputClick,ia=$.handleInputChange,ja=$.clearValue,ka=$.optionsRefs,la=$.controlRef,ma=$.dropdownRef,na=$.clearButtonAtom,oa=$.highlightedIndexAtom,pa=$.getItemKeyAtom,qa=$.valueAtom,ra=$.onChangeAll,sa=$.highlightIndex,ta=$.onCreate,ua=$.onChange,va=$.inputValueAtom,wa=$.hasItemsAtom,xa=$.groupsCounterAtom,ya=$.dropdownZIndexAtom;return React.createElement(React.Fragment,null,React.createElement(SelectControlLayout,Object.assign({},X,{style:t,className:cnSelectSingle(null,[u]),form:e,status:f,size:g,disabled:h,separator:!0,onClear:ja,onDropdownButton:fa,openAtom:aa,focusAtom:ca,view:w,iconClear:x,clearButtonAtom:na,ref:useForkRef([b,la])}),React.createElement(SelectInput,{onFocus:da,onBlur:ea,ref:useForkRef([ga,B]),onClick:ha,onChange:y?ia:void 0,value:y?z:void 0,defaultValue:y?A:void 0,readOnly:!y||void 0,disabled:h,placeholder:v,"aria-label":C},i&&(j||Y)({value:i}))),React.createElement(SelectDropdown,{valueAtom:qa,getItemKeyAtom:pa,openAtom:aa,size:g,controlRef:la,getOptionActions:_,dropdownRef:useForkRef([ma,l]),form:m,className:K,renderItem:n||Z,getGroupLabel:o,visibleItemsAtom:ba,labelForCreate:p,isLoading:k,labelForEmptyItems:q,itemsRefs:ka,virtualScroll:r,onScrollToBottom:s,highlightedIndexAtom:oa,highlightIndex:sa,onChangeAll:ra,onCreate:ta,onChange:ua,inputValueAtom:va,hasItemsAtom:wa,groupsCounterAtom:xa,dropdownZIndexAtom:ya,selectAllLabel:V,viewportRef:W}))};export var SelectSingle=withCtx(forwardRef(SelectSingleRender));
 //# sourceMappingURL=SelectSingle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectSingle.js","names":["useAction","React","forwardRef","SelectDropdown","SelectItem","useForkRef","cnCanary","cn","useSendToAtom","withCtx","withDefault","SelectControlLayout","SelectInput","useSelect","cnSelectSingle","SelectSingleRender","props","ref","propsWithDefault","propsAtom","form","status","size","disabled","value","renderValue","isLoading","dropdownRefProp","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRefProp","ariaLabel","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","dropdownClassName","onFocus","onBlur","onCreateProp","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","otherProps","renderValueDefault","ctx","get","renderItemDefault","item","active","hovered","onClick","onMouseEnter","getOptionActions","openAtom","visibleItemsAtom","focusAtom","handleInputFocus","handleInputBlur","handleToggleDropdown","inputRef","handleInputClick","handleInputChange","clearValue","optionsRefs","controlRef","dropdownRef","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","highlightIndex","onCreate","onChange","inputValueAtom","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","SelectSingle"],"sources":["../../../../../../src/components/SelectCanary/SelectSingle/SelectSingle.tsx"],"sourcesContent":["import { useAction } from '@reatom/npm-react';\nimport React, { forwardRef } from 'react';\n\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  SelectPropRenderValue,\n  SelectProps,\n} from '..';\nimport { withDefault } from '../defaultProps';\nimport { SelectControlLayout } from '../SelectControlLayout';\nimport { SelectInput } from '../SelectInput';\nimport { useSelect } from '../useSelect';\n\nconst cnSelectSingle = cn('SelectSelectSingleMultiple');\n\nconst SelectSingleRender = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n>(\n  props: SelectProps<ITEM, GROUP, false>,\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    'aria-label': ariaLabel,\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    ...otherProps\n  } = propsWithDefault;\n\n  const renderValueDefault: SelectPropRenderValue<ITEM, false> = useAction(\n    (ctx, { value }: { value: ITEM }) => ctx.get(propsAtom).getItemLabel(value),\n    [],\n  );\n\n  const renderItemDefault = useAction(\n    (\n      ctx,\n      {\n        item,\n        active,\n        hovered,\n        onClick,\n        onMouseEnter,\n        ref,\n      }: RenderItemProps<ITEM>,\n    ) => {\n      const { getItemLabel, size, dropdownForm, getItemDisabled } =\n        ctx.get(propsAtom);\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        />\n      );\n    },\n    [],\n  );\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    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n  } = useSelect<ITEM, GROUP, false>({\n    propsAtom,\n  });\n\n  return (\n    <>\n      <SelectControlLayout\n        {...otherProps}\n        style={style}\n        className={cnSelectSingle(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        <SelectInput\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          ref={useForkRef([inputRef, inputRefProp])}\n          onClick={handleInputClick}\n          onChange={input ? handleInputChange : undefined}\n          value={input ? inputValue : undefined}\n          defaultValue={input ? inputDefaultValue : undefined}\n          readOnly={input ? undefined : true}\n          disabled={disabled}\n          placeholder={placeholder}\n          aria-label={ariaLabel}\n        >\n          {value && (renderValue || renderValueDefault)({ value })}\n        </SelectInput>\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      />\n    </>\n  );\n};\n\nexport const SelectSingle = withCtx(\n  forwardRef(SelectSingleRender),\n) as SelectComponent;\n"],"mappings":"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"}
+{"version":3,"file":"SelectSingle.js","names":["useAction","React","forwardRef","SelectDropdown","SelectItem","useForkRef","cnCanary","cn","useSendToAtom","withCtx","withDefault","SelectControlLayout","SelectInput","useSelect","cnSelectSingle","SelectSingleRender","props","ref","propsWithDefault","propsAtom","form","status","size","disabled","value","renderValue","isLoading","dropdownRefProp","dropdownForm","renderItem","getGroupLabel","labelForCreate","labelForEmptyItems","virtualScroll","onScrollToBottom","style","className","placeholder","view","iconClear","input","inputValue","inputDefaultValue","inputRefProp","ariaLabel","getGroupKey","getItemDisabled","getItemGroupKey","getItemKey","getItemLabel","items","onChangeProp","dropdownClassName","onFocus","onBlur","onCreateProp","onInput","multiple","groups","onDropdownOpen","ignoreOutsideClicksRefs","clearButton","selectAll","selectAllLabel","dropdownViewportRef","otherProps","renderValueDefault","ctx","get","renderItemDefault","item","active","hovered","onClick","onMouseEnter","getOptionActions","openAtom","visibleItemsAtom","focusAtom","handleInputFocus","handleInputBlur","handleToggleDropdown","inputRef","handleInputClick","handleInputChange","clearValue","optionsRefs","controlRef","dropdownRef","clearButtonAtom","highlightedIndexAtom","getItemKeyAtom","valueAtom","onChangeAll","highlightIndex","onCreate","onChange","inputValueAtom","hasItemsAtom","groupsCounterAtom","dropdownZIndexAtom","SelectSingle"],"sources":["../../../../../../src/components/SelectCanary/SelectSingle/SelectSingle.tsx"],"sourcesContent":["import { useAction } from '@reatom/npm-react';\nimport React, { forwardRef } from 'react';\n\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  SelectPropRenderValue,\n  SelectProps,\n} from '..';\nimport { withDefault } from '../defaultProps';\nimport { SelectControlLayout } from '../SelectControlLayout';\nimport { SelectInput } from '../SelectInput';\nimport { useSelect } from '../useSelect';\n\nconst cnSelectSingle = cn('SelectSelectSingleMultiple');\n\nconst SelectSingleRender = <\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n>(\n  props: SelectProps<ITEM, GROUP, false>,\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    'aria-label': ariaLabel,\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 renderValueDefault: SelectPropRenderValue<ITEM, false> = useAction(\n    (ctx, { value }: { value: ITEM }) => ctx.get(propsAtom).getItemLabel(value),\n    [],\n  );\n\n  const renderItemDefault = useAction(\n    (\n      ctx,\n      {\n        item,\n        active,\n        hovered,\n        onClick,\n        onMouseEnter,\n        ref,\n      }: RenderItemProps<ITEM>,\n    ) => {\n      const { getItemLabel, size, dropdownForm, getItemDisabled } =\n        ctx.get(propsAtom);\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        />\n      );\n    },\n    [],\n  );\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    hasItemsAtom,\n    groupsCounterAtom,\n    dropdownZIndexAtom,\n  } = useSelect<ITEM, GROUP, false>({\n    propsAtom,\n  });\n\n  return (\n    <>\n      <SelectControlLayout\n        {...otherProps}\n        style={style}\n        className={cnSelectSingle(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        <SelectInput\n          onFocus={handleInputFocus}\n          onBlur={handleInputBlur}\n          ref={useForkRef([inputRef, inputRefProp])}\n          onClick={handleInputClick}\n          onChange={input ? handleInputChange : undefined}\n          value={input ? inputValue : undefined}\n          defaultValue={input ? inputDefaultValue : undefined}\n          readOnly={input ? undefined : true}\n          disabled={disabled}\n          placeholder={placeholder}\n          aria-label={ariaLabel}\n        >\n          {value && (renderValue || renderValueDefault)({ value })}\n        </SelectInput>\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 SelectSingle = withCtx(\n  forwardRef(SelectSingleRender),\n) as SelectComponent;\n"],"mappings":"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"}

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

@@ -48,12 +48,13 @@ export declare function withDefaultGetters<ITEM = SelectItemDefault, GROUP = Sel
     onScrollToBottom?: (length: number) => void;
     onDropdownOpen?: (isOpen: boolean) => void;
     dropdownOpen?: boolean;
+    dropdownViewportRef?: React.RefObject<HTMLElement>;
     ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;
     clearButton?: boolean;
     iconClear?: import("@consta/icons/Icon").IconComponent;
     selectAll?: (MULTIPLE extends true ? boolean : never) | undefined;
     selectAllLabel?: string;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "onInput" | "size" | "view" | "form" | "status" | "input" | "disabled" | "value" | "multiple" | "placeholder" | "inputRef" | "items" | "dropdownForm" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "onScrollToBottom" | "labelForCreate" | "inputValue" | "selectAll" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll" | "inputDefaultValue" | "clearButton" | "iconClear" | "onCreate" | "selectAllLabel" | "aria-Label"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "css" | "onFocus" | "onBlur" | "onChange" | "onInput" | "size" | "view" | "form" | "status" | "input" | "disabled" | "value" | "multiple" | "placeholder" | "inputRef" | "items" | "dropdownForm" | "dropdownClassName" | "dropdownRef" | "isLoading" | "labelForEmptyItems" | "renderItem" | "renderValue" | "groups" | "getItemLabel" | "getItemKey" | "getItemGroupKey" | "getItemDisabled" | "getGroupLabel" | "getGroupKey" | "onScrollToBottom" | "labelForCreate" | "inputValue" | "selectAll" | "onDropdownOpen" | "dropdownOpen" | "ignoreOutsideClicksRefs" | "virtualScroll" | "dropdownViewportRef" | "inputDefaultValue" | "clearButton" | "iconClear" | "onCreate" | "selectAllLabel" | "aria-Label"> & import("react").RefAttributes<HTMLDivElement> & (ITEM extends {
     label: SelectItemDefault["label"];
 } ? {} : {
     getItemLabel: SelectPropGetItemLabel<ITEM>;

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

@@ -91,6 +91,7 @@ export type SelectPropsInit<ITEM = SelectItemDefault, GROUP = SelectGroupDefault
     'onScrollToBottom'?: (length: number) => void;
     'onDropdownOpen'?: (isOpen: boolean) => void;
     'dropdownOpen'?: boolean;
+    'dropdownViewportRef'?: React.RefObject<HTMLElement>;
     'ignoreOutsideClicksRefs'?: ReadonlyArray<React.RefObject<HTMLElement>>;
     'clearButton'?: boolean;
     'iconClear'?: IconComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/SelectCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type 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\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\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;\n\nexport type SelectPropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\nexport type SelectPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type SelectPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type SelectPropRenderValue<ITEM, MULTIPLE> = MULTIPLE extends true\n  ? (props: {\n      value: ITEM[];\n      getRemove: (\n        item: ITEM,\n      ) => (e: React.SyntheticEvent<Element, Event>) => void;\n    }) => React.ReactNode | null\n  : (props: { value: ITEM }) => React.ReactNode | null;\n\nexport type SelectPropOnCreate = (\n  label: string,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type SelectAllItem = {\n  groupKey: string | number;\n  __optionSelectAll: true;\n};\n\nexport type Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n};\n\nexport type CountedGroup<ITEM, GROUP> = Omit<Group<ITEM, GROUP>, 'items'> & {\n  items: Array<SelectAllItem | ITEM>;\n};\n\nexport type SelectPropsInit<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    'items': ITEM[];\n    'onChange': SelectPropOnChange<ITEM, MULTIPLE>;\n    'disabled'?: boolean;\n    'form'?: FieldPropForm;\n    'dropdownForm'?: 'default' | 'brick' | 'round';\n    'size'?: FieldPropSize;\n    'view'?: FieldPropView;\n    'placeholder'?: string;\n    'aria-Label'?: string;\n    'status'?: FieldPropStatus;\n    'isLoading'?: boolean;\n    'dropdownClassName'?: string;\n    'dropdownRef'?: React.Ref<HTMLDivElement>;\n    'renderItem'?: SelectPropRenderItem<ITEM>;\n    'renderValue'?: SelectPropRenderValue<ITEM, MULTIPLE>;\n    'onFocus'?: React.FocusEventHandler<HTMLInputElement>;\n    'onBlur'?: React.FocusEventHandler<HTMLInputElement>;\n    'onCreate'?: SelectPropOnCreate;\n    'inputRef'?: React.Ref<HTMLInputElement>;\n    'input'?: boolean;\n    'inputValue'?: string;\n    'inputDefaultValue'?: string;\n    'onInput'?: (value: string) => void;\n    'labelForCreate'?:\n      | ((label: string | undefined) => React.ReactNode)\n      | React.ReactNode;\n    'labelForEmptyItems'?: string;\n    'multiple'?: MULTIPLE;\n    'value'?: SelectPropValue<ITEM, MULTIPLE>;\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    'virtualScroll'?: boolean;\n    'onScrollToBottom'?: (length: number) => void;\n    'onDropdownOpen'?: (isOpen: boolean) => void;\n    'dropdownOpen'?: boolean;\n    'ignoreOutsideClicksRefs'?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    'clearButton'?: boolean;\n    'iconClear'?: IconComponent;\n    'selectAll'?: MULTIPLE extends true ? boolean : never;\n    'selectAllLabel'?: string;\n  },\n  HTMLDivElement\n>;\n\nexport type SelectProps<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = SelectPropsInit<ITEM, GROUP, MULTIPLE> &\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  MULTIPLE extends boolean = false,\n>(\n  props: SelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactNode | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/components/SelectCanary/types.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport {\n  FieldPropForm,\n  FieldPropSize,\n  FieldPropStatus,\n  FieldPropView,\n} from '##/components/FieldComponents';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nexport type 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\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\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;\n\nexport type SelectPropOnChange<ITEM, MULTIPLE extends boolean> = (\n  value: (MULTIPLE extends true ? ITEM[] : ITEM) | null,\n  props: {\n    e: React.SyntheticEvent;\n  },\n) => void;\nexport type SelectPropValue<ITEM, MULTIPLE extends boolean> =\n  | (MULTIPLE extends true ? ITEM[] : ITEM)\n  | null\n  | undefined;\n\nexport type SelectPropRenderItem<ITEM> = (\n  props: RenderItemProps<ITEM>,\n) => React.ReactNode | null;\n\nexport type SelectPropRenderValue<ITEM, MULTIPLE> = MULTIPLE extends true\n  ? (props: {\n      value: ITEM[];\n      getRemove: (\n        item: ITEM,\n      ) => (e: React.SyntheticEvent<Element, Event>) => void;\n    }) => React.ReactNode | null\n  : (props: { value: ITEM }) => React.ReactNode | null;\n\nexport type SelectPropOnCreate = (\n  label: string,\n  props: { e: React.SyntheticEvent },\n) => void;\n\nexport type SelectAllItem = {\n  groupKey: string | number;\n  __optionSelectAll: true;\n};\n\nexport type Group<ITEM, GROUP> = {\n  items: ITEM[];\n  key: string | number;\n  group?: GROUP;\n};\n\nexport type CountedGroup<ITEM, GROUP> = Omit<Group<ITEM, GROUP>, 'items'> & {\n  items: Array<SelectAllItem | ITEM>;\n};\n\nexport type SelectPropsInit<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = PropsWithHTMLAttributesAndRef<\n  {\n    'items': ITEM[];\n    'onChange': SelectPropOnChange<ITEM, MULTIPLE>;\n    'disabled'?: boolean;\n    'form'?: FieldPropForm;\n    'dropdownForm'?: 'default' | 'brick' | 'round';\n    'size'?: FieldPropSize;\n    'view'?: FieldPropView;\n    'placeholder'?: string;\n    'aria-Label'?: string;\n    'status'?: FieldPropStatus;\n    'isLoading'?: boolean;\n    'dropdownClassName'?: string;\n    'dropdownRef'?: React.Ref<HTMLDivElement>;\n    'renderItem'?: SelectPropRenderItem<ITEM>;\n    'renderValue'?: SelectPropRenderValue<ITEM, MULTIPLE>;\n    'onFocus'?: React.FocusEventHandler<HTMLInputElement>;\n    'onBlur'?: React.FocusEventHandler<HTMLInputElement>;\n    'onCreate'?: SelectPropOnCreate;\n    'inputRef'?: React.Ref<HTMLInputElement>;\n    'input'?: boolean;\n    'inputValue'?: string;\n    'inputDefaultValue'?: string;\n    'onInput'?: (value: string) => void;\n    'labelForCreate'?:\n      | ((label: string | undefined) => React.ReactNode)\n      | React.ReactNode;\n    'labelForEmptyItems'?: string;\n    'multiple'?: MULTIPLE;\n    'value'?: SelectPropValue<ITEM, MULTIPLE>;\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    'virtualScroll'?: boolean;\n    'onScrollToBottom'?: (length: number) => void;\n    'onDropdownOpen'?: (isOpen: boolean) => void;\n    'dropdownOpen'?: boolean;\n    'dropdownViewportRef'?: React.RefObject<HTMLElement>;\n    'ignoreOutsideClicksRefs'?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    'clearButton'?: boolean;\n    'iconClear'?: IconComponent;\n    'selectAll'?: MULTIPLE extends true ? boolean : never;\n    'selectAllLabel'?: string;\n  },\n  HTMLDivElement\n>;\n\nexport type SelectProps<\n  ITEM = SelectItemDefault,\n  GROUP = SelectGroupDefault,\n  MULTIPLE extends boolean = false,\n> = SelectPropsInit<ITEM, GROUP, MULTIPLE> &\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  MULTIPLE extends boolean = false,\n>(\n  props: SelectProps<ITEM, GROUP, MULTIPLE>,\n) => React.ReactNode | null;\n"],"mappings":""}

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

@@ -35,6 +35,7 @@ type Props<ITEM, GROUP> = PropsWithJsxAttributes<{
     itemsRefs: React.RefObject<HTMLDivElement>[];
     virtualScroll?: boolean;
     onScrollToBottom?: (length: number) => void;
+    viewportRef?: React.RefObject<HTMLElement>;
 }>;
 type SelectDropdownComponent = <ITEM, GROUP>(props: Props<ITEM, GROUP>) => React.ReactNode | null;
 export declare const SelectDropdown: SelectDropdownComponent;

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

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectDropdown.css";import React,{Fragment,useEffect,useMemo,useRef}from"react";import{Transition}from"react-transition-group";import{cnListBox,ListItem,ListLoader,mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{useDebounce}from"../../../hooks/useDebounce";import{useFlag}from"../../../hooks/useFlag";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{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{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useSelect";export var selectDropdownForm=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownForm[0];var cnSelectDropdown=cn("SelectDropdown"),getLengthElements=function(a){for(var b,c=1>=a.length?0:a.length,d=0;d<a.length;d++)b=a[d],isNotOptionForCreate(b)&&b.items.length&&(c+=b.items.length);return c},isVisible=function(a,b){return b>=a[0]&&b<a[1]};export var SelectDropdown=function(a){var b=a.controlRef,c=a.size,d=a.getOptionProps,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItems,k=void 0===j||j,l=a.form,m=a.isOpen,n=a.offset,o=void 0===n?"none":n,p=a.renderItem,q=a.visibleItems,r=a.isLoading,s=a.getGroupLabel,t=a.notFound,u=a.itemsRefs,v=a.virtualScroll,w=a.onScrollToBottom,x=_objectWithoutProperties(a,_excluded),y="round"===l?"increased":"normal",z=useMemo(function(){return 0<q.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[q]),A="none"===o?void 0:o,B=useMemo(function(){return getLengthElements(q)},[q]),C=useVirtualScroll({length:B,isActive:v&&m,onScrollToBottom:w}),D=C.spaceTop,E=C.slice,F=C.listRefs,G=C.scrollElementRef,H=0===E[0]&&v?[0,50]:E,I=useRef(null),J=useForkRef([G,e]),K=useFlag(),L=_slicedToArray(K,2),M=L[0],N=L[1],O=useDebounce(N.off,100);return useEffect(function(){var a,b=function(){N.on(),O()};return null===(a=G.current)||void 0===a?void 0:a.addEventListener("scroll",b),function(){var a;null===(a=G.current)||void 0===a?void 0:a.removeEventListener("scroll",b)}},[G.current]),React.createElement(Transition,{in:m,unmountOnExit:!0,nodeRef:I,timeout:animateTimeout},function(a){var e=fabricIndex(),j=fabricIndex();return React.createElement(Popover,Object.assign({},x,{anchorRef:b,direction:"downStartLeft",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:A,ref:I,role:"listbox",className:cnSelectDropdown(null,[cnListBox({size:c,form:l,border:!0,shadow:!0}),cnMixPopoverAnimate({animate:a}),g]),equalAnchorWidth:!0}),React.createElement("div",{className:cnSelectDropdown("ScrollContainer",[cnMixSpace({pV:mapVerticalSpace[c]}),cnMixScrollBar()]),ref:J},r&&!z&&React.createElement(SelectLoader,null),React.createElement("div",{className:cnSelectDropdown("List",{scrolled:M}),style:{marginTop:D}},q.map(function(a,b){if(isOptionForCreate(a)){var h=e();return React.createElement(SelectCreateButton,Object.assign({size:c,labelForCreate:f,inputValue:a.label,indent:y,ref:u[h]},d({index:h,item:a,keyPrefix:b})))}var g=1<q.length?j():0;return React.createElement(Fragment,{key:a.key},a.group&&s&&isVisible(H,g)&&React.createElement(SelectGroupLabel,{label:s(a.group),size:c,indent:y,ref:F[g],key:"group-".concat(a.key)}),a.items.map(function(b,f){if(isOptionForSelectAll(b)){var g=j(),h=e();if(isVisible(H,g))return React.createElement(SelectItemAll,Object.assign({ref:forkRef([F[g],u[h]]),indent:y,size:c},d({index:h,item:b,keyPrefix:f}),{intermediate:!!(b.checkedCount&&b.totalCount)&&b.checkedCount!==b.totalCount,checked:b.checkedCount===b.totalCount,countItems:b.checkedCount,total:b.totalCount}))}else{var i=j(),k=e();if(isVisible(H,i))return React.createElement(Fragment,{key:"".concat(a.key,"-").concat(f)},p(_objectSpread({ref:forkRef([F[i],u[k]]),item:b},d({index:k,item:b,keyPrefix:f}))))}}))}),r&&z&&React.createElement(ListLoader,{size:c,innerOffset:y})),!r&&k&&t&&h&&React.createElement(ListItem,{size:c,label:h,innerOffset:y},h),!r&&!k&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:y},i)))})};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["controlRef","size","getOptionProps","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","viewportRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"./SelectDropdown.css";import React,{Fragment,useEffect,useMemo,useRef}from"react";import{Transition}from"react-transition-group";import{cnListBox,ListItem,ListLoader,mapVerticalSpace}from"../../ListCanary";import{Popover}from"../../Popover";import{useDebounce}from"../../../hooks/useDebounce";import{useFlag}from"../../../hooks/useFlag";import{forkRef,useForkRef}from"../../../hooks/useForkRef";import{useVirtualScroll}from"../../../hooks/useVirtualScroll";import{animateTimeout,cnMixPopoverAnimate}from"../../../mixs/MixPopoverAnimate/MixPopoverAnimate";import{cnMixScrollBar}from"../../../mixs/MixScrollBar";import{cnMixSpace}from"../../../mixs/MixSpace";import{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{isNotOptionForCreate,isOptionForCreate,isOptionForSelectAll}from"../useSelect";export var selectDropdownForm=["default","brick","round"];export var defaultSelectDropdownPropForm=selectDropdownForm[0];var cnSelectDropdown=cn("SelectDropdown"),getLengthElements=function(a){for(var b,c=1>=a.length?0:a.length,d=0;d<a.length;d++)b=a[d],isNotOptionForCreate(b)&&b.items.length&&(c+=b.items.length);return c},isVisible=function(a,b){return b>=a[0]&&b<a[1]};export var SelectDropdown=function(a){var b=a.controlRef,c=a.size,d=a.getOptionProps,e=a.dropdownRef,f=a.labelForCreate,g=a.className,h=a.labelForNotFound,i=a.labelForEmptyItems,j=a.hasItems,k=void 0===j||j,l=a.form,m=a.isOpen,n=a.offset,o=void 0===n?"none":n,p=a.renderItem,q=a.visibleItems,r=a.isLoading,s=a.getGroupLabel,t=a.notFound,u=a.itemsRefs,v=a.virtualScroll,w=a.onScrollToBottom,x=a.viewportRef,y=_objectWithoutProperties(a,_excluded),z="round"===l?"increased":"normal",A=useMemo(function(){return 0<q.filter(function(a){return isOptionForCreate(a)||Array.isArray(a.items)&&0<a.items.length}).length},[q]),B="none"===o?void 0:o,C=useMemo(function(){return getLengthElements(q)},[q]),D=useVirtualScroll({length:C,isActive:v&&m,onScrollToBottom:w}),E=D.spaceTop,F=D.slice,G=D.listRefs,H=D.scrollElementRef,I=0===F[0]&&v?[0,50]:F,J=useRef(null),K=useForkRef([H,e]),L=useFlag(),M=_slicedToArray(L,2),N=M[0],O=M[1],P=useDebounce(O.off,100);return useEffect(function(){var a,b=function(){O.on(),P()};return null===(a=H.current)||void 0===a?void 0:a.addEventListener("scroll",b),function(){var a;null===(a=H.current)||void 0===a?void 0:a.removeEventListener("scroll",b)}},[H.current]),React.createElement(Transition,{in:m,unmountOnExit:!0,nodeRef:J,timeout:animateTimeout},function(a){var e=fabricIndex(),j=fabricIndex();return React.createElement(Popover,Object.assign({},y,{anchorRef:b,direction:"downStartLeft",possibleDirections:["downStartLeft","upStartLeft","downStartRight","upStartRight"],offset:B,ref:J,role:"listbox",className:cnSelectDropdown(null,[cnListBox({size:c,form:l,border:!0,shadow:!0}),cnMixPopoverAnimate({animate:a}),g]),equalAnchorWidth:!0,viewportRef:x}),React.createElement("div",{className:cnSelectDropdown("ScrollContainer",[cnMixSpace({pV:mapVerticalSpace[c]}),cnMixScrollBar()]),ref:K},r&&!A&&React.createElement(SelectLoader,null),React.createElement("div",{className:cnSelectDropdown("List",{scrolled:N}),style:{marginTop:E}},q.map(function(a,b){if(isOptionForCreate(a)){var h=e();return React.createElement(SelectCreateButton,Object.assign({size:c,labelForCreate:f,inputValue:a.label,indent:z,ref:u[h]},d({index:h,item:a,keyPrefix:b})))}var g=1<q.length?j():0;return React.createElement(Fragment,{key:a.key},a.group&&s&&isVisible(I,g)&&React.createElement(SelectGroupLabel,{label:s(a.group),size:c,indent:z,ref:G[g],key:"group-".concat(a.key)}),a.items.map(function(b,f){if(isOptionForSelectAll(b)){var g=j(),h=e();if(isVisible(I,g))return React.createElement(SelectItemAll,Object.assign({ref:forkRef([G[g],u[h]]),indent:z,size:c},d({index:h,item:b,keyPrefix:f}),{intermediate:!!(b.checkedCount&&b.totalCount)&&b.checkedCount!==b.totalCount,checked:b.checkedCount===b.totalCount,countItems:b.checkedCount,total:b.totalCount}))}else{var i=j(),k=e();if(isVisible(I,i))return React.createElement(Fragment,{key:"".concat(a.key,"-").concat(f)},p(_objectSpread({ref:forkRef([G[i],u[k]]),item:b},d({index:k,item:b,keyPrefix:f}))))}}))}),r&&A&&React.createElement(ListLoader,{size:c,innerOffset:z})),!r&&k&&t&&h&&React.createElement(ListItem,{size:c,label:h,innerOffset:z},h),!r&&!k&&i&&React.createElement(ListItem,{size:c,label:i,innerOffset:z},i)))})};
 //# sourceMappingURL=SelectDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpace","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","element","length","index","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","popoverRef","scrolled","setScrolled","setScrolledOffDebounce","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","groupIndex","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { 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 { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\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        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\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 = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    ...otherProps\n  } = props;\n\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 && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScrolled] = useFlag();\n  const setScrolledOffDebounce = useDebounce(setScrolled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScrolled.on();\n      setScrolledOffDebounce();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\n                style={{ marginTop: spaceTop }}\n              >\n                {visibleItems.map((group, groupIndex) => {\n                  if (isOptionForCreate(group)) {\n                    const index = getIndex();\n                    return (\n                      <SelectCreateButton\n                        size={size}\n                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: groupIndex,\n                        })}\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}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: i,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: i,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","names":["React","Fragment","useEffect","useMemo","useRef","Transition","cnListBox","ListItem","ListLoader","mapVerticalSpace","Popover","useDebounce","useFlag","forkRef","useForkRef","useVirtualScroll","animateTimeout","cnMixPopoverAnimate","cnMixScrollBar","cnMixSpace","cn","fabricIndex","SelectCreateButton","SelectGroupLabel","SelectItemAll","SelectLoader","isNotOptionForCreate","isOptionForCreate","isOptionForSelectAll","selectDropdownForm","defaultSelectDropdownPropForm","cnSelectDropdown","getLengthElements","elements","element","length","index","items","isVisible","slice","SelectDropdown","props","controlRef","size","getOptionProps","dropdownRefProp","dropdownRef","labelForCreate","className","labelForNotFound","labelForEmptyItems","hasItems","form","isOpen","offset","offsetProp","renderItem","visibleItems","isLoading","getGroupLabel","notFound","itemsRefs","virtualScroll","onScrollToBottom","viewportRef","otherProps","indent","isListShowed","filter","group","Array","isArray","lengthForVirtualScroll","isActive","spaceTop","sliceHookProp","listRefs","scrollElementRef","popoverRef","scrolled","setScrolled","setScrolledOffDebounce","off","fn","on","current","addEventListener","removeEventListener","animate","getIndex","getVirtualIndex","border","shadow","pV","marginTop","map","groupIndex","label","item","keyPrefix","virtualIndex","key","i","checkedCount","totalCount","ref"],"sources":["../../../../../../src/components/SelectComponents/SelectDropdown/SelectDropdown.tsx"],"sourcesContent":["import './SelectDropdown.css';\n\nimport React, { Fragment, useEffect, useMemo, useRef } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n  cnListBox,\n  ListItem,\n  ListLoader,\n  mapVerticalSpace,\n} from '##/components/ListCanary';\nimport { Popover, PopoverPropOffset } from '##/components/Popover';\nimport { useDebounce } from '##/hooks/useDebounce';\nimport { useFlag } from '##/hooks/useFlag';\nimport { forkRef, useForkRef } from '##/hooks/useForkRef';\nimport { useVirtualScroll } from '##/hooks/useVirtualScroll';\nimport {\n  animateTimeout,\n  cnMixPopoverAnimate,\n} from '##/mixs/MixPopoverAnimate/MixPopoverAnimate';\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { 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 { PropSize, RenderItemProps } from '../types';\nimport {\n  GetOptionPropsResult,\n  isNotOptionForCreate,\n  isOptionForCreate,\n  isOptionForSelectAll,\n  OptionForCreate,\n  OptionProps,\n} from '../useSelect';\n\nexport const selectDropdownForm = ['default', 'brick', 'round'] as const;\nexport type SelectDropdownPropForm = typeof selectDropdownForm[number];\nexport const defaultSelectDropdownPropForm = selectDropdownForm[0];\n\ntype Props<ITEM, GROUP> = PropsWithJsxAttributes<{\n  size: PropSize;\n  controlRef: React.MutableRefObject<HTMLDivElement | null>;\n  dropdownRef: React.Ref<HTMLDivElement>;\n  getOptionProps(props: OptionProps<ITEM>): GetOptionPropsResult;\n  form: SelectDropdownPropForm;\n  isOpen: boolean;\n  offset?: PopoverPropOffset | 'none';\n  isLoading?: boolean;\n  renderItem: (props: RenderItemProps<ITEM>) => React.ReactNode | null;\n  visibleItems: (\n    | OptionForCreate\n    | {\n        items: Array<SelectAllItem | ITEM>;\n        key: string | number;\n        group?: GROUP;\n        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\n      }\n  )[];\n  getGroupLabel?: (group: GROUP) => string;\n  labelForCreate?: string;\n  labelForNotFound?: string;\n  labelForEmptyItems?: string;\n  notFound?: boolean;\n  hasItems?: boolean;\n  itemsRefs: React.RefObject<HTMLDivElement>[];\n  virtualScroll?: boolean;\n  onScrollToBottom?: (length: number) => void;\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        groupIndex: number;\n        checkedCount?: number;\n        totalCount?: number;\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 = (props) => {\n  const {\n    controlRef,\n    size,\n    getOptionProps,\n    dropdownRef: dropdownRefProp,\n    labelForCreate,\n    className,\n    labelForNotFound,\n    labelForEmptyItems,\n    hasItems = true,\n    form,\n    isOpen,\n    offset: offsetProp = 'none',\n    renderItem,\n    visibleItems,\n    isLoading,\n    getGroupLabel,\n    notFound,\n    itemsRefs,\n    virtualScroll,\n    onScrollToBottom,\n    viewportRef,\n    ...otherProps\n  } = props;\n\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 && isOpen,\n    onScrollToBottom,\n  });\n\n  const slice: [number, number] =\n    sliceHookProp[0] === 0 && virtualScroll ? [0, 50] : sliceHookProp;\n\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useForkRef([scrollElementRef, dropdownRefProp]);\n  const [scrolled, setScrolled] = useFlag();\n  const setScrolledOffDebounce = useDebounce(setScrolled.off, 100);\n\n  useEffect(() => {\n    const fn = () => {\n      setScrolled.on();\n      setScrolledOffDebounce();\n    };\n\n    scrollElementRef.current?.addEventListener('scroll', fn);\n\n    return () => {\n      scrollElementRef.current?.removeEventListener('scroll', fn);\n    };\n  }, [scrollElementRef.current]);\n\n  return (\n    <Transition\n      in={isOpen}\n      unmountOnExit\n      nodeRef={popoverRef}\n      timeout={animateTimeout}\n    >\n      {(animate) => {\n        const getIndex = fabricIndex();\n        const getVirtualIndex = fabricIndex();\n\n        return (\n          <Popover\n            {...otherProps}\n            anchorRef={controlRef}\n            direction=\"downStartLeft\"\n            possibleDirections={[\n              'downStartLeft',\n              'upStartLeft',\n              'downStartRight',\n              'upStartRight',\n            ]}\n            offset={offset}\n            ref={popoverRef}\n            role=\"listbox\"\n            className={cnSelectDropdown(null, [\n              cnListBox({ size, form, border: true, shadow: true }),\n              cnMixPopoverAnimate({ animate }),\n              className,\n            ])}\n            equalAnchorWidth\n            viewportRef={viewportRef}\n          >\n            <div\n              className={cnSelectDropdown('ScrollContainer', [\n                cnMixSpace({\n                  pV: mapVerticalSpace[size],\n                }),\n                cnMixScrollBar(),\n              ])}\n              ref={dropdownRef}\n            >\n              {isLoading && !isListShowed && <SelectLoader />}\n              <div\n                className={cnSelectDropdown('List', { scrolled })}\n                style={{ marginTop: spaceTop }}\n              >\n                {visibleItems.map((group, groupIndex) => {\n                  if (isOptionForCreate(group)) {\n                    const index = getIndex();\n                    return (\n                      <SelectCreateButton\n                        size={size}\n                        labelForCreate={labelForCreate}\n                        inputValue={group.label}\n                        indent={indent}\n                        ref={itemsRefs[index]}\n                        {...getOptionProps({\n                          index,\n                          item: group,\n                          keyPrefix: groupIndex,\n                        })}\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}`}\n                          />\n                        )}\n                      {group.items.map((item, i) => {\n                        if (isOptionForSelectAll(item)) {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <SelectItemAll\n                                ref={forkRef([\n                                  listRefs[virtualIndex],\n                                  itemsRefs[index],\n                                ])}\n                                indent={indent}\n                                size={size}\n                                {...getOptionProps({\n                                  index,\n                                  item,\n                                  keyPrefix: i,\n                                })}\n                                intermediate={\n                                  item.checkedCount && item.totalCount\n                                    ? item.checkedCount !== item.totalCount\n                                    : false\n                                }\n                                checked={item.checkedCount === item.totalCount}\n                                countItems={item.checkedCount}\n                                total={item.totalCount}\n                              />\n                            );\n                          }\n                        } else {\n                          const virtualIndex = getVirtualIndex();\n                          const index = getIndex();\n                          if (isVisible(slice, virtualIndex)) {\n                            return (\n                              <Fragment key={`${group.key}-${i}`}>\n                                {renderItem({\n                                  ref: forkRef([\n                                    listRefs[virtualIndex],\n                                    itemsRefs[index],\n                                  ]),\n                                  item,\n                                  ...getOptionProps({\n                                    index,\n                                    item,\n                                    keyPrefix: i,\n                                  }),\n                                })}\n                              </Fragment>\n                            );\n                          }\n                        }\n                      })}\n                    </Fragment>\n                  );\n                })}\n                {isLoading && isListShowed && (\n                  <ListLoader size={size} innerOffset={indent} />\n                )}\n              </div>\n              {!isLoading && hasItems && notFound && labelForNotFound && (\n                <ListItem\n                  size={size}\n                  label={labelForNotFound}\n                  innerOffset={indent}\n                >\n                  {labelForNotFound}\n                </ListItem>\n              )}\n              {!isLoading && !hasItems && labelForEmptyItems && (\n                <ListItem\n                  size={size}\n                  label={labelForEmptyItems}\n                  innerOffset={indent}\n                >\n                  {labelForEmptyItems}\n                </ListItem>\n              )}\n            </div>\n          </Popover>\n        );\n      }}\n    </Transition>\n  );\n};\n"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ export declare const tagBasePropSizeDefault: "m";
 export type TagBasePropSize = typeof tagBasePropSize[number];
 export declare const tagBasePropGroupNumberValue: readonly [1, 2, 3, 4, 5, 6, 7, 8, 9];
 export declare const tagBasePropGroupStringValue: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
-export declare const tagBasePropGroup: (1 | 4 | 2 | "1" | 3 | 5 | 9 | "2" | 7 | 6 | "3" | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
+export declare const tagBasePropGroup: (1 | 4 | 2 | "1" | 3 | 5 | 9 | "2" | "3" | 7 | 6 | 8 | "4" | "5" | "6" | "7" | "8" | "9")[];
 export type TagBasePropGroup = typeof tagBasePropGroup[number];
 export declare const tagBasePropView: readonly ["stroked", "filled"];
 export declare const tagBasePropViewDefault: "stroked";

package/__internal__/src/components/TextAreaAutoSize/TextAreaAutoSize.css

@@ -0,0 +1 @@
+.TextAreaAutoSize{line-height:1.5;resize:none}.TextAreaAutoSize-Fake{word-wrap:break-word;height:0;left:-9999px;position:absolute;top:-9999px;visibility:hidden;white-space:pre-wrap}