npm - @vkontakte/vkui - Versions diffs - 5.1.2 → 5.2.1 - Mend

@vkontakte/vkui 5.1.2 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1245) hide show

package/dist/cjs/components/CustomSelect/CustomSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSelect.js","names":["findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","warn","warnOnce","checkOptionsValueType","Set","map","item","value","size","defaultRenderOptionFn","props","handleOptionDown","e","preventDefault","findSelectedIndex","Number","filter","inputValue","filterFn","defaultOptions","CustomSelect","React","useState","opened","setOpened","before","name","className","getRef","getRootRef","popupDirection","style","onChange","children","onInputChangeProp","onInputChange","renderDropdown","onOpen","onClose","fetching","forceDropdownPortal","selectType","autoHideScrollbar","autoHideScrollbarDelay","searchable","renderOption","renderOptionProp","optionsProp","emptyText","defaultFilterFn","icon","dropdownOffsetDistance","fixDropdownWidth","restProps","process","env","NODE_ENV","containerRef","useRef","scrollBoxRef","selectElRef","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","useEffect","useIsomorphicLayoutEffect","some","event","Event","bubbles","current","dispatchEvent","selected","useMemo","openedClassNames","classNames","includes","resetKeyboardInput","useCallback","scrollToElement","index","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","isValidIndex","focusOptionByIndex","scrollTo","areOptionsShown","setScrollBoxRef","ref","onKeyboardInput","key","fullInput","optionIndex","getTitleFromChildren","label","toLowerCase","close","selectFocused","open","onBlur","resetFocusedOption","onFocus","onClick","handleKeyUp","debounce","focusOption","type","nextIndex","beforeIndex","updateOptionsAndSelectedOptionIndex","onLabelClick","contains","target","onNativeSelectChange","newSelectedOptionIndex","currentTarget","onInputKeyDown","handleKeyDownSelect","handleOptionClick","Array","prototype","indexOf","call","parentNode","handleOptionHover","hovered","onMouseDown","onMouseOver","resolvedContent","defaultDropdownContent","multiRef","getFormFieldModeFromSelectType"],"sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SelectMimicry } from '../SelectMimicry/SelectMimicry';\nimport { debounce, multiRef, getTitleFromChildren } from '../../lib/utils';\nimport { classNames } from '@vkontakte/vkjs';\nimport { NativeSelectProps } from '../NativeSelect/NativeSelect';\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { FormFieldProps } from '../FormField/FormField';\nimport { Input } from '../Input/Input';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { defaultFilterFn, getFormFieldModeFromSelectType } from '../../lib/select';\nimport { Placement } from '../Popper/Popper';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport { TrackerOptionsProps } from '../CustomScrollView/useTrackerVisibility';\nimport { SelectType } from '../Select/Select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport styles from './CustomSelect.module.css';\n\nconst findIndexAfter = (options: CustomSelectOptionInterface[] = [], startIndex = -1) => {\n if (startIndex >= options.length - 1) {\n return -1;\n }\n return options.findIndex((option, i) => i > startIndex && !option.disabled);\n};\n\nconst findIndexBefore = (\n options: CustomSelectOptionInterface[] = [],\n endIndex: number = options.length,\n) => {\n let result = -1;\n if (endIndex <= 0) {\n return result;\n }\n for (let i = endIndex - 1; i >= 0; i--) {\n let option = options[i];\n\n if (!option.disabled) {\n result = i;\n break;\n }\n }\n return result;\n};\n\nconst warn = warnOnce('CustomSelect');\n\nconst checkOptionsValueType = (options: CustomSelectOptionInterface[]) => {\n if (new Set(options.map((item) => typeof item.value)).size > 1) {\n warn(\n 'Некоторые значения ваших опций имеют разные типы. onChange всегда возвращает строковый тип.',\n 'error',\n );\n }\n};\n\nfunction defaultRenderOptionFn({ option, ...props }: CustomSelectOptionProps): React.ReactNode {\n return <CustomSelectOption {...props} />;\n}\n\nconst handleOptionDown: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault();\n};\n\nfunction findSelectedIndex(options: CustomSelectOptionInterface[], value: SelectValue) {\n return (\n options.findIndex((item) => {\n value = typeof item.value === 'number' ? Number(value) : value;\n return item.value === value;\n }) ?? -1\n );\n}\n\nconst filter = (\n options: SelectProps['options'],\n inputValue: string,\n filterFn: SelectProps['filterFn'],\n) => {\n return typeof filterFn === 'function'\n ? options.filter((option) => filterFn(inputValue, option))\n : options;\n};\n\nconst defaultOptions: CustomSelectOptionInterface[] = [];\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n\nexport interface CustomSelectOptionInterface {\n value: SelectValue;\n label: React.ReactElement \| string;\n disabled?: boolean;\n [index: string]: any;\n}\n\nexport interface SelectProps extends NativeSelectProps, FormFieldProps, TrackerOptionsProps {\n /*\n Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n * производится по `option.label`.\n /\n searchable?: boolean;\n /\n Текст, который будет отображен, если приходит пустой `options`.\n /\n emptyText?: string;\n /\n > ⚠️ В v6 из возвращаемых типов будет удалён `CustomSelectOptionInterface[]`. Для кастомной фильтрации используйте\n * > `filterFn`.\n /\n onInputChange?: (\n e: React.ChangeEvent,\n options: CustomSelectOptionInterface[],\n ) => void \| CustomSelectOptionInterface[];\n options: CustomSelectOptionInterface[];\n /\n Функция для кастомной фильтрации. По умолчанию поиск производится по `option.label`.\n /\n filterFn?:\n \| false\n \| ((\n value: string,\n option: CustomSelectOptionInterface,\n getOptionLabel?: (option: Partial<CustomSelectOptionInterface>) => string,\n ) => boolean);\n popupDirection?: 'top' \| 'bottom';\n /\n Рендер-проп для кастомного рендера опции.\n * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props)\n /\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /\n Рендер-проп для кастомного рендера содержимого дропдауна.\n * В `defaultDropdownContent` содержится список опций в виде скроллящегося блока.\n /\n renderDropdown?: ({\n defaultDropdownContent,\n }: {\n defaultDropdownContent: React.ReactNode;\n }) => React.ReactNode;\n /\n Если `true`, то в дропдауне вместо списка опций рисуется спиннер. При переданных `renderDropdown` и `fetching: true`\n * \"победит\" `renderDropdown`.\n /\n fetching?: boolean;\n onClose?: VoidFunction;\n onOpen?: VoidFunction;\n icon?: React.ReactNode;\n dropdownOffsetDistance?: number;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n selectType?: SelectType;\n}\n\ntype MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;\n\n/\n @see https://vkcom.github.io/VKUI/#/CustomSelect\n /\nexport function CustomSelect(props: SelectProps) {\n const [opened, setOpened] = React.useState(false);\n const {\n before,\n name,\n className,\n getRef,\n getRootRef,\n popupDirection,\n style,\n onChange,\n children,\n onInputChange: onInputChangeProp,\n renderDropdown,\n onOpen,\n onClose,\n fetching,\n forceDropdownPortal,\n selectType = 'default',\n autoHideScrollbar,\n autoHideScrollbarDelay,\n searchable = false,\n renderOption: renderOptionProp = defaultRenderOptionFn,\n options: optionsProp = defaultOptions,\n emptyText = 'Ничего не найдено',\n filterFn = defaultFilterFn,\n icon = <DropdownIcon opened={opened} />,\n dropdownOffsetDistance = 0,\n fixDropdownWidth = true,\n ...restProps\n } = props;\n\n if (process.env.NODE_ENV === 'development') {\n checkOptionsValueType(optionsProp);\n }\n\n const containerRef = React.useRef<HTMLLabelElement>(null);\n const scrollBoxRef = React.useRef<HTMLDivElement \| null>(null);\n const selectElRef = React.useRef<HTMLSelectElement>(null);\n\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number \| undefined>(-1);\n const [isControlledOutside, setIsControlledOutside] = React.useState(props.value !== undefined);\n const [inputValue, setInputValue] = React.useState('');\n const [nativeSelectValue, setNativeSelectValue] = React.useState(\n props.value ?? props.defaultValue,\n );\n const [keyboardInput, setKeyboardInput] = React.useState('');\n const [popperPlacement, setPopperPlacement] = React.useState<Placement \| undefined>(undefined);\n const [options, setOptions] = React.useState(optionsProp);\n const [selectedOptionIndex, setSelectedOptionIndex] = React.useState<number \| undefined>(\n findSelectedIndex(optionsProp, props.value ?? props.defaultValue),\n );\n\n React.useEffect(() => {\n setIsControlledOutside(props.value !== undefined);\n setNativeSelectValue((nativeSelectValue) => props.value ?? nativeSelectValue);\n }, [props.value]);\n\n useIsomorphicLayoutEffect(() => {\n if (options.some(({ value }) => nativeSelectValue === value)) {\n const event = new Event('change', { bubbles: true });\n\n selectElRef.current?.dispatchEvent(event);\n }\n }, [nativeSelectValue]);\n\n const selected = React.useMemo(() => {\n if (!options.length) {\n return null;\n }\n\n return selectedOptionIndex !== undefined ? options[selectedOptionIndex] : undefined;\n }, [options, selectedOptionIndex]);\n\n const openedClassNames = React.useMemo(\n () =>\n classNames(\n opened &&\n dropdownOffsetDistance === 0 &&\n (popperPlacement?.includes('top')\n ? styles['CustomSelect--pop-up']\n : styles['CustomSelect--pop-down']),\n ),\n [dropdownOffsetDistance, opened, popperPlacement],\n );\n\n const resetKeyboardInput = React.useCallback(() => {\n setKeyboardInput('');\n }, []);\n\n const scrollToElement = React.useCallback((index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = dropdown ? (dropdown.children[index] as HTMLElement) : null;\n\n if (!item \|\| !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n }, []);\n\n const isValidIndex = React.useCallback(\n (index: number) => {\n return index >= 0 && index < (options.length ?? 0);\n },\n [options.length],\n );\n\n const focusOptionByIndex = React.useCallback(\n (index: number \| undefined, scrollTo = true) => {\n if (index === undefined \|\| index < 0 \|\| index > (options.length ?? 0) - 1) {\n return;\n }\n\n const option = options[index];\n\n if (option?.disabled) {\n return;\n }\n\n if (scrollTo) {\n scrollToElement(index);\n }\n\n // Это оптимизация, прежде всего, под `onMouseOver`\n setFocusedOptionIndex((focusedOptionIndex) =>\n focusedOptionIndex !== index ? index : focusedOptionIndex,\n );\n },\n [options, scrollToElement],\n );\n\n const areOptionsShown = React.useCallback(() => {\n return scrollBoxRef.current !== null;\n }, []);\n\n const setScrollBoxRef = React.useCallback(\n (ref: HTMLDivElement \| null) => {\n scrollBoxRef.current = ref;\n\n if (ref && selectedOptionIndex !== undefined && isValidIndex(selectedOptionIndex)) {\n {\n scrollToElement(selectedOptionIndex, true);\n }\n }\n },\n [isValidIndex, scrollToElement, selectedOptionIndex],\n );\n\n const onKeyboardInput = React.useCallback(\n (key: string) => {\n const fullInput = keyboardInput + key;\n\n const optionIndex = options.findIndex((option) => {\n return getTitleFromChildren(option.label).toLowerCase().includes(fullInput);\n });\n\n if (optionIndex !== undefined && optionIndex > -1) {\n focusOptionByIndex(optionIndex);\n }\n\n setKeyboardInput(fullInput);\n },\n [focusOptionByIndex, keyboardInput, options],\n );\n\n /\n Note: сбрасывать `options` через `setOptions(optionsProp)` не нужно.\n * Сброс происходит в одном из эффекте `updateOptionsAndSelectedOptionIndex()`.\n /\n const close = React.useCallback(() => {\n resetKeyboardInput();\n\n setInputValue('');\n setOpened(false);\n setFocusedOptionIndex(-1);\n onClose?.();\n }, [onClose, resetKeyboardInput]);\n\n const selectFocused = React.useCallback(() => {\n if (focusedOptionIndex !== undefined && isValidIndex(focusedOptionIndex)) {\n const item = options[focusedOptionIndex];\n\n setNativeSelectValue(item?.value);\n close();\n }\n }, [close, focusedOptionIndex, isValidIndex, options]);\n\n const open = React.useCallback(() => {\n setOpened(true);\n setFocusedOptionIndex(selectedOptionIndex);\n\n if (typeof onOpen === 'function') {\n onOpen();\n }\n }, [onOpen, selectedOptionIndex]);\n\n const onBlur = React.useCallback(() => {\n close();\n const event = new Event('blur');\n selectElRef.current?.dispatchEvent(event);\n }, [close]);\n\n const resetFocusedOption = React.useCallback(() => {\n setFocusedOptionIndex(-1);\n }, []);\n\n const onFocus = React.useCallback(() => {\n const event = new Event('focus');\n selectElRef.current?.dispatchEvent(event);\n }, []);\n\n const onClick = React.useCallback(() => {\n if (opened) {\n close();\n } else {\n open();\n }\n }, [close, open, opened]);\n\n const handleKeyUp = React.useMemo(() => debounce(resetKeyboardInput, 1000), [resetKeyboardInput]);\n\n const focusOption = React.useCallback(\n (type: 'next' \| 'prev') => {\n let index = focusedOptionIndex;\n\n if (type === 'next') {\n const nextIndex = findIndexAfter(options, index);\n index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n } else if (type === 'prev') {\n const beforeIndex = findIndexBefore(options, index);\n index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n }\n\n focusOptionByIndex(index);\n },\n [focusOptionByIndex, focusedOptionIndex, options],\n );\n\n React.useEffect(\n function updateOptionsAndSelectedOptionIndex() {\n const value = props.value ?? nativeSelectValue ?? props.defaultValue;\n\n const options =\n searchable && inputValue !== undefined\n ? filter(optionsProp, inputValue, filterFn)\n : optionsProp;\n\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, value));\n },\n [\n filterFn,\n inputValue,\n nativeSelectValue,\n optionsProp,\n props.defaultValue,\n props.value,\n searchable,\n ],\n );\n\n /\n Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n * выпадающему списку.\n */\n const onLabelClick = React.useCallback((e: React.MouseEvent<HTMLLabelElement>) => {\n if (scrollBoxRef.current?.contains(e.target as Node)) {\n e.preventDefault();\n }\n }, []);\n\n const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n const newSelectedOptionIndex = findSelectedIndex(options, e.currentTarget.value);\n\n if (selectedOptionIndex !== newSelectedOptionIndex) {\n if (!isControlledOutside) {\n setSelectedOptionIndex(newSelectedOptionIndex);\n }\n onChange?.(e);\n }\n };\n\n const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = React.useCallback(\n (event) => {\n ['ArrowUp', 'ArrowDown', 'Escape', 'Enter'].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case 'ArrowUp':\n areOptionsShown() && focusOption('prev');\n break;\n case 'ArrowDown':\n areOptionsShown() && focusOption('next');\n break;\n case 'Escape':\n close();\n break;\n case 'Enter':\n areOptionsShown() && selectFocused();\n break;\n }\n },\n [areOptionsShown, close, focusOption, selectFocused],\n );\n\n const onInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n (e) => {\n // TODO v6 удалить `onInputChangeProp`.\n if (onInputChangeProp) {\n const options = onInputChangeProp(e, optionsProp);\n if (options) {\n if (process.env.NODE_ENV === 'development') {\n warn(\n 'Этот метод фильтрации устарел. Возвращаемое значение onInputChange будет ' +\n 'проигнорировано в v6.0.0. Для фильтрации обновляйте props.options самостоятельно или используйте свойство filterFn.',\n );\n }\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n }\n } else {\n const options = filter(optionsProp, e.target.value, filterFn);\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n }\n setInputValue(e.target.value);\n },\n [filterFn, nativeSelectValue, onInputChangeProp, optionsProp],\n );\n\n const handleKeyDownSelect = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key.length === 1 && event.key !== ' ') {\n onKeyboardInput(event.key);\n return;\n }\n\n ['ArrowUp', 'ArrowDown', 'Escape', 'Enter'].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case 'ArrowUp':\n if (opened) {\n areOptionsShown() && focusOption('prev');\n } else {\n open();\n }\n break;\n case 'ArrowDown':\n if (opened) {\n areOptionsShown() && focusOption('next');\n } else {\n open();\n }\n break;\n case 'Escape':\n close();\n break;\n case 'Enter':\n case 'Spacebar':\n case ' ':\n if (opened) {\n areOptionsShown() && selectFocused();\n } else {\n open();\n }\n break;\n }\n },\n [areOptionsShown, close, focusOption, onKeyboardInput, open, opened, selectFocused],\n );\n\n const handleOptionClick = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n const index = Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget,\n );\n const option = options[index];\n\n if (option && !option.disabled) {\n selectFocused();\n }\n },\n [options, selectFocused],\n );\n\n const handleOptionHover = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n focusOptionByIndex(\n Array.prototype.indexOf.call(e.currentTarget.parentNode?.children, e.currentTarget),\n false,\n );\n },\n [focusOptionByIndex],\n );\n\n const renderOption = React.useCallback(\n (option: CustomSelectOptionInterface, index: number) => {\n const hovered = index === focusedOptionIndex;\n const selected = index === selectedOptionIndex;\n\n return (\n <React.Fragment key={`${option.value}`}>\n {renderOptionProp({\n option,\n hovered,\n children: option.label,\n selected,\n disabled: option.disabled,\n onClick: handleOptionClick,\n onMouseDown: handleOptionDown,\n // Используем `onMouseOver` вместо `onMouseEnter`.\n // При параметре `searchable`, обновляется \"ребёнок\", из-за чего `onMouseEnter` не срабатывает в следующих кейсах:\n // 1. До загрузки выпадающего списка, курсор мышки находится над произвольным элементом этого списка.\n // > Лечение: только увод курсора мыши и возвращении его обратно вызывает событие `onMouseEnter` на этот элемент.\n // 2. Если это тач-устройство.\n // > Лечение: нужно нажать на какой-нибудь произвольный элемент списка, после чего `onMouseEnter` будет работать на соседние элементы,\n // но не на тот, на который нажали в первый раз.\n // Более подробно по ссылке https://github.com/facebook/react/issues/13956#issuecomment-1082055744\n onMouseOver: handleOptionHover,\n })}\n </React.Fragment>\n );\n },\n [\n focusedOptionIndex,\n handleOptionClick,\n handleOptionHover,\n renderOptionProp,\n selectedOptionIndex,\n ],\n );\n\n const resolvedContent = React.useMemo(() => {\n const defaultDropdownContent =\n options?.length > 0 ? (\n options.map(renderOption)\n ) : (\n <Footnote className={styles['CustomSelect__empty']}>{emptyText}</Footnote>\n );\n\n if (typeof renderDropdown === 'function') {\n return renderDropdown({ defaultDropdownContent });\n } else {\n return defaultDropdownContent;\n }\n }, [emptyText, options, renderDropdown, renderOption]);\n\n return (\n <label\n className={classNames(styles['CustomSelect'], className)}\n style={style}\n ref={multiRef(containerRef, getRootRef)}\n onClick={onLabelClick}\n >\n {opened && searchable ? (\n <Input\n {...restProps}\n autoFocus\n onBlur={onBlur}\n className={openedClassNames}\n value={inputValue}\n onKeyDown={onInputKeyDown}\n onChange={onInputChange}\n // TODO Ожидается, что клик поймает нативный select, но его перехватывает Input. К сожалению, это приводит к конфликтам типизации.\n // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n // @ts-expect-error: TS2322 MouseEventHandler<HTMLSelectElement> !== MouseEventHandler<HTMLInputElement>\n onClick={props.onClick}\n before={before}\n after={icon}\n mode={getFormFieldModeFromSelectType(selectType)}\n />\n ) : (\n <SelectMimicry\n {...restProps}\n aria-hidden\n onClick={onClick}\n onKeyDown={handleKeyDownSelect}\n onKeyUp={handleKeyUp}\n onFocus={onFocus}\n onBlur={onBlur}\n className={openedClassNames}\n before={before}\n after={icon}\n selectType={selectType}\n >\n {selected?.label}\n </SelectMimicry>\n )}\n <select\n ref={selectElRef}\n name={name}\n onChange={onNativeSelectChange}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onClick={props.onClick}\n value={nativeSelectValue}\n aria-hidden\n className={styles['CustomSelect__control']}\n >\n {optionsProp.map((item) => (\n <option key={`${item.value}`} value={item.value} />\n ))}\n </select>\n {opened && (\n <CustomSelectDropdown\n targetRef={containerRef}\n placement={popupDirection}\n scrollBoxRef={setScrollBoxRef}\n onPlacementChange={setPopperPlacement}\n onMouseLeave={resetFocusedOption}\n fetching={fetching}\n offsetDistance={dropdownOffsetDistance}\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n observableRefs={scrollBoxRef}\n >\n {resolvedContent}\n </CustomSelectDropdown>\n )}\n </label>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"CustomSelect.js","names":["findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","warn","warnOnce","checkOptionsValueType","Set","map","item","value","size","defaultRenderOptionFn","props","handleOptionDown","e","preventDefault","findSelectedIndex","Number","filter","inputValue","filterFn","defaultOptions","CustomSelect","React","useState","opened","setOpened","before","name","className","getRef","getRootRef","popupDirection","style","onChange","children","onInputChangeProp","onInputChange","renderDropdown","onOpen","onClose","fetching","forceDropdownPortal","selectType","autoHideScrollbar","autoHideScrollbarDelay","searchable","renderOption","renderOptionProp","optionsProp","emptyText","defaultFilterFn","icon","dropdownOffsetDistance","fixDropdownWidth","restProps","process","env","NODE_ENV","containerRef","useRef","handleRootRef","useExternRef","scrollBoxRef","selectElRef","focusedOptionIndex","setFocusedOptionIndex","undefined","isControlledOutside","setIsControlledOutside","setInputValue","defaultValue","nativeSelectValue","setNativeSelectValue","keyboardInput","setKeyboardInput","popperPlacement","setPopperPlacement","setOptions","selectedOptionIndex","setSelectedOptionIndex","useEffect","useIsomorphicLayoutEffect","some","event","Event","bubbles","current","dispatchEvent","selected","useMemo","openedClassNames","classNames","includes","resetKeyboardInput","useCallback","scrollToElement","index","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","isValidIndex","focusOptionByIndex","scrollTo","areOptionsShown","setScrollBoxRef","ref","onKeyboardInput","key","fullInput","optionIndex","getTitleFromChildren","label","toLowerCase","close","selectFocused","open","onBlur","resetFocusedOption","onFocus","onClick","handleKeyUp","debounce","focusOption","type","nextIndex","beforeIndex","updateOptionsAndSelectedOptionIndex","onLabelClick","contains","target","onNativeSelectChange","newSelectedOptionIndex","currentTarget","onInputKeyDown","handleKeyDownSelect","handleOptionClick","Array","prototype","indexOf","call","parentNode","handleOptionHover","hovered","onMouseDown","onMouseOver","resolvedContent","defaultDropdownContent","getFormFieldModeFromSelectType"],"sources":["../../../../src/components/CustomSelect/CustomSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport type { PlacementWithAuto } from '../../lib/floating';\nimport { defaultFilterFn, getFormFieldModeFromSelectType } from '../../lib/select';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { debounce, getTitleFromChildren } from '../../lib/utils';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { TrackerOptionsProps } from '../CustomScrollView/useTrackerVisibility';\nimport { CustomSelectDropdown } from '../CustomSelectDropdown/CustomSelectDropdown';\nimport {\n CustomSelectOption,\n CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport { DropdownIcon } from '../DropdownIcon/DropdownIcon';\nimport { FormFieldProps } from '../FormField/FormField';\nimport { Input } from '../Input/Input';\nimport { NativeSelectProps } from '../NativeSelect/NativeSelect';\nimport { SelectType } from '../Select/Select';\nimport { SelectMimicry } from '../SelectMimicry/SelectMimicry';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport styles from './CustomSelect.module.css';\n\nconst findIndexAfter = (options: CustomSelectOptionInterface[] = [], startIndex = -1) => {\n if (startIndex >= options.length - 1) {\n return -1;\n }\n return options.findIndex((option, i) => i > startIndex && !option.disabled);\n};\n\nconst findIndexBefore = (\n options: CustomSelectOptionInterface[] = [],\n endIndex: number = options.length,\n) => {\n let result = -1;\n if (endIndex <= 0) {\n return result;\n }\n for (let i = endIndex - 1; i >= 0; i--) {\n let option = options[i];\n\n if (!option.disabled) {\n result = i;\n break;\n }\n }\n return result;\n};\n\nconst warn = warnOnce('CustomSelect');\n\nconst checkOptionsValueType = (options: CustomSelectOptionInterface[]) => {\n if (new Set(options.map((item) => typeof item.value)).size > 1) {\n warn(\n 'Некоторые значения ваших опций имеют разные типы. onChange всегда возвращает строковый тип.',\n 'error',\n );\n }\n};\n\nfunction defaultRenderOptionFn({ option, ...props }: CustomSelectOptionProps): React.ReactNode {\n return <CustomSelectOption {...props} />;\n}\n\nconst handleOptionDown: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault();\n};\n\nfunction findSelectedIndex(options: CustomSelectOptionInterface[], value: SelectValue) {\n return (\n options.findIndex((item) => {\n value = typeof item.value === 'number' ? Number(value) : value;\n return item.value === value;\n }) ?? -1\n );\n}\n\nconst filter = (\n options: SelectProps['options'],\n inputValue: string,\n filterFn: SelectProps['filterFn'],\n) => {\n return typeof filterFn === 'function'\n ? options.filter((option) => filterFn(inputValue, option))\n : options;\n};\n\nconst defaultOptions: CustomSelectOptionInterface[] = [];\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>['value'];\n\nexport interface CustomSelectOptionInterface {\n value: SelectValue;\n label: React.ReactElement \| string;\n disabled?: boolean;\n [index: string]: any;\n}\n\nexport interface SelectProps extends NativeSelectProps, FormFieldProps, TrackerOptionsProps {\n /*\n Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n * производится по `option.label`.\n /\n searchable?: boolean;\n /\n Текст, который будет отображен, если приходит пустой `options`.\n /\n emptyText?: string;\n /\n > ⚠️ В v6 из возвращаемых типов будет удалён `CustomSelectOptionInterface[]`. Для кастомной фильтрации используйте\n * > `filterFn`.\n /\n onInputChange?: (\n e: React.ChangeEvent,\n options: CustomSelectOptionInterface[],\n ) => void \| CustomSelectOptionInterface[];\n options: CustomSelectOptionInterface[];\n /\n Функция для кастомной фильтрации. По умолчанию поиск производится по `option.label`.\n /\n filterFn?:\n \| false\n \| ((\n value: string,\n option: CustomSelectOptionInterface,\n getOptionLabel?: (option: Partial<CustomSelectOptionInterface>) => string,\n ) => boolean);\n popupDirection?: 'top' \| 'bottom';\n /\n Рендер-проп для кастомного рендера опции.\n * В объекте аргумента приходят [свойства опции](https://vkcom.github.io/VKUI/#/CustomSelectOption?id=props)\n /\n renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;\n /\n Рендер-проп для кастомного рендера содержимого дропдауна.\n * В `defaultDropdownContent` содержится список опций в виде скроллящегося блока.\n /\n renderDropdown?: ({\n defaultDropdownContent,\n }: {\n defaultDropdownContent: React.ReactNode;\n }) => React.ReactNode;\n /\n Если `true`, то в дропдауне вместо списка опций рисуется спиннер. При переданных `renderDropdown` и `fetching: true`\n * \"победит\" `renderDropdown`.\n /\n fetching?: boolean;\n onClose?: VoidFunction;\n onOpen?: VoidFunction;\n icon?: React.ReactNode;\n dropdownOffsetDistance?: number;\n fixDropdownWidth?: boolean;\n forceDropdownPortal?: boolean;\n selectType?: SelectType;\n}\n\ntype MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;\n\n/\n @see https://vkcom.github.io/VKUI/#/CustomSelect\n /\nexport function CustomSelect(props: SelectProps) {\n const [opened, setOpened] = React.useState(false);\n const {\n before,\n name,\n className,\n getRef,\n getRootRef,\n popupDirection,\n style,\n onChange,\n children,\n onInputChange: onInputChangeProp,\n renderDropdown,\n onOpen,\n onClose,\n fetching,\n forceDropdownPortal,\n selectType = 'default',\n autoHideScrollbar,\n autoHideScrollbarDelay,\n searchable = false,\n renderOption: renderOptionProp = defaultRenderOptionFn,\n options: optionsProp = defaultOptions,\n emptyText = 'Ничего не найдено',\n filterFn = defaultFilterFn,\n icon = <DropdownIcon opened={opened} />,\n dropdownOffsetDistance = 0,\n fixDropdownWidth = true,\n ...restProps\n } = props;\n\n if (process.env.NODE_ENV === 'development') {\n checkOptionsValueType(optionsProp);\n }\n\n const containerRef = React.useRef<HTMLLabelElement>(null);\n const handleRootRef = useExternRef(containerRef, getRootRef);\n const scrollBoxRef = React.useRef<HTMLDivElement \| null>(null);\n const selectElRef = React.useRef<HTMLSelectElement>(null);\n\n const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<number \| undefined>(-1);\n const [isControlledOutside, setIsControlledOutside] = React.useState(props.value !== undefined);\n const [inputValue, setInputValue] = React.useState('');\n const [nativeSelectValue, setNativeSelectValue] = React.useState(\n props.value ?? props.defaultValue,\n );\n const [keyboardInput, setKeyboardInput] = React.useState('');\n const [popperPlacement, setPopperPlacement] = React.useState<PlacementWithAuto \| undefined>(\n undefined,\n );\n const [options, setOptions] = React.useState(optionsProp);\n const [selectedOptionIndex, setSelectedOptionIndex] = React.useState<number \| undefined>(\n findSelectedIndex(optionsProp, props.value ?? props.defaultValue),\n );\n\n React.useEffect(() => {\n setIsControlledOutside(props.value !== undefined);\n setNativeSelectValue((nativeSelectValue) => props.value ?? nativeSelectValue);\n }, [props.value]);\n\n useIsomorphicLayoutEffect(() => {\n if (options.some(({ value }) => nativeSelectValue === value)) {\n const event = new Event('change', { bubbles: true });\n\n selectElRef.current?.dispatchEvent(event);\n }\n }, [nativeSelectValue]);\n\n const selected = React.useMemo(() => {\n if (!options.length) {\n return null;\n }\n\n return selectedOptionIndex !== undefined ? options[selectedOptionIndex] : undefined;\n }, [options, selectedOptionIndex]);\n\n const openedClassNames = React.useMemo(\n () =>\n classNames(\n opened &&\n dropdownOffsetDistance === 0 &&\n (popperPlacement?.includes('top')\n ? styles['CustomSelect--pop-up']\n : styles['CustomSelect--pop-down']),\n ),\n [dropdownOffsetDistance, opened, popperPlacement],\n );\n\n const resetKeyboardInput = React.useCallback(() => {\n setKeyboardInput('');\n }, []);\n\n const scrollToElement = React.useCallback((index: number, center = false) => {\n const dropdown = scrollBoxRef.current;\n const item = dropdown ? (dropdown.children[index] as HTMLElement) : null;\n\n if (!item \|\| !dropdown) {\n return;\n }\n\n const dropdownHeight = dropdown.offsetHeight;\n const scrollTop = dropdown.scrollTop;\n const itemTop = item.offsetTop;\n const itemHeight = item.offsetHeight;\n\n if (center) {\n dropdown.scrollTop = itemTop - dropdownHeight / 2 + itemHeight / 2;\n } else if (itemTop + itemHeight > dropdownHeight + scrollTop) {\n dropdown.scrollTop = itemTop - dropdownHeight + itemHeight;\n } else if (itemTop < scrollTop) {\n dropdown.scrollTop = itemTop;\n }\n }, []);\n\n const isValidIndex = React.useCallback(\n (index: number) => {\n return index >= 0 && index < (options.length ?? 0);\n },\n [options.length],\n );\n\n const focusOptionByIndex = React.useCallback(\n (index: number \| undefined, scrollTo = true) => {\n if (index === undefined \|\| index < 0 \|\| index > (options.length ?? 0) - 1) {\n return;\n }\n\n const option = options[index];\n\n if (option?.disabled) {\n return;\n }\n\n if (scrollTo) {\n scrollToElement(index);\n }\n\n // Это оптимизация, прежде всего, под `onMouseOver`\n setFocusedOptionIndex((focusedOptionIndex) =>\n focusedOptionIndex !== index ? index : focusedOptionIndex,\n );\n },\n [options, scrollToElement],\n );\n\n const areOptionsShown = React.useCallback(() => {\n return scrollBoxRef.current !== null;\n }, []);\n\n const setScrollBoxRef = React.useCallback(\n (ref: HTMLDivElement \| null) => {\n scrollBoxRef.current = ref;\n\n if (ref && selectedOptionIndex !== undefined && isValidIndex(selectedOptionIndex)) {\n {\n scrollToElement(selectedOptionIndex, true);\n }\n }\n },\n [isValidIndex, scrollToElement, selectedOptionIndex],\n );\n\n const onKeyboardInput = React.useCallback(\n (key: string) => {\n const fullInput = keyboardInput + key;\n\n const optionIndex = options.findIndex((option) => {\n return getTitleFromChildren(option.label).toLowerCase().includes(fullInput);\n });\n\n if (optionIndex !== undefined && optionIndex > -1) {\n focusOptionByIndex(optionIndex);\n }\n\n setKeyboardInput(fullInput);\n },\n [focusOptionByIndex, keyboardInput, options],\n );\n\n /\n Note: сбрасывать `options` через `setOptions(optionsProp)` не нужно.\n * Сброс происходит в одном из эффекте `updateOptionsAndSelectedOptionIndex()`.\n /\n const close = React.useCallback(() => {\n resetKeyboardInput();\n\n setInputValue('');\n setOpened(false);\n setFocusedOptionIndex(-1);\n onClose?.();\n }, [onClose, resetKeyboardInput]);\n\n const selectFocused = React.useCallback(() => {\n if (focusedOptionIndex !== undefined && isValidIndex(focusedOptionIndex)) {\n const item = options[focusedOptionIndex];\n\n setNativeSelectValue(item?.value);\n close();\n }\n }, [close, focusedOptionIndex, isValidIndex, options]);\n\n const open = React.useCallback(() => {\n setOpened(true);\n setFocusedOptionIndex(selectedOptionIndex);\n\n if (typeof onOpen === 'function') {\n onOpen();\n }\n }, [onOpen, selectedOptionIndex]);\n\n const onBlur = React.useCallback(() => {\n close();\n const event = new Event('blur');\n selectElRef.current?.dispatchEvent(event);\n }, [close]);\n\n const resetFocusedOption = React.useCallback(() => {\n setFocusedOptionIndex(-1);\n }, []);\n\n const onFocus = React.useCallback(() => {\n const event = new Event('focus');\n selectElRef.current?.dispatchEvent(event);\n }, []);\n\n const onClick = React.useCallback(() => {\n if (opened) {\n close();\n } else {\n open();\n }\n }, [close, open, opened]);\n\n const handleKeyUp = React.useMemo(() => debounce(resetKeyboardInput, 1000), [resetKeyboardInput]);\n\n const focusOption = React.useCallback(\n (type: 'next' \| 'prev') => {\n let index = focusedOptionIndex;\n\n if (type === 'next') {\n const nextIndex = findIndexAfter(options, index);\n index = nextIndex === -1 ? findIndexAfter(options) : nextIndex; // Следующий за index или первый валидный до index\n } else if (type === 'prev') {\n const beforeIndex = findIndexBefore(options, index);\n index = beforeIndex === -1 ? findIndexBefore(options) : beforeIndex; // Предшествующий index или последний валидный после index\n }\n\n focusOptionByIndex(index);\n },\n [focusOptionByIndex, focusedOptionIndex, options],\n );\n\n React.useEffect(\n function updateOptionsAndSelectedOptionIndex() {\n const value = props.value ?? nativeSelectValue ?? props.defaultValue;\n\n const options =\n searchable && inputValue !== undefined\n ? filter(optionsProp, inputValue, filterFn)\n : optionsProp;\n\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, value));\n },\n [\n filterFn,\n inputValue,\n nativeSelectValue,\n optionsProp,\n props.defaultValue,\n props.value,\n searchable,\n ],\n );\n\n /\n Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n * выпадающему списку.\n */\n const onLabelClick = React.useCallback((e: React.MouseEvent<HTMLLabelElement>) => {\n if (scrollBoxRef.current?.contains(e.target as Node)) {\n e.preventDefault();\n }\n }, []);\n\n const onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n const newSelectedOptionIndex = findSelectedIndex(options, e.currentTarget.value);\n\n if (selectedOptionIndex !== newSelectedOptionIndex) {\n if (!isControlledOutside) {\n setSelectedOptionIndex(newSelectedOptionIndex);\n }\n onChange?.(e);\n }\n };\n\n const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = React.useCallback(\n (event) => {\n ['ArrowUp', 'ArrowDown', 'Escape', 'Enter'].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case 'ArrowUp':\n areOptionsShown() && focusOption('prev');\n break;\n case 'ArrowDown':\n areOptionsShown() && focusOption('next');\n break;\n case 'Escape':\n close();\n break;\n case 'Enter':\n areOptionsShown() && selectFocused();\n break;\n }\n },\n [areOptionsShown, close, focusOption, selectFocused],\n );\n\n const onInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(\n (e) => {\n // TODO v6 удалить `onInputChangeProp`.\n if (onInputChangeProp) {\n const options = onInputChangeProp(e, optionsProp);\n if (options) {\n if (process.env.NODE_ENV === 'development') {\n warn(\n 'Этот метод фильтрации устарел. Возвращаемое значение onInputChange будет ' +\n 'проигнорировано в v6.0.0. Для фильтрации обновляйте props.options самостоятельно или используйте свойство filterFn.',\n );\n }\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n }\n } else {\n const options = filter(optionsProp, e.target.value, filterFn);\n setOptions(options);\n setSelectedOptionIndex(findSelectedIndex(options, nativeSelectValue));\n }\n setInputValue(e.target.value);\n },\n [filterFn, nativeSelectValue, onInputChangeProp, optionsProp],\n );\n\n const handleKeyDownSelect = React.useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key.length === 1 && event.key !== ' ') {\n onKeyboardInput(event.key);\n return;\n }\n\n ['ArrowUp', 'ArrowDown', 'Escape', 'Enter'].includes(event.key) &&\n areOptionsShown() &&\n event.preventDefault();\n\n switch (event.key) {\n case 'ArrowUp':\n if (opened) {\n areOptionsShown() && focusOption('prev');\n } else {\n open();\n }\n break;\n case 'ArrowDown':\n if (opened) {\n areOptionsShown() && focusOption('next');\n } else {\n open();\n }\n break;\n case 'Escape':\n close();\n break;\n case 'Enter':\n case 'Spacebar':\n case ' ':\n if (opened) {\n areOptionsShown() && selectFocused();\n } else {\n open();\n }\n break;\n }\n },\n [areOptionsShown, close, focusOption, onKeyboardInput, open, opened, selectFocused],\n );\n\n const handleOptionClick = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n const index = Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget,\n );\n const option = options[index];\n\n if (option && !option.disabled) {\n selectFocused();\n }\n },\n [options, selectFocused],\n );\n\n const handleOptionHover = React.useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n focusOptionByIndex(\n Array.prototype.indexOf.call(e.currentTarget.parentNode?.children, e.currentTarget),\n false,\n );\n },\n [focusOptionByIndex],\n );\n\n const renderOption = React.useCallback(\n (option: CustomSelectOptionInterface, index: number) => {\n const hovered = index === focusedOptionIndex;\n const selected = index === selectedOptionIndex;\n\n return (\n <React.Fragment key={`${option.value}`}>\n {renderOptionProp({\n option,\n hovered,\n children: option.label,\n selected,\n disabled: option.disabled,\n onClick: handleOptionClick,\n onMouseDown: handleOptionDown,\n // Используем `onMouseOver` вместо `onMouseEnter`.\n // При параметре `searchable`, обновляется \"ребёнок\", из-за чего `onMouseEnter` не срабатывает в следующих кейсах:\n // 1. До загрузки выпадающего списка, курсор мышки находится над произвольным элементом этого списка.\n // > Лечение: только увод курсора мыши и возвращении его обратно вызывает событие `onMouseEnter` на этот элемент.\n // 2. Если это тач-устройство.\n // > Лечение: нужно нажать на какой-нибудь произвольный элемент списка, после чего `onMouseEnter` будет работать на соседние элементы,\n // но не на тот, на который нажали в первый раз.\n // Более подробно по ссылке https://github.com/facebook/react/issues/13956#issuecomment-1082055744\n onMouseOver: handleOptionHover,\n })}\n </React.Fragment>\n );\n },\n [\n focusedOptionIndex,\n handleOptionClick,\n handleOptionHover,\n renderOptionProp,\n selectedOptionIndex,\n ],\n );\n\n const resolvedContent = React.useMemo(() => {\n const defaultDropdownContent =\n options?.length > 0 ? (\n options.map(renderOption)\n ) : (\n <Footnote className={styles['CustomSelect__empty']}>{emptyText}</Footnote>\n );\n\n if (typeof renderDropdown === 'function') {\n return renderDropdown({ defaultDropdownContent });\n } else {\n return defaultDropdownContent;\n }\n }, [emptyText, options, renderDropdown, renderOption]);\n\n return (\n <label\n className={classNames(styles['CustomSelect'], className)}\n style={style}\n ref={handleRootRef}\n onClick={onLabelClick}\n >\n {opened && searchable ? (\n <Input\n {...restProps}\n autoFocus\n onBlur={onBlur}\n className={openedClassNames}\n value={inputValue}\n onKeyDown={onInputKeyDown}\n onChange={onInputChange}\n // TODO Ожидается, что клик поймает нативный select, но его перехватывает Input. К сожалению, это приводит к конфликтам типизации.\n // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n // @ts-expect-error: TS2322 MouseEventHandler<HTMLSelectElement> !== MouseEventHandler<HTMLInputElement>\n onClick={props.onClick}\n before={before}\n after={icon}\n mode={getFormFieldModeFromSelectType(selectType)}\n />\n ) : (\n <SelectMimicry\n {...restProps}\n aria-hidden\n onClick={onClick}\n onKeyDown={handleKeyDownSelect}\n onKeyUp={handleKeyUp}\n onFocus={onFocus}\n onBlur={onBlur}\n className={openedClassNames}\n before={before}\n after={icon}\n selectType={selectType}\n >\n {selected?.label}\n </SelectMimicry>\n )}\n <select\n ref={selectElRef}\n name={name}\n onChange={onNativeSelectChange}\n onBlur={props.onBlur}\n onFocus={props.onFocus}\n onClick={props.onClick}\n value={nativeSelectValue}\n aria-hidden\n className={styles['CustomSelect__control']}\n >\n {optionsProp.map((item) => (\n <option key={`${item.value}`} value={item.value} />\n ))}\n </select>\n {opened && (\n <CustomSelectDropdown\n targetRef={containerRef}\n placement={popupDirection}\n scrollBoxRef={setScrollBoxRef}\n onPlacementChange={setPopperPlacement}\n onMouseLeave={resetFocusedOption}\n fetching={fetching}\n offsetDistance={dropdownOffsetDistance}\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n >\n {resolvedContent}\n </CustomSelectDropdown>\n )}\n </label>\n );\n}\n"],"mappings":"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"}

package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.d.ts CHANGED Viewed

@@ -1,16 +1,15 @@
 import * as React from 'react';
-import { TrackerOptionsProps } from '../CustomScrollView/useTrackerVisibility';
-import { Placement } from '../Popper/Popper';
+import type { Placement } from '../../lib/floating';
 import { HasRef } from '../../types';
+import { TrackerOptionsProps } from '../CustomScrollView/useTrackerVisibility';
 export interface CustomSelectDropdownProps extends React.HTMLAttributes<HTMLElement>, HasRef<HTMLDivElement>, TrackerOptionsProps {
     targetRef: React.RefObject<HTMLElement>;
     placement?: Placement;
     scrollBoxRef?: React.Ref<HTMLDivElement>;
-    observableRefs?: Array<React.RefObject<HTMLElement>> | React.RefObject<HTMLElement>;
     fetching?: boolean;
     offsetDistance?: number;
     sameWidth?: boolean;
     forcePortal?: boolean;
     onPlacementChange?: (placement?: Placement) => void;
 }
-export declare const CustomSelectDropdown: ({ children, targetRef, scrollBoxRef, placement, fetching, onPlacementChange: parentOnPlacementChange, offsetDistance, sameWidth, forcePortal, autoHideScrollbar, autoHideScrollbarDelay, observableRefs, className, ...restProps }: CustomSelectDropdownProps) => JSX.Element;
+export declare const CustomSelectDropdown: ({ children, targetRef, scrollBoxRef, placement, fetching, onPlacementChange: parentOnPlacementChange, offsetDistance, sameWidth, forcePortal, autoHideScrollbar, autoHideScrollbarDelay, className, ...restProps }: CustomSelectDropdownProps) => JSX.Element;

package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js CHANGED Viewed

@@ -7,93 +7,42 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CustomSelectDropdown = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-var _CustomScrollView = require("../CustomScrollView/CustomScrollView");
 var _vkjs = require("@vkontakte/vkjs");
+var _CustomScrollView = require("../CustomScrollView/CustomScrollView");
 var _Popper = require("../Popper/Popper");
 var _Spinner = require("../Spinner/Spinner");
-var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
-var _excluded = ["children", "targetRef", "scrollBoxRef", "placement", "fetching", "onPlacementChange", "offsetDistance", "sameWidth", "forcePortal", "autoHideScrollbar", "autoHideScrollbarDelay", "observableRefs", "className"];
+var _excluded = ["children", "targetRef", "scrollBoxRef", "placement", "fetching", "onPlacementChange", "offsetDistance", "sameWidth", "forcePortal", "autoHideScrollbar", "autoHideScrollbarDelay", "className"];
 var calcIsTop = function calcIsTop(placement) {
   return placement === null || placement === void 0 ? void 0 : placement.includes('top');
 };
-function getObserverModifier(element) {
-  return {
-    name: 'customSelectChildrenChange',
-    enabled: true,
-    phase: 'main',
-    fn: _vkjs.noop,
-    effect: function effect(_ref) {
-      var instance = _ref.instance;
-      var observer = new MutationObserver(instance.forceUpdate);
-      observer.observe(element, {
-        childList: true,
-        subtree: true
-      });
-      return function () {
-        observer.disconnect();
-      };
-    }
-  };
-}
-var CustomSelectDropdown = function CustomSelectDropdown(_ref2) {
-  var children = _ref2.children,
-    targetRef = _ref2.targetRef,
-    scrollBoxRef = _ref2.scrollBoxRef,
-    placement = _ref2.placement,
-    fetching = _ref2.fetching,
-    parentOnPlacementChange = _ref2.onPlacementChange,
-    _ref2$offsetDistance = _ref2.offsetDistance,
-    offsetDistance = _ref2$offsetDistance === void 0 ? 0 : _ref2$offsetDistance,
-    _ref2$sameWidth = _ref2.sameWidth,
-    sameWidth = _ref2$sameWidth === void 0 ? true : _ref2$sameWidth,
-    _ref2$forcePortal = _ref2.forcePortal,
-    forcePortal = _ref2$forcePortal === void 0 ? true : _ref2$forcePortal,
-    autoHideScrollbar = _ref2.autoHideScrollbar,
-    autoHideScrollbarDelay = _ref2.autoHideScrollbarDelay,
-    observableRefs = _ref2.observableRefs,
-    className = _ref2.className,
-    restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+var CustomSelectDropdown = function CustomSelectDropdown(_ref) {
+  var children = _ref.children,
+    targetRef = _ref.targetRef,
+    scrollBoxRef = _ref.scrollBoxRef,
+    placement = _ref.placement,
+    fetching = _ref.fetching,
+    parentOnPlacementChange = _ref.onPlacementChange,
+    _ref$offsetDistance = _ref.offsetDistance,
+    offsetDistance = _ref$offsetDistance === void 0 ? 0 : _ref$offsetDistance,
+    _ref$sameWidth = _ref.sameWidth,
+    sameWidth = _ref$sameWidth === void 0 ? true : _ref$sameWidth,
+    _ref$forcePortal = _ref.forcePortal,
+    forcePortal = _ref$forcePortal === void 0 ? true : _ref$forcePortal,
+    autoHideScrollbar = _ref.autoHideScrollbar,
+    autoHideScrollbarDelay = _ref.autoHideScrollbarDelay,
+    className = _ref.className,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _React$useState = React.useState(function () {
       return calcIsTop(placement);
     }),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isTop = _React$useState2[0],
     setIsTop = _React$useState2[1];
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    customModifiers = _React$useState4[0],
-    setCustomModifiers = _React$useState4[1];
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!observableRefs) {
-      return;
-    }
-    var customModifiers = [];
-    if (Array.isArray(observableRefs)) {
-      var _iterator = (0, _createForOfIteratorHelper2.default)(observableRefs),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var ref = _step.value;
-          if (ref !== null && ref !== void 0 && ref.current) {
-            customModifiers.push(getObserverModifier(ref.current));
-          }
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-    } else if (observableRefs.current) {
-      customModifiers.push(getObserverModifier(observableRefs.current));
-    }
-    setCustomModifiers(customModifiers);
-  }, [observableRefs]);
-  var onPlacementChange = React.useCallback(function (_ref3) {
-    var placement = _ref3.placement;
+  var onPlacementChange = React.useCallback(function (_ref2) {
+    var placement = _ref2.placement;
     setIsTop(calcIsTop(placement));
     parentOnPlacementChange === null || parentOnPlacementChange === void 0 ? void 0 : parentOnPlacementChange(placement);
   }, [parentOnPlacementChange, setIsTop]);
@@ -105,7 +54,7 @@ var CustomSelectDropdown = function CustomSelectDropdown(_ref2) {
     placement: placement,
     className: (0, _vkjs.classNames)("vkuiCustomSelectDropdown", offsetDistance === 0 && (isTop ? "vkuiCustomSelectDropdown--top" : "vkuiCustomSelectDropdown--bottom"), sameWidth && "vkuiCustomSelectDropdown--wide", className),
     forcePortal: forcePortal,
-    customModifiers: customModifiers
+    autoUpdateOnTargetResize: true
   }, restProps), /*#__PURE__*/React.createElement(_CustomScrollView.CustomScrollView, {
     boxRef: scrollBoxRef,
     className: "vkuiCustomSelectDropdown__in",

package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSelectDropdown.js","names":["calcIsTop","placement","includes","~~getObserverModifier","element","name","enabled","phase","fn","noop","effect","instance","observer","MutationObserver","forceUpdate","observe","childList","subtree","disconnect","~~CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","~~observableRefs","~~className","restProps","React","useState","isTop","setIsTop","~~customModifiers","setCustomModifiers","useIsomorphicLayoutEffect","Array","isArray","ref","current","push","~~useCallback","classNames"],"sources":["../../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ~~Modifier~~ } from '~~react-popper~~';\nimport { ~~CustomScrollView~~ } from '~~../CustomScrollView~~/~~CustomScrollView~~';\nimport { ~~TrackerOptionsProps~~ } from '~~../CustomScrollView/useTrackerVisibility~~';\nimport { ~~classNames,~~ ~~noop~~ } from '~~@vkontakte~~/~~vkjs~~';\nimport { ~~Popper,~~ ~~Placement~~ } from '../~~Popper~~/~~Popper~~';\nimport { ~~Spinner~~ } from '../~~Spinner~~/~~Spinner~~';\nimport { ~~HasRef~~ } from '~~../../types';\nimport { useIsomorphicLayoutEffect } from '../../lib~~/~~useIsomorphicLayoutEffect~~';\nimport styles from './CustomSelectDropdown.module.css';\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement>,\n TrackerOptionsProps {\n targetRef: React.RefObject<HTMLElement>;\n placement?: Placement;\n scrollBoxRef?: React.Ref<HTMLDivElement>;\n ~~observableRefs?: Array<React.RefObject<HTMLElement>> \| React.RefObject<HTMLElement>;\n~~ fetching?: boolean;\n offsetDistance?: number;\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes('top');\n\nfunction getObserverModifier<T extends HTMLElement>(element: T): Modifier<string> {\n return {\n name: 'customSelectChildrenChange',\n enabled: true,\n phase: 'main',\n fn: noop,\n effect: ({ instance }) => {\n const observer = new MutationObserver(instance.forceUpdate);\n\n observer.observe(element, {\n childList: true,\n subtree: true,\n });\n\n return () => {\n observer.disconnect();\n };\n },\n };\n}\n\nexport const CustomSelectDropdown = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n offsetDistance = 0,\n sameWidth = true,\n forcePortal = true,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n ~~observableRefs,\n~~ className,\n ...restProps\n}: CustomSelectDropdownProps) => {\n const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n ~~const [customModifiers, setCustomModifiers] = React.useState<Array<Modifier<string>>>([]);\n~~\n ~~useIsomorphicLayoutEffect(() => {\n if (!observableRefs) {\n return;\n }\n~~ const customModifiers: Array<Modifier<string>> = [];\n\n if (Array.isArray(observableRefs)) {\n for (const ref of observableRefs) {\n if (ref?.current) {\n customModifiers.push(getObserverModifier(ref.current));\n }\n }\n } else if (observableRefs.current) {\n customModifiers.push(getObserverModifier(observableRefs.current));\n }\n\n setCustomModifiers(customModifiers);\n }, [observableRefs]);\n\n const onPlacementChange = React.useCallback(\n ({ placement }: { placement?: Placement }) => {\n setIsTop(calcIsTop(placement));\n parentOnPlacementChange?.(placement);\n },\n [parentOnPlacementChange, setIsTop],\n );\n\n return (\n <Popper\n targetRef={targetRef}\n offsetDistance={offsetDistance}\n sameWidth={sameWidth}\n onPlacementChange={onPlacementChange}\n placement={placement}\n className={classNames(\n styles['CustomSelectDropdown'],\n offsetDistance === 0 &&\n (isTop ? styles['CustomSelectDropdown--top'] : styles['CustomSelectDropdown--bottom']),\n sameWidth && styles['CustomSelectDropdown--wide'],\n className,\n )}\n forcePortal={forcePortal}\n ~~customModifiers={customModifiers}~~\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n className={styles['CustomSelectDropdown__in']}\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n >\n {fetching ? (\n <div className={styles['CustomSelectDropdown__fetching']}>\n <Spinner size=\"small\" />\n </div>\n ) : (\n children\n )}\n </CustomScrollView>\n </Popper>\n );\n};\n"],"mappings":"~~;;;;;;;;;;;;~~AAAA;~~AAEA~~;AAEA;AACA;~~AACA~~;~~AAEA;AAAgF;AAkBhF~~,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,SAAqB;EAAA,OAAKA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEC,QAAQ,CAAC,KAAK,CAAC;AAAA;~~AAEvE~~,~~SAASC,mBAAmB,CAAwBC,OAAU,EAAoB;EAChF,OAAO;IACLC,IAAI,EAAE,4BAA4B;IAClCC,OAAO,EAAE,IAAI;IACbC,KAAK,EAAE,MAAM;IACbC,EAAE,EAAEC,UAAI;IACRC,MAAM,EAAE,sBAAkB;MAAA,IAAfC,QAAQ,QAARA,QAAQ;MACjB,~~IAAMC,QAAQ,GAAG,IAAIC,gBAAgB,CAACF,QAAQ,CAACG,WAAW,CAAC;MAE3DF,QAAQ,CAACG,OAAO,CAACX,OAAO,EAAE;QACxBY,SAAS,EAAE,IAAI;QACfC,OAAO,EAAE;MACX,CAAC,CAAC;MAEF,OAAO,YAAM;QACXL,QAAQ,CAACM,UAAU,EAAE;MACvB,CAAC;IACH;EACF,CAAC;AACH;AAEO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,~~QAeA~~;EAAA,~~IAd~~/BC,QAAQ,~~SAARA~~,QAAQ;IACRC,SAAS,~~SAATA~~,SAAS;IACTC,YAAY,~~SAAZA~~,YAAY;~~IACZrB~~,SAAS,~~SAATA~~,SAAS;~~IACTsB~~,QAAQ,~~SAARA~~,QAAQ;IACWC,uBAAuB,~~SAA1CC~~,iBAAiB;IAAA,~~6BACjBC~~,cAAc;IAAdA,cAAc,~~qCAAG~~,CAAC;IAAA,~~wBAClBC~~,SAAS;IAATA,SAAS,~~gCAAG,~~IAAI;IAAA,~~0BAChBC~~,WAAW;IAAXA,WAAW,~~kCAAG~~,IAAI;IAClBC,iBAAiB,~~SAAjBA~~,iBAAiB;IACjBC,sBAAsB,~~SAAtBA~~,sBAAsB;IACtBC,~~cAAc,SAAdA,cAAc;IACdC,~~SAAS,~~SAATA~~,SAAS;IACNC,SAAS;EAEZ,sBAA0BC,KAAK,CAACC,QAAQ,CAAC;MAAA,~~OAAMnC~~,SAAS,CAACC,SAAS,CAAC;IAAA,EAAC;IAAA;~~IAA7DmC~~,KAAK;IAAEC,QAAQ;~~EACtB~~,~~uBAA8CH~~,KAAK,CAACC,QAAQ,CAA0B,EAAE,CAAC;IAAA;IAAlFG,eAAe;IAAEC,kBAAkB;EAE1C,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,IAAI,CAACT,cAAc,EAAE;MACnB;IACF;IACA,IAAMO,eAAwC,GAAG,EAAE;IAEnD,IAAIG,KAAK,CAACC,OAAO,CAACX,cAAc,CAAC,EAAE;MAAA,yDACfA,cAAc;QAAA;MAAA;QAAhC,oDAAkC;UAAA,IAAvBY,GAAG;UACZ,IAAIA,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEC,OAAO,EAAE;YAChBN,eAAe,CAACO,IAAI,CAAC1C,mBAAmB,CAACwC,GAAG,CAACC,OAAO,CAAC,CAAC;UACxD;QACF;MAAC;QAAA;MAAA;QAAA;MAAA;IACH,CAAC,MAAM,IAAIb,cAAc,CAACa,OAAO,EAAE;MACjCN,eAAe,CAACO,IAAI,CAAC1C,mBAAmB,CAAC4B,cAAc,CAACa,OAAO,CAAC,CAAC;IACnE;IAEAL,kBAAkB,CAACD,eAAe,CAAC;EACrC,CAAC,EAAE,CAACP,cAAc,CAAC,CAAC;EAEpB,IAAMN,iBAAiB,~~GAAGS~~,KAAK,~~CAACY~~,WAAW,CACzC,iBAA8C;IAAA,~~IAA3C7C~~,SAAS,SAATA,SAAS;~~IACVoC~~,QAAQ,~~CAACrC~~,SAAS,CAACC,SAAS,CAAC,CAAC;~~IAC9BuB~~,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,~~CAAGvB~~,SAAS,CAAC;EACtC,CAAC,EACD,~~CAACuB~~,uBAAuB,~~EAAEa~~,QAAQ,CAAC,CACpC;EAED,oBACE,oBAAC,cAAM;IACL,SAAS,~~EAAEhB~~,SAAU;IACrB,cAAc,EAAEK,cAAe;IAC/B,SAAS,EAAEC,SAAU;IACrB,iBAAiB,EAAEF,iBAAkB;IACrC,SAAS,~~EAAExB~~,SAAU;IACrB,SAAS,EAAE,~~IAAA8C~~,gBAAU,~~8BAEnBrB~~,cAAc,KAAK,CAAC,~~KACjBU~~,KAAK,uEAA+E,CAAC,~~EACxFT~~,SAAS,oCAAwC,~~EACjDK~~,SAAS,CACT;IACF,WAAW,~~EAAEJ~~,WAAY;IACzB,~~eAAe,EAAEU~~;~~EAAgB~~,~~GAC7BL~~,SAAS,gBAEb,oBAAC,kCAAgB;IACf,MAAM,~~EAAEX~~,YAAa;IACrB,SAAS,gCAAqC;IAC9C,iBAAiB,EAAEO,iBAAkB;IACrC,sBAAsB,EAAEC;EAAuB,GAE9CP,QAAQ,gBACP;IAAK,SAAS;EAA2C,gBACvD,oBAAC,gBAAO;IAAC,IAAI,EAAC;EAAO,EAAG,CACpB,GAENH,QACD,CACgB,CACZ;AAEb,CAAC;AAAC"}
1	+ {"version":3,"file":"CustomSelectDropdown.js","names":["calcIsTop","placement","includes","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","autoHideScrollbar","autoHideScrollbarDelay","className","restProps","React","useState","isTop","setIsTop","useCallback","classNames"],"sources":["../../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { Placement } from '../../lib/floating';\nimport { HasRef } from '../../types';\nimport { CustomScrollView } from '../CustomScrollView/CustomScrollView';\nimport { TrackerOptionsProps } from '../CustomScrollView/useTrackerVisibility';\nimport { Popper } from '../Popper/Popper';\nimport { Spinner } from '../Spinner/Spinner';\nimport styles from './CustomSelectDropdown.module.css';\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement>,\n TrackerOptionsProps {\n targetRef: React.RefObject<HTMLElement>;\n placement?: Placement;\n scrollBoxRef?: React.Ref<HTMLDivElement>;\n fetching?: boolean;\n offsetDistance?: number;\n sameWidth?: boolean;\n forcePortal?: boolean;\n onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes('top');\n\nexport const CustomSelectDropdown = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n offsetDistance = 0,\n sameWidth = true,\n forcePortal = true,\n autoHideScrollbar,\n autoHideScrollbarDelay,\n className,\n ...restProps\n}: CustomSelectDropdownProps) => {\n const [isTop, setIsTop] = React.useState(() => calcIsTop(placement));\n\n const onPlacementChange = React.useCallback(\n ({ placement }: { placement?: Placement }) => {\n setIsTop(calcIsTop(placement));\n parentOnPlacementChange?.(placement);\n },\n [parentOnPlacementChange, setIsTop],\n );\n\n return (\n <Popper\n targetRef={targetRef}\n offsetDistance={offsetDistance}\n sameWidth={sameWidth}\n onPlacementChange={onPlacementChange}\n placement={placement}\n className={classNames(\n styles['CustomSelectDropdown'],\n offsetDistance === 0 &&\n (isTop ? styles['CustomSelectDropdown--top'] : styles['CustomSelectDropdown--bottom']),\n sameWidth && styles['CustomSelectDropdown--wide'],\n className,\n )}\n forcePortal={forcePortal}\n autoUpdateOnTargetResize\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n className={styles['CustomSelectDropdown__in']}\n autoHideScrollbar={autoHideScrollbar}\n autoHideScrollbarDelay={autoHideScrollbarDelay}\n >\n {fetching ? (\n <div className={styles['CustomSelectDropdown__fetching']}>\n <Spinner size=\"small\" />\n </div>\n ) : (\n children\n )}\n </CustomScrollView>\n </Popper>\n );\n};\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAGA;AAEA;AACA;AAA6C;AAiB7C,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,SAAqB;EAAA,OAAKA,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEC,QAAQ,CAAC,KAAK,CAAC;AAAA;AAEhE,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,OAcA;EAAA,IAb/BC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,YAAY,QAAZA,YAAY;IACZL,SAAS,QAATA,SAAS;IACTM,QAAQ,QAARA,QAAQ;IACWC,uBAAuB,QAA1CC,iBAAiB;IAAA,2BACjBC,cAAc;IAAdA,cAAc,oCAAG,CAAC;IAAA,sBAClBC,SAAS;IAATA,SAAS,+BAAG,IAAI;IAAA,wBAChBC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAClBC,iBAAiB,QAAjBA,iBAAiB;IACjBC,sBAAsB,QAAtBA,sBAAsB;IACtBC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,sBAA0BC,KAAK,CAACC,QAAQ,CAAC;MAAA,OAAMlB,SAAS,CAACC,SAAS,CAAC;IAAA,EAAC;IAAA;IAA7DkB,KAAK;IAAEC,QAAQ;EAEtB,IAAMX,iBAAiB,GAAGQ,KAAK,CAACI,WAAW,CACzC,iBAA8C;IAAA,IAA3CpB,SAAS,SAATA,SAAS;IACVmB,QAAQ,CAACpB,SAAS,CAACC,SAAS,CAAC,CAAC;IAC9BO,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAGP,SAAS,CAAC;EACtC,CAAC,EACD,CAACO,uBAAuB,EAAEY,QAAQ,CAAC,CACpC;EAED,oBACE,oBAAC,cAAM;IACL,SAAS,EAAEf,SAAU;IACrB,cAAc,EAAEK,cAAe;IAC/B,SAAS,EAAEC,SAAU;IACrB,iBAAiB,EAAEF,iBAAkB;IACrC,SAAS,EAAER,SAAU;IACrB,SAAS,EAAE,IAAAqB,gBAAU,8BAEnBZ,cAAc,KAAK,CAAC,KACjBS,KAAK,uEAA+E,CAAC,EACxFR,SAAS,oCAAwC,EACjDI,SAAS,CACT;IACF,WAAW,EAAEH,WAAY;IACzB,wBAAwB;EAAA,GACpBI,SAAS,gBAEb,oBAAC,kCAAgB;IACf,MAAM,EAAEV,YAAa;IACrB,SAAS,gCAAqC;IAC9C,iBAAiB,EAAEO,iBAAkB;IACrC,sBAAsB,EAAEC;EAAuB,GAE9CP,QAAQ,gBACP;IAAK,SAAS;EAA2C,gBACvD,oBAAC,gBAAO;IAAC,IAAI,EAAC;EAAO,EAAG,CACpB,GAENH,QACD,CACgB,CACZ;AAEb,CAAC;AAAC"}

package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js CHANGED Viewed

@@ -9,15 +9,19 @@ exports.CustomSelectOption = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
 var _icons = require("@vkontakte/icons");
 var _vkjs = require("@vkontakte/vkjs");
-var _Paragraph = require("../Typography/Paragraph/Paragraph");
-var _Footnote = require("../Typography/Footnote/Footnote");
 var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+var _adaptivity = require("../../lib/adaptivity");
 var _warnOnce = require("../../lib/warnOnce");
-var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+var _Footnote = require("../Typography/Footnote/Footnote");
+var _Paragraph = require("../Typography/Paragraph/Paragraph");
 var _excluded = ["children", "hierarchy", "hovered", "selected", "before", "after", "option", "description", "disabled", "style", "className"];
+var sizeYClassNames = (0, _defineProperty2.default)({
+  none: "vkuiCustomSelectOption--sizeY-none"
+}, _adaptivity.SizeType.REGULAR, "vkuiCustomSelectOption--sizeY-regular");
 var warn = (0, _warnOnce.warnOnce)('CustomSelectOption');
 /**
@@ -39,7 +43,8 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var title = typeof children === 'string' ? children : undefined;
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    sizeY = _useAdaptivity.sizeY;
+    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
+    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
   var style = React.useMemo(function () {
     return hierarchy > 0 ? (0, _objectSpread2.default)({
       '--vkui_internal--custom_select_option_hierarchy_level': hierarchy
@@ -55,7 +60,7 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
     title: title,
     "aria-disabled": disabled,
     "aria-selected": selected,
-    className: (0, _vkjs.classNames)("vkuiCustomSelectOption", (0, _getSizeYClassName.getSizeYClassName)("vkuiCustomSelectOption", sizeY), hovered && !disabled && "vkuiCustomSelectOption--hover",
+    className: (0, _vkjs.classNames)("vkuiCustomSelectOption", sizeY !== _adaptivity.SizeType.COMPACT && sizeYClassNames[sizeY], hovered && !disabled && "vkuiCustomSelectOption--hover",
     // Note: пустой класс
     selected && "vkuiCustomSelectOption--selected", disabled && "vkuiCustomSelectOption--disabled", hierarchy > 0 && "vkuiCustomSelectOption--hierarchy", className),
     style: style

package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSelectOption.js","names":["warn","warnOnce","CustomSelectOption","children","hierarchy","hovered","selected","before","after","option","description","disabled","styleProp","style","className","restProps","title","undefined","useAdaptivity","sizeY","React","useMemo","process","env","NODE_ENV","classNames","~~getSizeYClassName~~","hasReactNode"],"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { ~~Paragraph~~ } from '~~../Typography~~/~~Paragraph/Paragraph~~';\nimport { ~~Footnote~~ } from '~~../Typography~~/~~Footnote/Footnote~~';\nimport { ~~HasRootRef~~ } from '../../~~types~~';\nimport { ~~useAdaptivity~~ } from '../../~~hooks/useAdaptivity~~';\nimport { ~~warnOnce~~ } from '~~../../lib~~/~~warnOnce~~';\nimport { ~~getSizeYClassName~~ } from '~~../../helpers~~/~~getSizeYClassName~~';\nimport styles from './CustomSelectOption.module.css';\n\nexport interface CustomSelectOptionProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Вставляет основной контент.\n * @deprecated since v6.0.0\n /\n option?: any;\n /\n Добавляет описание под основным блоком.\n /\n description?: React.ReactNode;\n /\n Вставляет элемент в начало блока перед основным контентом.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n before?: React.ReactNode;\n /\n Вставляет элемент в конец блока после основного контента.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n after?: React.ReactNode;\n /\n Позволяет создавать вложенность.\n /\n hierarchy?: number;\n /\n Включает состояние выбранного элемента списка.\n /\n selected?: boolean;\n /\n Включает состояние наведения.\n /\n hovered?: boolean;\n /\n Включает состояние фокуса.\n /\n focused?: boolean;\n /\n Блокирует весь блок.\n /\n disabled?: boolean;\n}\n\nconst warn = warnOnce('CustomSelectOption');\n\n/\n @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n children,\n hierarchy = 0,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n style: styleProp,\n className,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === 'string' ? children : undefined;\n const { sizeY } = useAdaptivity();\n const style = React.useMemo(\n () =>\n hierarchy > 0\n ? {\n '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n ...styleProp,\n }\n : styleProp,\n [hierarchy, styleProp],\n );\n\n if (!!option && process.env.NODE_ENV === 'development') {\n // TODO v6.0.0. Удалить св-во `option`\n warn('Свойство option было добавлено по ошибке и будет удалено в v6.0.0.');\n }\n\n return (\n <Paragraph\n {...restProps}\n Component=\"div\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n className={classNames(\n styles['CustomSelectOption'],\n ~~getSizeYClassName(styles~~[~~'CustomSelectOption'~~]~~, sizeY)~~,\n hovered && !disabled && styles['CustomSelectOption--hover'],\n // Note: пустой класс\n selected && styles['CustomSelectOption--selected'],\n disabled && styles['CustomSelectOption--disabled'],\n hierarchy > 0 && styles['CustomSelectOption--hierarchy'],\n className,\n )}\n style={style}\n >\n {hasReactNode(before) && <div className={styles['CustomSelectOption__before']}>{before}</div>}\n <div className={styles['CustomSelectOption__main']}>\n <div className={styles['CustomSelectOption__children']}>{children}</div>\n {hasReactNode(description) && (\n <Footnote className={styles['CustomSelectOption__description']}>{description}</Footnote>\n )}\n </div>\n <div className={styles['CustomSelectOption__after']}>\n {hasReactNode(after) && (\n <div className={styles['CustomSelectOption__afterIn']}>{after}</div>\n )}\n {selected && <Icon16Done className={styles['CustomSelectOption__selectedIcon']} />}\n </div>\n </Paragraph>\n );\n};\n"],"mappings":"~~;;;;;;;;;;;~~AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;~~AACA~~;~~AAAoE;AA+CpE~~,IAAMA,IAAI,GAAG,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC;;AAE3C;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAaA;EAAA,IAZ7BC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,CAAC;IACbC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACDC,SAAS,QAAhBC,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,KAAK,GAAG,OAAOb,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGc,SAAS;EACjE,~~qBAAkB~~,IAAAC,6BAAa,GAAE;~~IAAzBC~~,KAAK,~~kBAALA~~,~~KAAK~~;~~EACb~~,IAAMN,KAAK,GAAGO,KAAK,CAACC,OAAO,CACzB;IAAA,OACEjB,SAAS,GAAG,CAAC;MAEP,uDAAuD,EAAEA;IAAS,GAC/DQ,SAAS,IAEdA,SAAS;EAAA,GACf,CAACR,SAAS,EAAEQ,SAAS,CAAC,CACvB;EAED,IAAI,CAAC,CAACH,MAAM,IAAIa,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IACtD;IACAxB,IAAI,CAAC,oEAAoE,CAAC;EAC5E;EAEA,oBACE,oBAAC,oBAAS,6BACJe,SAAS;IACb,SAAS,EAAC,KAAK;IACf,IAAI,EAAC,QAAQ;IACb,KAAK,EAAEC,KAAM;IACb,iBAAeL,QAAS;IACxB,iBAAeL,QAAS;IACxB,SAAS,EAAE,IAAAmB,gBAAU,~~4BAEnB~~,~~IAAAC~~,~~oCAAiB~~,~~4BAA+BP~~,KAAK,CAAC,~~EACtDd~~,OAAO,IAAI,CAACM,QAAQ,mCAAuC;IAC3D;IACAL,QAAQ,sCAA0C,EAClDK,QAAQ,sCAA0C,EAClDP,SAAS,GAAG,CAAC,uCAA2C,EACxDU,SAAS,CACT;IACF,KAAK,EAAED;EAAM,IAEZ,IAAAc,kBAAY,EAACpB,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAuC,GAAEA,MAAM,CAAO,eAC7F;IAAK,SAAS;EAAqC,gBACjD;IAAK,SAAS;EAAyC,GAAEJ,QAAQ,CAAO,EACvE,IAAAwB,kBAAY,EAACjB,WAAW,CAAC,iBACxB,oBAAC,kBAAQ;IAAC,SAAS;EAA4C,GAAEA,WAAW,CAC7E,CACG,eACN;IAAK,SAAS;EAAsC,GACjD,IAAAiB,kBAAY,EAACnB,KAAK,CAAC,iBAClB;IAAK,SAAS;EAAwC,GAAEA,KAAK,CAC9D,EACAF,QAAQ,iBAAI,oBAAC,iBAAU;IAAC,SAAS;EAA6C,EAAG,CAC9E,CACI;AAEhB,CAAC;AAAC"}
1	+ {"version":3,"file":"CustomSelectOption.js","names":["sizeYClassNames","none","SizeType","REGULAR","warn","warnOnce","CustomSelectOption","children","hierarchy","hovered","selected","before","after","option","description","disabled","styleProp","style","className","restProps","title","undefined","useAdaptivity","sizeY","React","useMemo","process","env","NODE_ENV","classNames","COMPACT","hasReactNode"],"sources":["../../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon16Done } from '@vkontakte/icons';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { SizeType } from '../../lib/adaptivity';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { Paragraph } from '../Typography/Paragraph/Paragraph';\nimport styles from './CustomSelectOption.module.css';\n\nconst sizeYClassNames = {\n none: styles['CustomSelectOption--sizeY-none'],\n [SizeType.REGULAR]: styles['CustomSelectOption--sizeY-regular'],\n};\n\nexport interface CustomSelectOptionProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n /*\n Вставляет основной контент.\n * @deprecated since v6.0.0\n /\n option?: any;\n /\n Добавляет описание под основным блоком.\n /\n description?: React.ReactNode;\n /\n Вставляет элемент в начало блока перед основным контентом.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n before?: React.ReactNode;\n /\n Вставляет элемент в конец блока после основного контента.\n * Например, можно передать компонент `Avatar`, `Icon<Name>` или другие изображения.\n /\n after?: React.ReactNode;\n /\n Позволяет создавать вложенность.\n /\n hierarchy?: number;\n /\n Включает состояние выбранного элемента списка.\n /\n selected?: boolean;\n /\n Включает состояние наведения.\n /\n hovered?: boolean;\n /\n Включает состояние фокуса.\n /\n focused?: boolean;\n /\n Блокирует весь блок.\n /\n disabled?: boolean;\n}\n\nconst warn = warnOnce('CustomSelectOption');\n\n/\n @see https://vkcom.github.io/VKUI/#/CustomSelectOption\n */\nexport const CustomSelectOption = ({\n children,\n hierarchy = 0,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n style: styleProp,\n className,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === 'string' ? children : undefined;\n const { sizeY = 'none' } = useAdaptivity();\n const style = React.useMemo(\n () =>\n hierarchy > 0\n ? {\n '--vkui_internal--custom_select_option_hierarchy_level': hierarchy,\n ...styleProp,\n }\n : styleProp,\n [hierarchy, styleProp],\n );\n\n if (!!option && process.env.NODE_ENV === 'development') {\n // TODO v6.0.0. Удалить св-во `option`\n warn('Свойство option было добавлено по ошибке и будет удалено в v6.0.0.');\n }\n\n return (\n <Paragraph\n {...restProps}\n Component=\"div\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n className={classNames(\n styles['CustomSelectOption'],\n sizeY !== SizeType.COMPACT && sizeYClassNames[sizeY],\n hovered && !disabled && styles['CustomSelectOption--hover'],\n // Note: пустой класс\n selected && styles['CustomSelectOption--selected'],\n disabled && styles['CustomSelectOption--disabled'],\n hierarchy > 0 && styles['CustomSelectOption--hierarchy'],\n className,\n )}\n style={style}\n >\n {hasReactNode(before) && <div className={styles['CustomSelectOption__before']}>{before}</div>}\n <div className={styles['CustomSelectOption__main']}>\n <div className={styles['CustomSelectOption__children']}>{children}</div>\n {hasReactNode(description) && (\n <Footnote className={styles['CustomSelectOption__description']}>{description}</Footnote>\n )}\n </div>\n <div className={styles['CustomSelectOption__after']}>\n {hasReactNode(after) && (\n <div className={styles['CustomSelectOption__afterIn']}>{after}</div>\n )}\n {selected && <Icon16Done className={styles['CustomSelectOption__selectedIcon']} />}\n </div>\n </Paragraph>\n );\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAA8D;AAG9D,IAAMA,eAAe;EACnBC,IAAI;AAA0C,GAC7CC,oBAAQ,CAACC,OAAO,0CAClB;AA8CD,IAAMC,IAAI,GAAG,IAAAC,kBAAQ,EAAC,oBAAoB,CAAC;;AAE3C;AACA;AACA;AACO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,OAaA;EAAA,IAZ7BC,QAAQ,QAARA,QAAQ;IAAA,sBACRC,SAAS;IAATA,SAAS,+BAAG,CAAC;IACbC,OAAO,QAAPA,OAAO;IACPC,QAAQ,QAARA,QAAQ;IACRC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,QAAQ,QAARA,QAAQ;IACDC,SAAS,QAAhBC,KAAK;IACLC,SAAS,QAATA,SAAS;IACNC,SAAS;EAEZ,IAAMC,KAAK,GAAG,OAAOb,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGc,SAAS;EACjE,qBAA2B,IAAAC,6BAAa,GAAE;IAAA,sCAAlCC,KAAK;IAALA,KAAK,qCAAG,MAAM;EACtB,IAAMN,KAAK,GAAGO,KAAK,CAACC,OAAO,CACzB;IAAA,OACEjB,SAAS,GAAG,CAAC;MAEP,uDAAuD,EAAEA;IAAS,GAC/DQ,SAAS,IAEdA,SAAS;EAAA,GACf,CAACR,SAAS,EAAEQ,SAAS,CAAC,CACvB;EAED,IAAI,CAAC,CAACH,MAAM,IAAIa,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;IACtD;IACAxB,IAAI,CAAC,oEAAoE,CAAC;EAC5E;EAEA,oBACE,oBAAC,oBAAS,6BACJe,SAAS;IACb,SAAS,EAAC,KAAK;IACf,IAAI,EAAC,QAAQ;IACb,KAAK,EAAEC,KAAM;IACb,iBAAeL,QAAS;IACxB,iBAAeL,QAAS;IACxB,SAAS,EAAE,IAAAmB,gBAAU,4BAEnBN,KAAK,KAAKrB,oBAAQ,CAAC4B,OAAO,IAAI9B,eAAe,CAACuB,KAAK,CAAC,EACpDd,OAAO,IAAI,CAACM,QAAQ,mCAAuC;IAC3D;IACAL,QAAQ,sCAA0C,EAClDK,QAAQ,sCAA0C,EAClDP,SAAS,GAAG,CAAC,uCAA2C,EACxDU,SAAS,CACT;IACF,KAAK,EAAED;EAAM,IAEZ,IAAAc,kBAAY,EAACpB,MAAM,CAAC,iBAAI;IAAK,SAAS;EAAuC,GAAEA,MAAM,CAAO,eAC7F;IAAK,SAAS;EAAqC,gBACjD;IAAK,SAAS;EAAyC,GAAEJ,QAAQ,CAAO,EACvE,IAAAwB,kBAAY,EAACjB,WAAW,CAAC,iBACxB,oBAAC,kBAAQ;IAAC,SAAS;EAA4C,GAAEA,WAAW,CAC7E,CACG,eACN;IAAK,SAAS;EAAsC,GACjD,IAAAiB,kBAAY,EAACnB,KAAK,CAAC,iBAClB;IAAK,SAAS;EAAwC,GAAEA,KAAK,CAC9D,EACAF,QAAQ,iBAAI,oBAAC,iBAAU;IAAC,SAAS;EAA6C,EAAG,CAC9E,CACI;AAEhB,CAAC;AAAC"}

package/dist/cjs/components/DateInput/DateInput.d.ts CHANGED Viewed

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import type { PlacementWithAuto } from '../../lib/floating';
+import { HasRootRef } from '../../types';
 import { CalendarProps } from '../Calendar/Calendar';
-import { Placement } from '../Popper/Popper';
 import { FormFieldProps } from '../FormField/FormField';
-import { HasRootRef } from '../../types';
+import '../InputLike/InputLikeDivider.module.css';
 export interface DateInputProps extends Omit<React.InputHTMLAttributes<HTMLDivElement>, 'value' | 'onChange' | 'size'>, Pick<CalendarProps, 'disablePast' | 'disableFuture' | 'enableTime' | 'shouldDisableDate' | 'onChange' | 'value' | 'doneButtonText' | 'weekStartsOn' | 'disablePickers' | 'changeHoursAriaLabel' | 'changeMinutesAriaLabel' | 'prevMonthAriaLabel' | 'nextMonthAriaLabel' | 'changeMonthAriaLabel' | 'changeYearAriaLabel' | 'changeDayAriaLabel' | 'showNeighboringMonth' | 'size' | 'viewDate' | 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth' | 'prevMonthIcon' | 'nextMonthIcon'>, HasRootRef<HTMLDivElement>, FormFieldProps {
-    calendarPlacement?: Placement;
+    calendarPlacement?: PlacementWithAuto;
     closeOnChange?: boolean;
     clearFieldAriaLabel?: string;
     showCalendarAriaLabel?: string;

package/dist/cjs/components/DateInput/DateInput.js CHANGED Viewed

@@ -8,22 +8,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.DateInput = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var React = _interopRequireWildcard(require("react"));
-var _date = require("../../lib/date");
 var _icons = require("@vkontakte/icons");
-var _Calendar = require("../Calendar/Calendar");
-var _Popper = require("../Popper/Popper");
-var _utils = require("../../lib/utils");
-var _IconButton = require("../IconButton/IconButton");
 var _vkjs = require("@vkontakte/vkjs");
-var _FormField = require("../FormField/FormField");
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
 var _useDateInput2 = require("../../hooks/useDateInput");
+var _useExternRef = require("../../hooks/useExternRef");
+var _adaptivity = require("../../lib/adaptivity");
+var _callMultiple = require("../../lib/callMultiple");
+var _date = require("../../lib/date");
+var _Calendar = require("../Calendar/Calendar");
+var _FormField = require("../FormField/FormField");
+var _IconButton = require("../IconButton/IconButton");
 var _InputLike = require("../InputLike/InputLike");
 var _InputLikeDivider = require("../InputLike/InputLikeDivider");
-var _useAdaptivity2 = require("../../hooks/useAdaptivity");
-var _callMultiple = require("../../lib/callMultiple");
-var _getSizeYClassName = require("../../helpers/getSizeYClassName");
+var _Popper = require("../Popper/Popper");
 var _excluded = ["enableTime", "shouldDisableDate", "disableFuture", "disablePast", "value", "onChange", "calendarPlacement", "style", "className", "doneButtonText", "closeOnChange", "disablePickers", "getRootRef", "name", "autoFocus", "disabled", "onClick", "onFocus", "prevMonthAriaLabel", "nextMonthAriaLabel", "showNeighboringMonth", "size", "changeMonthAriaLabel", "changeYearAriaLabel", "changeDayAriaLabel", "changeHoursAriaLabel", "changeMinutesAriaLabel", "clearFieldAriaLabel", "showCalendarAriaLabel", "viewDate", "onHeaderChange", "onNextMonth", "onPrevMonth", "prevMonthIcon", "nextMonthIcon", "disableCalendar"];
+var sizeYClassNames = (0, _defineProperty2.default)({
+  none: "vkuiDateInput--sizeY-none"
+}, _adaptivity.SizeType.COMPACT, "vkuiDateInput--sizeY-compact");
 var elementsConfig = function elementsConfig(index) {
   var length = 2;
   var min = 1;
@@ -164,7 +168,9 @@ var DateInput = function DateInput(_ref) {
     clear = _useDateInput.clear,
     removeFocusFromField = _useDateInput.removeFocusFromField;
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
-    sizeY = _useAdaptivity.sizeY;
+    _useAdaptivity$sizeY = _useAdaptivity.sizeY,
+    sizeY = _useAdaptivity$sizeY === void 0 ? 'none' : _useAdaptivity$sizeY;
+  var handleRootRef = (0, _useExternRef.useExternRef)(rootRef, getRootRef);
   var onCalendarChange = React.useCallback(function (value) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value);
     if (closeOnChange && !enableTime) {
@@ -173,8 +179,8 @@ var DateInput = function DateInput(_ref) {
   }, [onChange, removeFocusFromField, closeOnChange, enableTime]);
   return /*#__PURE__*/React.createElement(_FormField.FormField, (0, _extends2.default)({
     style: style,
-    className: (0, _vkjs.classNames)("vkuiDateInput", (0, _getSizeYClassName.getSizeYClassName)("vkuiDateInput", sizeY), className),
-    getRootRef: (0, _utils.multiRef)(rootRef, getRootRef),
+    className: (0, _vkjs.classNames)("vkuiDateInput", sizeY !== _adaptivity.SizeType.REGULAR && sizeYClassNames[sizeY], className),
+    getRootRef: handleRootRef,
     after: value ? /*#__PURE__*/React.createElement(_IconButton.IconButton, {
       hoverMode: "opacity",
       "aria-label": clearFieldAriaLabel,