npm - @vkontakte/vkui - Versions diffs - 4.27.0 → 4.28.0 - Mend

@vkontakte/vkui 4.27.0 → 4.28.0

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

Files changed (1264) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/CustomSelect/CustomSelect.tsx"],"names":["React","SelectMimicry","debounce","setRef","multiRef","classNames","withAdaptivity","withPlatform","CustomSelectOption","getClassName","Input","DropdownIcon","Caption","warnOnce","defaultFilterFn","is","CustomSelectDropdown","findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","undefined","warn","checkOptionsValueType","Set","map","item","value","size","CustomSelect","props","createRef","keyboardInput","state","selectedOptionIndex","inputValue","filterFn","filter","setState","opened","focusedOptionIndex","isValidIndex","scrollToElement","onOpen","resetKeyboardInput","onClose","select","index","nativeSelectValue","event","Event","bubbles","selectEl","dispatchEvent","close","open","scrollTo","type","nextIndex","beforeIndex","focusOptionByIndex","e","Array","prototype","indexOf","call","currentTarget","parentNode","children","preventDefault","selectFocused","key","fullInput","optionIndex","label","toLowerCase","includes","scrollBoxRef","current","contains","target","newSelectedOptionIndex","findSelectedIndex","isControlledOutside","onChange","onInputChange","process","env","NODE_ENV","areOptionsShown","focusOption","onKeyboardInput","renderOption","hovered","selected","onClick","handleOptionClick","onMouseDown","handleOptionDown","onMouseEnter","handleOptionHover","element","getRef","placement","popperPlacement","defaultValue","initialValue","Number","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","prevProps","searchable","stateOptions","name","className","getRootRef","popupDirection","sizeY","platform","style","onBlur","onFocus","emptyText","renderDropdown","fetching","restProps","getSelectedItem","defaultDropdownContent","resolvedContent","isPopperDirectionTop","containerRef","onLabelClick","CustomSelect__open","onInputKeyDown","placeholder","handleKeyDownSelect","handleKeyUp","selectRef","onNativeSelectChange","onPlacementChange","resetFocusedOption","Component"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport SelectMimicry from \"../SelectMimicry/SelectMimicry\";\nimport { debounce, setRef, multiRef } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { NativeSelectProps } from \"../NativeSelect/NativeSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport CustomSelectOption, {\n CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { FormFieldProps } from \"../FormField/FormField\";\nimport { HasPlatform } from \"../../types\";\nimport Input from \"../Input/Input\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { is } from \"../../lib/is\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport \"./CustomSelect.css\";\n\nconst findIndexAfter = (\n options: CustomSelectOptionInterface[] = [],\n startIndex = -1\n) => {\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 (options === undefined \|\| 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 \"Some values of your options have different types. CustomSelect onChange always returns a string type.\"\n );\n }\n};\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n\nexport interface CustomSelectOptionInterface {\n value: SelectValue;\n label: string;\n disabled?: boolean;\n [index: string]: any;\n}\n\ninterface CustomSelectState {\n inputValue?: string;\n opened?: boolean;\n focusedOptionIndex?: number;\n selectedOptionIndex?: number;\n nativeSelectValue?: SelectValue;\n options?: CustomSelectOptionInterface[];\n popperPlacement?: Placement;\n}\n\nexport interface CustomSelectProps\n extends NativeSelectProps,\n HasPlatform,\n FormFieldProps {\n /*\n Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n * производится по `option.label`.\n /\n searchable?: boolean;\n /\n Текст, который будет отображен, если приходит пустой `options`\n /\n emptyText?: string;\n onInputChange?: (\n e: React.ChangeEvent,\n options: CustomSelectOptionInterface[]\n ) => void \| CustomSelectOptionInterface[];\n options: Array<{\n value: SelectValue;\n label: string;\n [index: string]: any;\n }>;\n /\n Функция для кастомной фильтрации. По-умолчанию поиск производится по option.label.\n /\n filterFn?:\n \| false\n \| ((\n value: string,\n option: CustomSelectOptionInterface,\n getOptionLabel?: (\n option: Partial<CustomSelectOptionInterface>\n ) => string\n ) => boolean);\n popupDirection?: \"top\" \| \"bottom\";\n /\n Рендер-проп для кастомного рендера опции.\n * В объекте аргумента приходят [свойства опции](#/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}\n\ntype MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;\n\nclass CustomSelect extends React.Component<\n CustomSelectProps,\n CustomSelectState\n> {\n static defaultProps: Partial<CustomSelectProps> = {\n searchable: false,\n renderOption({ option, ...props }): React.ReactNode {\n return <CustomSelectOption {...props} />;\n },\n options: [],\n emptyText: \"Ничего не найдено\",\n filterFn: defaultFilterFn,\n };\n\n public constructor(props: CustomSelectProps) {\n super(props);\n\n const { value, defaultValue } = props;\n\n const initialValue = value !== undefined ? value : defaultValue;\n\n this.keyboardInput = \"\";\n\n if (process.env.NODE_ENV === \"development\") {\n checkOptionsValueType(props.options);\n }\n\n this.state = {\n opened: false,\n focusedOptionIndex: -1,\n selectedOptionIndex: this.findSelectedIndex(props.options, initialValue),\n nativeSelectValue: initialValue,\n options: props.options,\n inputValue: \"\",\n };\n\n if (props.value !== undefined) {\n this.isControlledOutside = true;\n }\n }\n\n private keyboardInput: string;\n private isControlledOutside = false;\n private selectEl: HTMLSelectElement \| null = null;\n private readonly scrollBoxRef = React.createRef<HTMLDivElement>();\n private readonly containerRef = React.createRef<HTMLLabelElement>();\n\n private readonly resetKeyboardInput = () => {\n this.keyboardInput = \"\";\n };\n\n private readonly getSelectedItem = () => {\n const { selectedOptionIndex, options } = this.state;\n\n if (!options?.length) {\n return null;\n }\n\n return selectedOptionIndex !== undefined\n ? options[selectedOptionIndex]\n : undefined;\n };\n\n get areOptionsShown() {\n return this.scrollBoxRef.current !== null;\n }\n\n filter = (\n options: CustomSelectProps[\"options\"],\n inputValue: string,\n filterFn: CustomSelectProps[\"filterFn\"]\n ) => {\n return typeof filterFn === \"function\"\n ? options.filter((option) => filterFn(inputValue, option))\n : options;\n };\n\n findSelectedIndex(\n options: CustomSelectOptionInterface[] \| undefined,\n value: SelectValue\n ) {\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\n open = () => {\n this.setState(\n ({ selectedOptionIndex }) => ({\n opened: true,\n focusedOptionIndex: selectedOptionIndex,\n }),\n () => {\n const { selectedOptionIndex } = this.state;\n\n if (\n selectedOptionIndex !== undefined &&\n this.isValidIndex(selectedOptionIndex)\n ) {\n this.scrollToElement(selectedOptionIndex, true);\n }\n }\n );\n typeof this.props.onOpen === \"function\" && this.props.onOpen();\n };\n\n close = () => {\n this.resetKeyboardInput();\n\n this.setState(() => ({\n inputValue: \"\",\n opened: false,\n focusedOptionIndex: -1,\n options: this.props.options,\n }));\n typeof this.props.onClose === \"function\" && this.props.onClose();\n };\n\n private isValidIndex(index: number) {\n return index >= 0 && index < (this.state.options?.length ?? 0);\n }\n\n selectFocused = () => {\n const { focusedOptionIndex } = this.state;\n\n if (focusedOptionIndex !== undefined) {\n this.select(focusedOptionIndex);\n }\n };\n\n select = (index: number) => {\n if (!this.isValidIndex(index)) {\n return;\n }\n\n const item = this.state.options?.[index];\n\n this.setState(\n {\n nativeSelectValue: item?.value,\n },\n () => {\n const event = new Event(\"change\", { bubbles: true });\n this.selectEl?.dispatchEvent(event);\n }\n );\n this.close();\n };\n\n onClick = () => {\n this.state.opened ? this.close() : this.open();\n };\n\n onFocus = () => {\n const event = new Event(\"focus\");\n this.selectEl?.dispatchEvent(event);\n };\n\n onBlur = () => {\n this.close();\n const event = new Event(\"blur\");\n this.selectEl?.dispatchEvent(event);\n };\n\n private scrollToElement(index: number, center = false) {\n const dropdown = this.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 focusOptionByIndex = (index: number \| undefined, scrollTo = true) => {\n if (\n index === undefined \|\|\n index < 0 \|\|\n index > (this.state.options?.length ?? 0) - 1\n ) {\n return;\n }\n\n const option = this.state.options?.[index];\n\n if (option?.disabled) {\n return;\n }\n\n scrollTo && this.scrollToElement(index);\n\n this.setState(() => ({\n focusedOptionIndex: index,\n }));\n };\n\n focusOption = (type: \"next\" \| \"prev\") => {\n const { focusedOptionIndex } = this.state;\n let index = focusedOptionIndex;\n\n if (type === \"next\") {\n const nextIndex = findIndexAfter(this.state.options, index);\n index = nextIndex === -1 ? findIndexAfter(this.state.options) : nextIndex; // Следующий за index или первый валидный до index\n } else if (type === \"prev\") {\n const beforeIndex = findIndexBefore(this.state.options, index);\n index =\n beforeIndex === -1 ? findIndexBefore(this.state.options) : beforeIndex; // Предшествующий index или последний валидный после index\n }\n\n this.focusOptionByIndex(index);\n };\n\n handleOptionHover: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n this.focusOptionByIndex(\n Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n ),\n false\n );\n };\n\n handleOptionDown: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault();\n };\n\n handleOptionClick: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n const index = Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n );\n const option = this.state.options?.[index];\n\n if (option && !option.disabled) {\n this.selectFocused();\n }\n };\n\n resetFocusedOption = () => {\n this.setState({ focusedOptionIndex: -1 });\n };\n\n onKeyboardInput = (key: string) => {\n const fullInput = this.keyboardInput + key;\n\n const optionIndex = this.state.options?.findIndex((option) => {\n return option.label.toLowerCase().includes(fullInput);\n });\n\n if (optionIndex !== undefined && optionIndex > -1) {\n this.focusOptionByIndex(optionIndex);\n }\n\n this.keyboardInput = fullInput;\n };\n\n /\n Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n * выпадающему списку.\n */\n onLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n if (this.scrollBoxRef.current?.contains(e.target as Node)) {\n e.preventDefault();\n }\n };\n\n onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n const newSelectedOptionIndex = this.findSelectedIndex(\n this.state.options,\n e.currentTarget.value\n );\n\n if (this.state.selectedOptionIndex !== newSelectedOptionIndex) {\n if (!this.isControlledOutside) {\n this.setState({\n selectedOptionIndex: newSelectedOptionIndex,\n });\n }\n this.props.onChange?.(e);\n }\n };\n\n onInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n if (this.props.onInputChange) {\n const options = this.props.onInputChange(e, this.props.options);\n if (options) {\n if (process.env.NODE_ENV === \"development\") {\n warn(\n \"This filtration method is deprecated. Return value of onInputChange will\" +\n \" be ignored in v5.0.0. For custom filtration please update props.options by yourself or use filterFn property\"\n );\n }\n this.setState({\n options,\n selectedOptionIndex: this.findSelectedIndex(\n options,\n this.state.nativeSelectValue\n ),\n inputValue: e.target.value,\n });\n } else {\n this.setState({ inputValue: e.target.value });\n }\n } else {\n const options = this.filter(\n this.props.options,\n e.target.value,\n this.props.filterFn\n );\n this.setState({\n options,\n selectedOptionIndex: this.findSelectedIndex(\n options,\n this.state.nativeSelectValue\n ),\n inputValue: e.target.value,\n });\n }\n };\n\n onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n this.areOptionsShown &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n this.areOptionsShown && this.focusOption(\"prev\");\n break;\n case \"ArrowDown\":\n this.areOptionsShown && this.focusOption(\"next\");\n break;\n case \"Escape\":\n this.close();\n break;\n case \"Enter\":\n this.areOptionsShown && this.selectFocused();\n break;\n }\n };\n\n handleKeyDownSelect = (event: React.KeyboardEvent) => {\n const { opened } = this.state;\n\n if (event.key.length === 1 && event.key !== \" \") {\n this.onKeyboardInput(event.key);\n return;\n }\n\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n this.areOptionsShown &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n if (opened) {\n this.areOptionsShown && this.focusOption(\"prev\");\n } else {\n this.open();\n }\n break;\n case \"ArrowDown\":\n if (opened) {\n this.areOptionsShown && this.focusOption(\"next\");\n } else {\n this.open();\n }\n break;\n case \"Escape\":\n this.close();\n break;\n case \"Enter\":\n case \"Spacebar\":\n case \" \":\n if (opened) {\n this.areOptionsShown && this.selectFocused();\n } else {\n this.open();\n }\n break;\n }\n };\n\n handleKeyUp = debounce(this.resetKeyboardInput, 1000);\n\n componentDidUpdate(prevProps: CustomSelectProps) {\n // Внутри useEffect и так is, можно убрать\n if (\n !is(prevProps.value, this.props.value) \|\|\n prevProps.options !== this.props.options\n ) {\n if (process.env.NODE_ENV === \"development\") {\n checkOptionsValueType(this.props.options);\n }\n\n this.isControlledOutside = this.props.value !== undefined;\n const value =\n this.props.value === undefined\n ? this.state.nativeSelectValue\n : this.props.value;\n const options =\n this.props.searchable && this.state.inputValue !== undefined\n ? this.filter(\n this.props.options,\n this.state.inputValue,\n this.props.filterFn\n )\n : this.props.options;\n this.setState({\n nativeSelectValue: value,\n selectedOptionIndex: this.findSelectedIndex(options, value),\n options,\n });\n }\n }\n\n renderOption = (option: CustomSelectOptionInterface, index: number) => {\n const { focusedOptionIndex, selectedOptionIndex } = this.state;\n const { renderOption } = this.props;\n const hovered = index === focusedOptionIndex;\n const selected = index === selectedOptionIndex;\n\n return (\n <React.Fragment key={`${option.value}`}>\n {renderOption!({\n option,\n hovered,\n children: option.label,\n selected,\n disabled: option.disabled,\n onClick: this.handleOptionClick,\n onMouseDown: this.handleOptionDown,\n onMouseEnter: this.handleOptionHover,\n })}\n </React.Fragment>\n );\n };\n\n selectRef = (element: HTMLSelectElement) => {\n this.selectEl = element;\n if (this.props.getRef) {\n setRef(element, this.props.getRef);\n }\n };\n\n onPlacementChange = (placement?: Placement) => {\n this.setState(() => ({\n popperPlacement: placement,\n }));\n };\n\n render() {\n const { opened, nativeSelectValue, options: stateOptions } = this.state;\n const {\n searchable,\n name,\n className,\n getRef,\n getRootRef,\n popupDirection,\n options,\n sizeY,\n platform,\n style,\n onChange,\n onBlur,\n onFocus,\n onClick,\n renderOption,\n children,\n emptyText,\n onInputChange,\n filterFn,\n renderDropdown,\n onOpen,\n onClose,\n fetching,\n ...restProps\n } = this.props;\n const selected = this.getSelectedItem();\n const label = selected ? selected.label : undefined;\n\n const defaultDropdownContent =\n stateOptions !== undefined && stateOptions.length > 0 ? (\n stateOptions.map(this.renderOption)\n ) : (\n <Caption level=\"1\" weight=\"regular\" vkuiClass=\"CustomSelect__empty\">\n {this.props.emptyText}\n </Caption>\n );\n\n let resolvedContent;\n\n if (typeof renderDropdown === \"function\") {\n resolvedContent = renderDropdown({ defaultDropdownContent });\n } else {\n resolvedContent = defaultDropdownContent;\n }\n\n const isPopperDirectionTop = this.state.popperPlacement?.includes(\"top\");\n\n return (\n <label\n vkuiClass={getClassName(\"CustomSelect\", platform)}\n className={className}\n style={style}\n ref={multiRef(this.containerRef, getRootRef)}\n onClick={this.onLabelClick}\n >\n {opened && searchable ? (\n <Input\n {...restProps}\n autoFocus\n onBlur={this.onBlur}\n vkuiClass={classNames({\n CustomSelect__open: opened,\n \"CustomSelect__open--popupDirectionTop\": isPopperDirectionTop,\n })}\n value={this.state.inputValue}\n onKeyDown={this.onInputKeyDown}\n onChange={this.onInputChange}\n // TODO Ожидается, что клик поймает нативный select, но его перехвает Input. К сожалению, это приводит конфликтам типизации.\n // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n // @ts-ignore\n onClick={onClick}\n after={<DropdownIcon />}\n placeholder={restProps.placeholder}\n />\n ) : (\n <SelectMimicry\n {...restProps}\n aria-hidden={true}\n onClick={this.onClick}\n onKeyDown={this.handleKeyDownSelect}\n onKeyUp={this.handleKeyUp}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n vkuiClass={classNames({\n CustomSelect__open: opened,\n \"CustomSelect__open--popupDirectionTop\": isPopperDirectionTop,\n })}\n >\n {label}\n </SelectMimicry>\n )}\n <select\n ref={this.selectRef}\n name={name}\n onChange={this.onNativeSelectChange}\n onBlur={onBlur}\n onFocus={onFocus}\n onClick={onClick}\n value={nativeSelectValue}\n aria-hidden={true}\n vkuiClass=\"CustomSelect__control\"\n >\n {options.map((item) => (\n <option key={`${item.value}`} value={item.value} />\n ))}\n </select>\n {opened && (\n <CustomSelectDropdown\n targetRef={this.containerRef}\n placement={popupDirection}\n scrollBoxRef={this.scrollBoxRef}\n onPlacementChange={this.onPlacementChange}\n onMouseLeave={this.resetFocusedOption}\n fetching={fetching}\n >\n {resolvedContent}\n </CustomSelectDropdown>\n )}\n </label>\n );\n }\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(\n withAdaptivity(CustomSelect, {\n sizeY: true,\n })\n);\n"],"file":"CustomSelect.js"}
1	+ {"version":3,"sources":["../../../src/components/CustomSelect/CustomSelect.tsx"],"names":["React","SelectMimicry","debounce","setRef","multiRef","classNames","withAdaptivity","withPlatform","CustomSelectOption","getClassName","Input","DropdownIcon","Caption","warnOnce","defaultFilterFn","is","CustomSelectDropdown","findIndexAfter","options","startIndex","length","findIndex","option","i","disabled","findIndexBefore","endIndex","result","undefined","warn","checkOptionsValueType","Set","map","item","value","size","SelectType","CustomSelect","props","createRef","keyboardInput","state","selectedOptionIndex","inputValue","filterFn","filter","setState","opened","focusedOptionIndex","isValidIndex","scrollToElement","onOpen","resetKeyboardInput","onClose","select","index","nativeSelectValue","event","Event","bubbles","selectEl","dispatchEvent","close","open","scrollTo","type","nextIndex","beforeIndex","focusOptionByIndex","e","Array","prototype","indexOf","call","currentTarget","parentNode","children","preventDefault","selectFocused","key","fullInput","optionIndex","label","toLowerCase","includes","scrollBoxRef","current","contains","target","newSelectedOptionIndex","findSelectedIndex","isControlledOutside","onChange","onInputChange","process","env","NODE_ENV","areOptionsShown","focusOption","onKeyboardInput","renderOption","hovered","selected","onClick","handleOptionClick","onMouseDown","handleOptionDown","onMouseEnter","handleOptionHover","element","getRef","placement","popperPlacement","defaultValue","initialValue","Number","center","dropdown","dropdownHeight","offsetHeight","scrollTop","itemTop","offsetTop","itemHeight","prevProps","searchable","stateOptions","name","className","getRootRef","popupDirection","sizeY","platform","style","onBlur","onFocus","emptyText","renderDropdown","fetching","icon","dropdownOffsetDistance","fixDropdownWidth","forceDropdownPortal","restProps","getSelectedItem","defaultDropdownContent","resolvedContent","isPopperDirectionTop","containerRef","onLabelClick","CustomSelect__open","onInputKeyDown","placeholder","handleKeyDownSelect","handleKeyUp","selectRef","onNativeSelectChange","onPlacementChange","resetFocusedOption","Component","selectType","Default"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport SelectMimicry from \"../SelectMimicry/SelectMimicry\";\nimport { debounce, setRef, multiRef } from \"../../lib/utils\";\nimport { classNames } from \"../../lib/classNames\";\nimport { NativeSelectProps } from \"../NativeSelect/NativeSelect\";\nimport { withAdaptivity } from \"../../hoc/withAdaptivity\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport CustomSelectOption, {\n CustomSelectOptionProps,\n} from \"../CustomSelectOption/CustomSelectOption\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { FormFieldProps } from \"../FormField/FormField\";\nimport { HasPlatform } from \"../../types\";\nimport Input from \"../Input/Input\";\nimport { DropdownIcon } from \"../DropdownIcon/DropdownIcon\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { defaultFilterFn } from \"../../lib/select\";\nimport { is } from \"../../lib/is\";\nimport { Placement } from \"../Popper/Popper\";\nimport { CustomSelectDropdown } from \"../CustomSelectDropdown/CustomSelectDropdown\";\nimport \"./CustomSelect.css\";\n\nconst findIndexAfter = (\n options: CustomSelectOptionInterface[] = [],\n startIndex = -1\n) => {\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 (options === undefined \|\| 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 \"Some values of your options have different types. CustomSelect onChange always returns a string type.\"\n );\n }\n};\n\ntype SelectValue = React.SelectHTMLAttributes<HTMLSelectElement>[\"value\"];\n\nexport enum SelectType {\n Default = \"default\",\n Plain = \"plain\",\n}\n\nexport interface CustomSelectOptionInterface {\n value: SelectValue;\n label: string;\n disabled?: boolean;\n [index: string]: any;\n}\n\ninterface CustomSelectState {\n inputValue?: string;\n opened?: boolean;\n focusedOptionIndex?: number;\n selectedOptionIndex?: number;\n nativeSelectValue?: SelectValue;\n options?: CustomSelectOptionInterface[];\n popperPlacement?: Placement;\n}\n\nexport interface CustomSelectProps\n extends NativeSelectProps,\n HasPlatform,\n FormFieldProps {\n /*\n Если `true`, то при клике на селект в нём появится текстовое поле для поиска по `options`. По умолчанию поиск\n * производится по `option.label`.\n /\n searchable?: boolean;\n /\n Текст, который будет отображен, если приходит пустой `options`\n /\n emptyText?: string;\n onInputChange?: (\n e: React.ChangeEvent,\n options: CustomSelectOptionInterface[]\n ) => void \| CustomSelectOptionInterface[];\n options: Array<{\n value: SelectValue;\n label: string;\n [index: string]: any;\n }>;\n /\n Функция для кастомной фильтрации. По-умолчанию поиск производится по option.label.\n /\n filterFn?:\n \| false\n \| ((\n value: string,\n option: CustomSelectOptionInterface,\n getOptionLabel?: (\n option: Partial<CustomSelectOptionInterface>\n ) => string\n ) => boolean);\n popupDirection?: \"top\" \| \"bottom\";\n /\n Рендер-проп для кастомного рендера опции.\n * В объекте аргумента приходят [свойства опции](#/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\nclass CustomSelect extends React.Component<\n CustomSelectProps,\n CustomSelectState\n> {\n static defaultProps: Partial<CustomSelectProps> = {\n searchable: false,\n renderOption({ option, ...props }): React.ReactNode {\n return <CustomSelectOption {...props} />;\n },\n options: [],\n emptyText: \"Ничего не найдено\",\n filterFn: defaultFilterFn,\n icon: <DropdownIcon />,\n dropdownOffsetDistance: 0,\n fixDropdownWidth: true,\n selectType: SelectType.Default,\n };\n\n public constructor(props: CustomSelectProps) {\n super(props);\n\n const { value, defaultValue } = props;\n\n const initialValue = value !== undefined ? value : defaultValue;\n\n this.keyboardInput = \"\";\n\n if (process.env.NODE_ENV === \"development\") {\n checkOptionsValueType(props.options);\n }\n\n this.state = {\n opened: false,\n focusedOptionIndex: -1,\n selectedOptionIndex: this.findSelectedIndex(props.options, initialValue),\n nativeSelectValue: initialValue,\n options: props.options,\n inputValue: \"\",\n };\n\n if (props.value !== undefined) {\n this.isControlledOutside = true;\n }\n }\n\n private keyboardInput: string;\n private isControlledOutside = false;\n private selectEl: HTMLSelectElement \| null = null;\n private readonly scrollBoxRef = React.createRef<HTMLDivElement>();\n private readonly containerRef = React.createRef<HTMLLabelElement>();\n\n private readonly resetKeyboardInput = () => {\n this.keyboardInput = \"\";\n };\n\n private readonly getSelectedItem = () => {\n const { selectedOptionIndex, options } = this.state;\n\n if (!options?.length) {\n return null;\n }\n\n return selectedOptionIndex !== undefined\n ? options[selectedOptionIndex]\n : undefined;\n };\n\n get areOptionsShown() {\n return this.scrollBoxRef.current !== null;\n }\n\n filter = (\n options: CustomSelectProps[\"options\"],\n inputValue: string,\n filterFn: CustomSelectProps[\"filterFn\"]\n ) => {\n return typeof filterFn === \"function\"\n ? options.filter((option) => filterFn(inputValue, option))\n : options;\n };\n\n findSelectedIndex(\n options: CustomSelectOptionInterface[] \| undefined,\n value: SelectValue\n ) {\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\n open = () => {\n this.setState(\n ({ selectedOptionIndex }) => ({\n opened: true,\n focusedOptionIndex: selectedOptionIndex,\n }),\n () => {\n const { selectedOptionIndex } = this.state;\n\n if (\n selectedOptionIndex !== undefined &&\n this.isValidIndex(selectedOptionIndex)\n ) {\n this.scrollToElement(selectedOptionIndex, true);\n }\n }\n );\n typeof this.props.onOpen === \"function\" && this.props.onOpen();\n };\n\n close = () => {\n this.resetKeyboardInput();\n\n this.setState(() => ({\n inputValue: \"\",\n opened: false,\n focusedOptionIndex: -1,\n options: this.props.options,\n }));\n typeof this.props.onClose === \"function\" && this.props.onClose();\n };\n\n private isValidIndex(index: number) {\n return index >= 0 && index < (this.state.options?.length ?? 0);\n }\n\n selectFocused = () => {\n const { focusedOptionIndex } = this.state;\n\n if (focusedOptionIndex !== undefined) {\n this.select(focusedOptionIndex);\n }\n };\n\n select = (index: number) => {\n if (!this.isValidIndex(index)) {\n return;\n }\n\n const item = this.state.options?.[index];\n\n this.setState(\n {\n nativeSelectValue: item?.value,\n },\n () => {\n const event = new Event(\"change\", { bubbles: true });\n this.selectEl?.dispatchEvent(event);\n }\n );\n this.close();\n };\n\n onClick = () => {\n this.state.opened ? this.close() : this.open();\n };\n\n onFocus = () => {\n const event = new Event(\"focus\");\n this.selectEl?.dispatchEvent(event);\n };\n\n onBlur = () => {\n this.close();\n const event = new Event(\"blur\");\n this.selectEl?.dispatchEvent(event);\n };\n\n private scrollToElement(index: number, center = false) {\n const dropdown = this.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 focusOptionByIndex = (index: number \| undefined, scrollTo = true) => {\n if (\n index === undefined \|\|\n index < 0 \|\|\n index > (this.state.options?.length ?? 0) - 1\n ) {\n return;\n }\n\n const option = this.state.options?.[index];\n\n if (option?.disabled) {\n return;\n }\n\n scrollTo && this.scrollToElement(index);\n\n this.setState(() => ({\n focusedOptionIndex: index,\n }));\n };\n\n focusOption = (type: \"next\" \| \"prev\") => {\n const { focusedOptionIndex } = this.state;\n let index = focusedOptionIndex;\n\n if (type === \"next\") {\n const nextIndex = findIndexAfter(this.state.options, index);\n index = nextIndex === -1 ? findIndexAfter(this.state.options) : nextIndex; // Следующий за index или первый валидный до index\n } else if (type === \"prev\") {\n const beforeIndex = findIndexBefore(this.state.options, index);\n index =\n beforeIndex === -1 ? findIndexBefore(this.state.options) : beforeIndex; // Предшествующий index или последний валидный после index\n }\n\n this.focusOptionByIndex(index);\n };\n\n handleOptionHover: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n this.focusOptionByIndex(\n Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n ),\n false\n );\n };\n\n handleOptionDown: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault();\n };\n\n handleOptionClick: MouseEventHandler = (e: React.MouseEvent<HTMLElement>) => {\n const index = Array.prototype.indexOf.call(\n e.currentTarget.parentNode?.children,\n e.currentTarget\n );\n const option = this.state.options?.[index];\n\n if (option && !option.disabled) {\n this.selectFocused();\n }\n };\n\n resetFocusedOption = () => {\n this.setState({ focusedOptionIndex: -1 });\n };\n\n onKeyboardInput = (key: string) => {\n const fullInput = this.keyboardInput + key;\n\n const optionIndex = this.state.options?.findIndex((option) => {\n return option.label.toLowerCase().includes(fullInput);\n });\n\n if (optionIndex !== undefined && optionIndex > -1) {\n this.focusOptionByIndex(optionIndex);\n }\n\n this.keyboardInput = fullInput;\n };\n\n /\n Нужен для правильного поведения обработчика onClick на select. Фильтрует клики, которые были сделаны по\n * выпадающему списку.\n */\n onLabelClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n if (this.scrollBoxRef.current?.contains(e.target as Node)) {\n e.preventDefault();\n }\n };\n\n onNativeSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n const newSelectedOptionIndex = this.findSelectedIndex(\n this.state.options,\n e.currentTarget.value\n );\n\n if (this.state.selectedOptionIndex !== newSelectedOptionIndex) {\n if (!this.isControlledOutside) {\n this.setState({\n selectedOptionIndex: newSelectedOptionIndex,\n });\n }\n this.props.onChange?.(e);\n }\n };\n\n onInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n if (this.props.onInputChange) {\n const options = this.props.onInputChange(e, this.props.options);\n if (options) {\n if (process.env.NODE_ENV === \"development\") {\n warn(\n \"This filtration method is deprecated. Return value of onInputChange will\" +\n \" be ignored in v5.0.0. For custom filtration please update props.options by yourself or use filterFn property\"\n );\n }\n this.setState({\n options,\n selectedOptionIndex: this.findSelectedIndex(\n options,\n this.state.nativeSelectValue\n ),\n inputValue: e.target.value,\n });\n } else {\n this.setState({ inputValue: e.target.value });\n }\n } else {\n const options = this.filter(\n this.props.options,\n e.target.value,\n this.props.filterFn\n );\n this.setState({\n options,\n selectedOptionIndex: this.findSelectedIndex(\n options,\n this.state.nativeSelectValue\n ),\n inputValue: e.target.value,\n });\n }\n };\n\n onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n this.areOptionsShown &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n this.areOptionsShown && this.focusOption(\"prev\");\n break;\n case \"ArrowDown\":\n this.areOptionsShown && this.focusOption(\"next\");\n break;\n case \"Escape\":\n this.close();\n break;\n case \"Enter\":\n this.areOptionsShown && this.selectFocused();\n break;\n }\n };\n\n handleKeyDownSelect = (event: React.KeyboardEvent) => {\n const { opened } = this.state;\n\n if (event.key.length === 1 && event.key !== \" \") {\n this.onKeyboardInput(event.key);\n return;\n }\n\n [\"ArrowUp\", \"ArrowDown\", \"Escape\", \"Enter\"].includes(event.key) &&\n this.areOptionsShown &&\n event.preventDefault();\n\n switch (event.key) {\n case \"ArrowUp\":\n if (opened) {\n this.areOptionsShown && this.focusOption(\"prev\");\n } else {\n this.open();\n }\n break;\n case \"ArrowDown\":\n if (opened) {\n this.areOptionsShown && this.focusOption(\"next\");\n } else {\n this.open();\n }\n break;\n case \"Escape\":\n this.close();\n break;\n case \"Enter\":\n case \"Spacebar\":\n case \" \":\n if (opened) {\n this.areOptionsShown && this.selectFocused();\n } else {\n this.open();\n }\n break;\n }\n };\n\n handleKeyUp = debounce(this.resetKeyboardInput, 1000);\n\n componentDidUpdate(prevProps: CustomSelectProps) {\n // Внутри useEffect и так is, можно убрать\n if (\n !is(prevProps.value, this.props.value) \|\|\n prevProps.options !== this.props.options\n ) {\n if (process.env.NODE_ENV === \"development\") {\n checkOptionsValueType(this.props.options);\n }\n\n this.isControlledOutside = this.props.value !== undefined;\n const value =\n this.props.value === undefined\n ? this.state.nativeSelectValue\n : this.props.value;\n const options =\n this.props.searchable && this.state.inputValue !== undefined\n ? this.filter(\n this.props.options,\n this.state.inputValue,\n this.props.filterFn\n )\n : this.props.options;\n this.setState({\n nativeSelectValue: value,\n selectedOptionIndex: this.findSelectedIndex(options, value),\n options,\n });\n }\n }\n\n renderOption = (option: CustomSelectOptionInterface, index: number) => {\n const { focusedOptionIndex, selectedOptionIndex } = this.state;\n const { renderOption } = this.props;\n const hovered = index === focusedOptionIndex;\n const selected = index === selectedOptionIndex;\n\n return (\n <React.Fragment key={`${option.value}`}>\n {renderOption!({\n option,\n hovered,\n children: option.label,\n selected,\n disabled: option.disabled,\n onClick: this.handleOptionClick,\n onMouseDown: this.handleOptionDown,\n onMouseEnter: this.handleOptionHover,\n })}\n </React.Fragment>\n );\n };\n\n selectRef = (element: HTMLSelectElement) => {\n this.selectEl = element;\n if (this.props.getRef) {\n setRef(element, this.props.getRef);\n }\n };\n\n onPlacementChange = (placement?: Placement) => {\n this.setState(() => ({\n popperPlacement: placement,\n }));\n };\n\n render() {\n const { opened, nativeSelectValue, options: stateOptions } = this.state;\n const {\n searchable,\n name,\n className,\n getRef,\n getRootRef,\n popupDirection,\n options,\n sizeY,\n platform,\n style,\n onChange,\n onBlur,\n onFocus,\n onClick,\n renderOption,\n children,\n emptyText,\n onInputChange,\n filterFn,\n renderDropdown,\n onOpen,\n onClose,\n fetching,\n icon,\n dropdownOffsetDistance,\n fixDropdownWidth,\n forceDropdownPortal,\n ...restProps\n } = this.props;\n const selected = this.getSelectedItem();\n const label = selected ? selected.label : undefined;\n\n const defaultDropdownContent =\n stateOptions !== undefined && stateOptions.length > 0 ? (\n stateOptions.map(this.renderOption)\n ) : (\n <Caption level=\"1\" weight=\"regular\" vkuiClass=\"CustomSelect__empty\">\n {this.props.emptyText}\n </Caption>\n );\n\n let resolvedContent;\n\n if (typeof renderDropdown === \"function\") {\n resolvedContent = renderDropdown({ defaultDropdownContent });\n } else {\n resolvedContent = defaultDropdownContent;\n }\n\n const isPopperDirectionTop = this.state.popperPlacement?.includes(\"top\");\n\n return (\n <label\n vkuiClass={getClassName(\"CustomSelect\", platform)}\n className={className}\n style={style}\n ref={multiRef(this.containerRef, getRootRef)}\n onClick={this.onLabelClick}\n >\n {opened && searchable ? (\n <Input\n {...restProps}\n autoFocus\n onBlur={this.onBlur}\n vkuiClass={classNames({\n CustomSelect__open: opened,\n \"CustomSelect__open--popupDirectionTop\": isPopperDirectionTop,\n \"CustomSelect__open--not-adjacent\":\n (dropdownOffsetDistance as number) > 0,\n })}\n value={this.state.inputValue}\n onKeyDown={this.onInputKeyDown}\n onChange={this.onInputChange}\n // TODO Ожидается, что клик поймает нативный select, но его перехвает Input. К сожалению, это приводит конфликтам типизации.\n // TODO Нужно перестать пытаться превратить CustomSelect в select. Тогда эта проблема уйдёт.\n // @ts-ignore\n onClick={onClick}\n after={icon}\n placeholder={restProps.placeholder}\n />\n ) : (\n <SelectMimicry\n {...restProps}\n aria-hidden={true}\n onClick={this.onClick}\n onKeyDown={this.handleKeyDownSelect}\n onKeyUp={this.handleKeyUp}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n vkuiClass={classNames({\n CustomSelect__open: opened,\n \"CustomSelect__open--popupDirectionTop\": isPopperDirectionTop,\n \"CustomSelect__open--not-adjacent\":\n (dropdownOffsetDistance as number) > 0,\n })}\n after={icon}\n >\n {label}\n </SelectMimicry>\n )}\n <select\n ref={this.selectRef}\n name={name}\n onChange={this.onNativeSelectChange}\n onBlur={onBlur}\n onFocus={onFocus}\n onClick={onClick}\n value={nativeSelectValue}\n aria-hidden={true}\n vkuiClass=\"CustomSelect__control\"\n >\n {options.map((item) => (\n <option key={`${item.value}`} value={item.value} />\n ))}\n </select>\n {opened && (\n <CustomSelectDropdown\n targetRef={this.containerRef}\n placement={popupDirection}\n scrollBoxRef={this.scrollBoxRef}\n onPlacementChange={this.onPlacementChange}\n onMouseLeave={this.resetFocusedOption}\n fetching={fetching}\n offsetDistance={dropdownOffsetDistance}\n sameWidth={fixDropdownWidth}\n forcePortal={forceDropdownPortal}\n >\n {resolvedContent}\n </CustomSelectDropdown>\n )}\n </label>\n );\n }\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(\n withAdaptivity(CustomSelect, {\n sizeY: true,\n })\n);\n"],"file":"CustomSelect.js"}

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

@@ -5,8 +5,11 @@ import "./CustomSelectDropdown.css";
 export interface CustomSelectDropdownProps extends React.HTMLAttributes<HTMLElement>, HasRef<HTMLDivElement> {
     targetRef: React.RefObject<HTMLElement>;
     placement?: Placement;
-    scrollBoxRef: React.Ref<HTMLDivElement>;
+    scrollBoxRef?: React.Ref<HTMLDivElement>;
     fetching?: boolean;
+    offsetDistance?: number;
+    sameWidth?: boolean;
+    forcePortal?: boolean;
     onPlacementChange?: (placement?: Placement) => void;
 }
 export declare const CustomSelectDropdown: React.FC<CustomSelectDropdownProps>;

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "targetRef", "scrollBoxRef", "placement", "fetching", "onPlacementChange"];
+var _excluded = ["children", "targetRef", "scrollBoxRef", "placement", "fetching", "onPlacementChange", "offsetDistance", "sameWidth", "forcePortal"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import CustomScrollView from "../CustomScrollView/CustomScrollView";
@@ -20,6 +20,12 @@ export var CustomSelectDropdown = function CustomSelectDropdown(_ref) {
       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,
       restProps = _objectWithoutProperties(_ref, _excluded);
   var _React$useState = React.useState(function () {
@@ -36,13 +42,16 @@ export var CustomSelectDropdown = function CustomSelectDropdown(_ref) {
   }, [parentOnPlacementChange, setIsTop]);
   return createScopedElement(Popper, _extends({
     targetRef: targetRef,
-    offsetDistance: 0,
-    sameWidth: true,
+    offsetDistance: offsetDistance,
+    sameWidth: sameWidth,
     onPlacementChange: onPlacementChange,
     placement: placement,
     vkuiClass: classNames("CustomSelectDropdown__options", {
-      "CustomSelectDropdown__options--popupDirectionTop": isTop
-    })
+      "CustomSelectDropdown__options--popupDirectionTop": isTop,
+      "CustomSelectDropdown__options--not-adjacent": offsetDistance > 0,
+      "CustomSelectDropdown__options--same-width": sameWidth
+    }),
+    forcePortal: forcePortal
   }, restProps), createScopedElement(CustomScrollView, {
     boxRef: scrollBoxRef,
     vkuiClass: "CustomSelectDropdown__CustomScrollView"

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":["React","CustomScrollView","classNames","Popper","Spinner","calcIsTop","placement","includes","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","restProps","useState","isTop","setIsTop","useCallback"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP;AACA,SAASC,UAAT;AACA,SAASC,MAAT;AACA,OAAOC,OAAP;;~~AAcA~~,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,SAAD;AAAA,SAA2BA,SAA3B,aAA2BA,SAA3B,uBAA2BA,SAAS,CAAEC,QAAX,CAAoB,KAApB,CAA3B;AAAA,CAAlB;;AAEA,OAAO,IAAMC,oBAAyD,GAAG,SAA5DA,oBAA4D,~~OAQnE~~;AAAA,~~MAPJC~~,~~QAOI~~,QAPJA,~~QAOI~~;AAAA,~~MANJC~~,~~SAMI~~,QANJA,~~SAMI~~;AAAA,~~MALJC~~,~~YAKI~~,~~QALJA~~,~~YAKI~~;AAAA,~~MAJJL~~,~~SAII~~,~~QAJJA~~,~~SAII~~;AAAA,~~MAHJM~~,~~QAGI~~,~~QAHJA~~,~~QAGI~~;AAAA,~~MAFeC~~,~~uBAEf~~,~~QAFJC~~,~~iBAEI~~;AAAA,MADDC,SACC;;AACJ,~~wBAA0Bf~~,KAAK,~~CAACgB~~,QAAN,CAAe;AAAA,~~WAAMX~~,SAAS,CAACC,SAAD,CAAf;AAAA,GAAf,CAA1B;AAAA;AAAA,~~MAAOW~~,KAAP;AAAA,MAAcC,QAAd;;AAEA,~~MAAMJ~~,iBAAiB,GAAGd,KAAK,~~CAACmB~~,WAAN,CACxB,iBAA8C;AAAA,~~QAA3Cb~~,SAA2C,SAA3CA,SAA2C;~~AAC5CY~~,IAAAA,QAAQ,~~CAACb~~,SAAS,CAACC,SAAD,CAAV,CAAR;AACAO,IAAAA,uBAAuB,SAAvB,IAAAA,uBAAuB,WAAvB,YAAAA,uBAAuB,CAAGP,SAAH,CAAvB;AACD,GAJuB,EAKxB,CAACO,uBAAD,~~EAA0BK~~,QAA1B,CALwB,CAA1B;AAQA,SACE,oBAAC,MAAD;AACE,IAAA,SAAS,~~EAAER~~,SADb;AAEE,IAAA,cAAc,~~EAAE~~,~~CAFlB~~;AAGE,IAAA,SAAS,~~MAHX~~;AAIE,IAAA,iBAAiB,~~EAAEI~~,iBAJrB;AAKE,IAAA,SAAS,EAAER,SALb;AAME,IAAA,SAAS,EAAEJ,UAAU,CAAC,+BAAD,EAAkC;AACrD,~~0DAAoDe~~;~~AADC~~,KAAlC;~~AANvB~~,~~KASMF~~,~~SATN~~,~~GAWE~~,oBAAC,gBAAD;AACE,IAAA,MAAM,~~EAAEJ~~,YADV;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGC,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,IADF,CADO,GAKPH,QATJ,~~CAXF~~,CADF;~~AA0BD~~,~~CA7CM~~","sourcesContent":["import * as React from \"react\";\nimport CustomScrollView from \"../CustomScrollView/CustomScrollView\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport Spinner from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement> {\n targetRef: React.RefObject<HTMLElement>;\n placement?: Placement;\n scrollBoxRef: React.Ref<HTMLDivElement>;\n fetching?: boolean;\n onPlacementChange?: (placement?: Placement) => void;\n}\n\nconst calcIsTop = (placement?: Placement) => placement?.includes(\"top\");\n\nexport const CustomSelectDropdown: React.FC<CustomSelectDropdownProps> = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n ...restProps\n}) => {\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={0}\n sameWidth\n onPlacementChange={onPlacementChange}\n placement={placement}\n vkuiClass={classNames(\"CustomSelectDropdown__options\", {\n \"CustomSelectDropdown__options--popupDirectionTop\": isTop,\n })}\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n vkuiClass=\"CustomSelectDropdown__CustomScrollView\"\n >\n {fetching ? (\n <div vkuiClass=\"CustomSelectDropdown__fetching\">\n <Spinner size=\"small\" />\n </div>\n ) : (\n children\n )}\n </CustomScrollView>\n </Popper>\n );\n};\n"],"file":"CustomSelectDropdown.js"}
1	+ {"version":3,"sources":["../../../src/components/CustomSelectDropdown/CustomSelectDropdown.tsx"],"names":["React","CustomScrollView","classNames","Popper","Spinner","calcIsTop","placement","includes","CustomSelectDropdown","children","targetRef","scrollBoxRef","fetching","parentOnPlacementChange","onPlacementChange","offsetDistance","sameWidth","forcePortal","restProps","useState","isTop","setIsTop","useCallback"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP;AACA,SAASC,UAAT;AACA,SAASC,MAAT;AACA,OAAOC,OAAP;;AAiBA,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,SAAD;AAAA,SAA2BA,SAA3B,aAA2BA,SAA3B,uBAA2BA,SAAS,CAAEC,QAAX,CAAoB,KAApB,CAA3B;AAAA,CAAlB;;AAEA,OAAO,IAAMC,oBAAyD,GAAG,SAA5DA,oBAA4D,OAWnE;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,SASI,QATJA,SASI;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJL,SAOI,QAPJA,SAOI;AAAA,MANJM,QAMI,QANJA,QAMI;AAAA,MALeC,uBAKf,QALJC,iBAKI;AAAA,iCAJJC,cAII;AAAA,MAJJA,cAII,oCAJa,CAIb;AAAA,4BAHJC,SAGI;AAAA,MAHJA,SAGI,+BAHQ,IAGR;AAAA,8BAFJC,WAEI;AAAA,MAFJA,WAEI,iCAFU,IAEV;AAAA,MADDC,SACC;;AACJ,wBAA0BlB,KAAK,CAACmB,QAAN,CAAe;AAAA,WAAMd,SAAS,CAACC,SAAD,CAAf;AAAA,GAAf,CAA1B;AAAA;AAAA,MAAOc,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMP,iBAAiB,GAAGd,KAAK,CAACsB,WAAN,CACxB,iBAA8C;AAAA,QAA3ChB,SAA2C,SAA3CA,SAA2C;AAC5Ce,IAAAA,QAAQ,CAAChB,SAAS,CAACC,SAAD,CAAV,CAAR;AACAO,IAAAA,uBAAuB,SAAvB,IAAAA,uBAAuB,WAAvB,YAAAA,uBAAuB,CAAGP,SAAH,CAAvB;AACD,GAJuB,EAKxB,CAACO,uBAAD,EAA0BQ,QAA1B,CALwB,CAA1B;AAQA,SACE,oBAAC,MAAD;AACE,IAAA,SAAS,EAAEX,SADb;AAEE,IAAA,cAAc,EAAEK,cAFlB;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,iBAAiB,EAAEF,iBAJrB;AAKE,IAAA,SAAS,EAAER,SALb;AAME,IAAA,SAAS,EAAEJ,UAAU,CAAC,+BAAD,EAAkC;AACrD,0DAAoDkB,KADC;AAErD,qDAA+CL,cAAc,GAAG,CAFX;AAGrD,mDAA6CC;AAHQ,KAAlC,CANvB;AAWE,IAAA,WAAW,EAAEC;AAXf,KAYMC,SAZN,GAcE,oBAAC,gBAAD;AACE,IAAA,MAAM,EAAEP,YADV;AAEE,IAAA,SAAS,EAAC;AAFZ,KAIGC,QAAQ,GACP;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC;AAAd,IADF,CADO,GAKPH,QATJ,CAdF,CADF;AA6BD,CAnDM","sourcesContent":["import * as React from \"react\";\nimport CustomScrollView from \"../CustomScrollView/CustomScrollView\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Popper, Placement } from \"../Popper/Popper\";\nimport Spinner from \"../Spinner/Spinner\";\nimport { HasRef } from \"../../types\";\nimport \"./CustomSelectDropdown.css\";\n\nexport interface CustomSelectDropdownProps\n extends React.HTMLAttributes<HTMLElement>,\n HasRef<HTMLDivElement> {\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: React.FC<CustomSelectDropdownProps> = ({\n children,\n targetRef,\n scrollBoxRef,\n placement,\n fetching,\n onPlacementChange: parentOnPlacementChange,\n offsetDistance = 0,\n sameWidth = true,\n forcePortal = true,\n ...restProps\n}) => {\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 vkuiClass={classNames(\"CustomSelectDropdown__options\", {\n \"CustomSelectDropdown__options--popupDirectionTop\": isTop,\n \"CustomSelectDropdown__options--not-adjacent\": offsetDistance > 0,\n \"CustomSelectDropdown__options--same-width\": sameWidth,\n })}\n forcePortal={forcePortal}\n {...restProps}\n >\n <CustomScrollView\n boxRef={scrollBoxRef}\n vkuiClass=\"CustomSelectDropdown__CustomScrollView\"\n >\n {fetching ? (\n <div vkuiClass=\"CustomSelectDropdown__fetching\">\n <Spinner size=\"small\" />\n </div>\n ) : (\n children\n )}\n </CustomScrollView>\n </Popper>\n );\n};\n"],"file":"CustomSelectDropdown.js"}

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

@@ -56,7 +56,7 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
   }, description)), createScopedElement("div", {
     vkuiClass: "CustomSelectOption__after"
   }, hasReactNode(after) && createScopedElement("div", {
-    className: "CustomSelectOption__afterIn"
+    vkuiClass: "CustomSelectOption__afterIn"
   }, after), selected && createScopedElement(Icon16Done, {
     vkuiClass: "CustomSelectOption__selectedIcon"
   })));

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"names":["Icon16Done","classNames","hasReactNode","Text","Caption","useAdaptivity","warnOnce","warn","CustomSelectOption","children","hovered","selected","before","after","option","description","disabled","restProps","title","undefined","sizeY","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,kBAA3B;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;AAEA,SAASC,aAAT;AACA,SAASC,QAAT;AAgBA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,oBAAD,CAArB;;AAEA,IAAME,kBAAqD,GAAG,SAAxDA,kBAAwD,OAU/B;AAAA,MAT7BC,QAS6B,QAT7BA,QAS6B;AAAA,MAR7BC,OAQ6B,QAR7BA,OAQ6B;AAAA,MAP7BC,QAO6B,QAP7BA,QAO6B;AAAA,MAN7BC,MAM6B,QAN7BA,MAM6B;AAAA,MAL7BC,KAK6B,QAL7BA,KAK6B;AAAA,MAJ7BC,MAI6B,QAJ7BA,MAI6B;AAAA,MAH7BC,WAG6B,QAH7BA,WAG6B;AAAA,MAF7BC,QAE6B,QAF7BA,QAE6B;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,KAAK,GAAG,OAAOT,QAAP,KAAoB,QAApB,GAA+BA,QAA/B,GAA0CU,SAAxD;;AACA,uBAAkBd,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAI,CAAC,CAACN,MAAF,IAAYO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzC,EAAwD;AACtDhB,IAAAA,IAAI,CAAC,mEAAD,CAAJ;AACD;;AAED,SACE,oBAAC,IAAD,eACMU,SADN;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,qBAAeF,QANjB;AAOE,qBAAeL,QAPjB;AAQE,IAAA,SAAS,EAAEV,UAAU,CACnB,oBADmB,sCAEUmB,KAFV,GAGnB;AACE,mCAA6BV,OAAO,IAAI,CAACM,QAD3C;AAEE,sCAAgCL,QAFlC;AAGE,sCAAgCK;AAHlC,KAHmB;AARvB,MAkBGd,YAAY,CAACU,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAnBJ,EAqBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+CH,QAA/C,CADF,EAEGP,YAAY,CAACa,WAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,WALH,CAHJ,CArBF,EAiCE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,YAAY,CAACW,KAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8CA,KAA9C,CAFJ,EAIGF,QAAQ,IACP,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAC;AAAtB,IALJ,CAjCF,CADF;AA4CD,CA9DD,C,CAgEA;;;AACA,eAAeH,kBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon16Done } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Text from \"../Typography/Text/Text\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./CustomSelectOption.css\";\n\nexport interface CustomSelectOptionProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n option?: any;\n selected?: boolean;\n focused?: boolean;\n hovered?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n description?: React.ReactNode;\n disabled?: boolean;\n}\n\nconst warn = warnOnce(\"CustomSelectOption\");\n\nconst CustomSelectOption: React.FC<CustomSelectOptionProps> = ({\n children,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === \"string\" ? children : undefined;\n const { sizeY } = useAdaptivity();\n\n if (!!option && process.env.NODE_ENV === \"development\") {\n warn(\"Свойство option было добавлено по ошибке и будет удалено в 5.0.0.\");\n }\n\n return (\n <Text\n {...restProps}\n Component=\"div\"\n weight=\"regular\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n vkuiClass={classNames(\n \"CustomSelectOption\",\n `CustomSelectOption--sizeY-${sizeY}`,\n {\n \"CustomSelectOption--hover\": hovered && !disabled,\n \"CustomSelectOption--selected\": selected,\n \"CustomSelectOption--disabled\": disabled,\n }\n )}\n >\n {hasReactNode(before) && (\n <div vkuiClass=\"CustomSelectOption__before\">{before}</div>\n )}\n <div vkuiClass=\"CustomSelectOption__main\">\n <div vkuiClass=\"CustomSelectOption__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption\n level=\"1\"\n weight=\"regular\"\n vkuiClass=\"CustomSelectOption__description\"\n >\n {description}\n </Caption>\n )}\n </div>\n <div vkuiClass=\"CustomSelectOption__after\">\n {hasReactNode(after) && (\n <div ~~className~~=\"CustomSelectOption__afterIn\">{after}</div>\n )}\n {selected && (\n <Icon16Done vkuiClass=\"CustomSelectOption__selectedIcon\" />\n )}\n </div>\n </Text>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default CustomSelectOption;\n"],"file":"CustomSelectOption.js"}
1	+ {"version":3,"sources":["../../../src/components/CustomSelectOption/CustomSelectOption.tsx"],"names":["Icon16Done","classNames","hasReactNode","Text","Caption","useAdaptivity","warnOnce","warn","CustomSelectOption","children","hovered","selected","before","after","option","description","disabled","restProps","title","undefined","sizeY","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,UAAT,QAA2B,kBAA3B;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,OAAOC,IAAP;AACA,OAAOC,OAAP;AAEA,SAASC,aAAT;AACA,SAASC,QAAT;AAgBA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,oBAAD,CAArB;;AAEA,IAAME,kBAAqD,GAAG,SAAxDA,kBAAwD,OAU/B;AAAA,MAT7BC,QAS6B,QAT7BA,QAS6B;AAAA,MAR7BC,OAQ6B,QAR7BA,OAQ6B;AAAA,MAP7BC,QAO6B,QAP7BA,QAO6B;AAAA,MAN7BC,MAM6B,QAN7BA,MAM6B;AAAA,MAL7BC,KAK6B,QAL7BA,KAK6B;AAAA,MAJ7BC,MAI6B,QAJ7BA,MAI6B;AAAA,MAH7BC,WAG6B,QAH7BA,WAG6B;AAAA,MAF7BC,QAE6B,QAF7BA,QAE6B;AAAA,MAD1BC,SAC0B;;AAC7B,MAAMC,KAAK,GAAG,OAAOT,QAAP,KAAoB,QAApB,GAA+BA,QAA/B,GAA0CU,SAAxD;;AACA,uBAAkBd,aAAa,EAA/B;AAAA,MAAQe,KAAR,kBAAQA,KAAR;;AAEA,MAAI,CAAC,CAACN,MAAF,IAAYO,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzC,EAAwD;AACtDhB,IAAAA,IAAI,CAAC,mEAAD,CAAJ;AACD;;AAED,SACE,oBAAC,IAAD,eACMU,SADN;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,MAAM,EAAC,SAHT;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,KAAK,EAAEC,KALT;AAME,qBAAeF,QANjB;AAOE,qBAAeL,QAPjB;AAQE,IAAA,SAAS,EAAEV,UAAU,CACnB,oBADmB,sCAEUmB,KAFV,GAGnB;AACE,mCAA6BV,OAAO,IAAI,CAACM,QAD3C;AAEE,sCAAgCL,QAFlC;AAGE,sCAAgCK;AAHlC,KAHmB;AARvB,MAkBGd,YAAY,CAACU,MAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAnBJ,EAqBE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+CH,QAA/C,CADF,EAEGP,YAAY,CAACa,WAAD,CAAZ,IACC,oBAAC,OAAD;AACE,IAAA,KAAK,EAAC,GADR;AAEE,IAAA,MAAM,EAAC,SAFT;AAGE,IAAA,SAAS,EAAC;AAHZ,KAKGA,WALH,CAHJ,CArBF,EAiCE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGb,YAAY,CAACW,KAAD,CAAZ,IACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA8CA,KAA9C,CAFJ,EAIGF,QAAQ,IACP,oBAAC,UAAD;AAAY,IAAA,SAAS,EAAC;AAAtB,IALJ,CAjCF,CADF;AA4CD,CA9DD,C,CAgEA;;;AACA,eAAeH,kBAAf","sourcesContent":["import * as React from \"react\";\nimport { Icon16Done } from \"@vkontakte/icons\";\nimport { classNames } from \"../../lib/classNames\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport Text from \"../Typography/Text/Text\";\nimport Caption from \"../Typography/Caption/Caption\";\nimport { HasRootRef } from \"../../types\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport \"./CustomSelectOption.css\";\n\nexport interface CustomSelectOptionProps\n extends React.HTMLAttributes<HTMLDivElement>,\n HasRootRef<HTMLDivElement> {\n option?: any;\n selected?: boolean;\n focused?: boolean;\n hovered?: boolean;\n before?: React.ReactNode;\n after?: React.ReactNode;\n description?: React.ReactNode;\n disabled?: boolean;\n}\n\nconst warn = warnOnce(\"CustomSelectOption\");\n\nconst CustomSelectOption: React.FC<CustomSelectOptionProps> = ({\n children,\n hovered,\n selected,\n before,\n after,\n option,\n description,\n disabled,\n ...restProps\n}: CustomSelectOptionProps) => {\n const title = typeof children === \"string\" ? children : undefined;\n const { sizeY } = useAdaptivity();\n\n if (!!option && process.env.NODE_ENV === \"development\") {\n warn(\"Свойство option было добавлено по ошибке и будет удалено в 5.0.0.\");\n }\n\n return (\n <Text\n {...restProps}\n Component=\"div\"\n weight=\"regular\"\n role=\"option\"\n title={title}\n aria-disabled={disabled}\n aria-selected={selected}\n vkuiClass={classNames(\n \"CustomSelectOption\",\n `CustomSelectOption--sizeY-${sizeY}`,\n {\n \"CustomSelectOption--hover\": hovered && !disabled,\n \"CustomSelectOption--selected\": selected,\n \"CustomSelectOption--disabled\": disabled,\n }\n )}\n >\n {hasReactNode(before) && (\n <div vkuiClass=\"CustomSelectOption__before\">{before}</div>\n )}\n <div vkuiClass=\"CustomSelectOption__main\">\n <div vkuiClass=\"CustomSelectOption__children\">{children}</div>\n {hasReactNode(description) && (\n <Caption\n level=\"1\"\n weight=\"regular\"\n vkuiClass=\"CustomSelectOption__description\"\n >\n {description}\n </Caption>\n )}\n </div>\n <div vkuiClass=\"CustomSelectOption__after\">\n {hasReactNode(after) && (\n <div vkuiClass=\"CustomSelectOption__afterIn\">{after}</div>\n )}\n {selected && (\n <Icon16Done vkuiClass=\"CustomSelectOption__selectedIcon\" />\n )}\n </div>\n </Text>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default CustomSelectOption;\n"],"file":"CustomSelectOption.js"}

package/dist/components/DateInput/DateInput.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { CalendarProps } from "../Calendar/Calendar";
+import { Placement } from "../Popper/Popper";
+import { HasRootRef } from "../../types";
+import "./DateInput.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">, HasRootRef<HTMLDivElement> {
+    calendarPlacement?: Placement;
+    closeOnChange?: boolean;
+    clearFieldAriaLabel?: string;
+    showCalendarAriaLabel?: string;
+}
+export declare const DateInput: React.FC<DateInputProps>;

package/dist/components/DateInput/DateInput.js ADDED Viewed

@@ -0,0 +1,261 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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"];
+import { createScopedElement } from "../../lib/jsxRuntime";
+import * as React from "react";
+import { format, isMatch, parse } from "date-fns";
+import { Icon16Clear, Icon20CalendarOutline } from "@vkontakte/icons";
+import { Calendar } from "../Calendar/Calendar";
+import { Popper } from "../Popper/Popper";
+import { multiRef } from "../../lib/utils";
+import IconButton from "../IconButton/IconButton";
+import { classNames } from "../../lib/classNames";
+import { FormField } from "../FormField/FormField";
+import { useDateInput } from "../../hooks/useDateInput";
+import { InputLike } from "../InputLike/InputLike";
+import { InputLikeDivider } from "../InputLike/InputLikeDivider";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { callMultiple } from "../../lib/callMultiple";
+var elementsConfig = function elementsConfig(index) {
+  var length = 2;
+  var min = 1;
+  var max = 0;
+  switch (index) {
+    case 0:
+      max = 31;
+      break;
+    case 1:
+      max = 12;
+      break;
+    case 2:
+      max = 2100;
+      min = 1900;
+      length = 4;
+      break;
+    case 3:
+      max = 23;
+      break;
+    case 4:
+      max = 59;
+      break;
+  }
+  return {
+    length: length,
+    min: min,
+    max: max
+  };
+};
+var getInternalValue = function getInternalValue(value) {
+  var newValue = ["", "", "", "", ""];
+  if (value) {
+    newValue[0] = String(value.getDate()).padStart(2, "0");
+    newValue[1] = String(value.getMonth() + 1).padStart(2, "0");
+    newValue[2] = String(value.getFullYear()).padStart(4, "0");
+    newValue[3] = String(value.getHours()).padStart(2, "0");
+    newValue[4] = String(value.getMinutes()).padStart(2, "0");
+  }
+  return newValue;
+};
+export var DateInput = function DateInput(_ref) {
+  var enableTime = _ref.enableTime,
+      shouldDisableDate = _ref.shouldDisableDate,
+      disableFuture = _ref.disableFuture,
+      disablePast = _ref.disablePast,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      _ref$calendarPlacemen = _ref.calendarPlacement,
+      calendarPlacement = _ref$calendarPlacemen === void 0 ? "bottom-start" : _ref$calendarPlacemen,
+      style = _ref.style,
+      className = _ref.className,
+      doneButtonText = _ref.doneButtonText,
+      _ref$closeOnChange = _ref.closeOnChange,
+      closeOnChange = _ref$closeOnChange === void 0 ? true : _ref$closeOnChange,
+      disablePickers = _ref.disablePickers,
+      getRootRef = _ref.getRootRef,
+      name = _ref.name,
+      autoFocus = _ref.autoFocus,
+      disabled = _ref.disabled,
+      onClick = _ref.onClick,
+      onFocus = _ref.onFocus,
+      prevMonthAriaLabel = _ref.prevMonthAriaLabel,
+      nextMonthAriaLabel = _ref.nextMonthAriaLabel,
+      showNeighboringMonth = _ref.showNeighboringMonth,
+      size = _ref.size,
+      _ref$changeMonthAriaL = _ref.changeMonthAriaLabel,
+      changeMonthAriaLabel = _ref$changeMonthAriaL === void 0 ? "Изменить месяц" : _ref$changeMonthAriaL,
+      _ref$changeYearAriaLa = _ref.changeYearAriaLabel,
+      changeYearAriaLabel = _ref$changeYearAriaLa === void 0 ? "Изменить год" : _ref$changeYearAriaLa,
+      _ref$changeDayAriaLab = _ref.changeDayAriaLabel,
+      changeDayAriaLabel = _ref$changeDayAriaLab === void 0 ? "Изменить день" : _ref$changeDayAriaLab,
+      _ref$changeHoursAriaL = _ref.changeHoursAriaLabel,
+      changeHoursAriaLabel = _ref$changeHoursAriaL === void 0 ? "Изменить час" : _ref$changeHoursAriaL,
+      _ref$changeMinutesAri = _ref.changeMinutesAriaLabel,
+      changeMinutesAriaLabel = _ref$changeMinutesAri === void 0 ? "Изменить минуту" : _ref$changeMinutesAri,
+      _ref$clearFieldAriaLa = _ref.clearFieldAriaLabel,
+      clearFieldAriaLabel = _ref$clearFieldAriaLa === void 0 ? "Очистить поле" : _ref$clearFieldAriaLa,
+      _ref$showCalendarAria = _ref.showCalendarAriaLabel,
+      showCalendarAriaLabel = _ref$showCalendarAria === void 0 ? "Показать календарь" : _ref$showCalendarAria,
+      props = _objectWithoutProperties(_ref, _excluded);
+  var daysRef = React.useRef(null);
+  var monthsRef = React.useRef(null);
+  var yearsRef = React.useRef(null);
+  var hoursRef = React.useRef(null);
+  var minutesRef = React.useRef(null);
+  var maxElement = enableTime ? 4 : 2;
+  var onInternalValueChange = React.useCallback(function (internalValue) {
+    for (var i = 0; i <= maxElement; i += 1) {
+      if (internalValue[i].length < elementsConfig(i).length) {
+        return;
+      }
+    }
+    var formattedValue = "".concat(internalValue[0], ".").concat(internalValue[1], ".").concat(internalValue[2]);
+    var mask = "dd.MM.yyyy";
+    if (enableTime) {
+      formattedValue += " ".concat(internalValue[3], ":").concat(internalValue[4]);
+      mask += " HH:mm";
+    }
+    if (isMatch(formattedValue, mask)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(parse(formattedValue, mask, value !== null && value !== void 0 ? value : new Date()));
+    }
+  }, [enableTime, maxElement, onChange, value]);
+  var refs = React.useMemo(function () {
+    return [daysRef, monthsRef, yearsRef, hoursRef, minutesRef];
+  }, [daysRef, monthsRef, yearsRef, hoursRef, minutesRef]);
+  var _useDateInput = useDateInput({
+    maxElement: maxElement,
+    refs: refs,
+    autoFocus: autoFocus,
+    disabled: disabled,
+    elementsConfig: elementsConfig,
+    onChange: onChange,
+    onInternalValueChange: onInternalValueChange,
+    getInternalValue: getInternalValue,
+    value: value
+  }),
+      rootRef = _useDateInput.rootRef,
+      calendarRef = _useDateInput.calendarRef,
+      open = _useDateInput.open,
+      openCalendar = _useDateInput.openCalendar,
+      closeCalendar = _useDateInput.closeCalendar,
+      internalValue = _useDateInput.internalValue,
+      handleKeyDown = _useDateInput.handleKeyDown,
+      setFocusedElement = _useDateInput.setFocusedElement,
+      handleFieldEnter = _useDateInput.handleFieldEnter,
+      clear = _useDateInput.clear,
+      removeFocusFromField = _useDateInput.removeFocusFromField;
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
+  var onCalendarChange = React.useCallback(function (value) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    if (closeOnChange && !enableTime) {
+      removeFocusFromField();
+    }
+  }, [onChange, removeFocusFromField, closeOnChange, enableTime]);
+  return createScopedElement(FormField, _extends({
+    vkuiClass: classNames("DateInput", "DateInput--sizeY-".concat(sizeY)),
+    style: style,
+    className: className,
+    getRootRef: multiRef(rootRef, getRootRef),
+    after: value ? createScopedElement(IconButton, {
+      hoverMode: "opacity",
+      "aria-label": clearFieldAriaLabel,
+      onClick: clear
+    }, createScopedElement(Icon16Clear, null)) : createScopedElement(IconButton, {
+      hoverMode: "opacity",
+      "aria-label": showCalendarAriaLabel,
+      onClick: openCalendar
+    }, createScopedElement(Icon20CalendarOutline, null)),
+    disabled: disabled,
+    onClick: callMultiple(handleFieldEnter, onClick),
+    onFocus: callMultiple(handleFieldEnter, onFocus)
+  }, props), createScopedElement("input", {
+    type: "hidden",
+    name: name,
+    value: value ? format(value, enableTime ? "dd.MM.yyyy'T'HH:mm" : "dd.MM.yyyy") : ""
+  }), createScopedElement("span", {
+    vkuiClass: "DateInput__input",
+    onKeyDown: handleKeyDown
+  }, createScopedElement(InputLike, {
+    tabIndex: 1,
+    length: 2,
+    getRootRef: daysRef,
+    index: 0,
+    onElementSelect: setFocusedElement,
+    value: internalValue[0],
+    "aria-label": changeDayAriaLabel
+  }), createScopedElement(InputLikeDivider, null, "."), createScopedElement(InputLike, {
+    length: 2,
+    getRootRef: monthsRef,
+    index: 1,
+    onElementSelect: setFocusedElement,
+    value: internalValue[1],
+    "aria-label": changeMonthAriaLabel
+  }), createScopedElement(InputLikeDivider, null, "."), createScopedElement(InputLike, {
+    length: 4,
+    getRootRef: yearsRef,
+    index: 2,
+    onElementSelect: setFocusedElement,
+    value: internalValue[2],
+    "aria-label": changeYearAriaLabel
+  }), enableTime && createScopedElement(React.Fragment, null, createScopedElement(InputLikeDivider, {
+    vkuiClass: "DateInput__input-time-divider"
+  }, " "), createScopedElement(InputLike, {
+    length: 2,
+    getRootRef: hoursRef,
+    index: 3,
+    onElementSelect: setFocusedElement,
+    value: internalValue[3],
+    "aria-label": changeHoursAriaLabel
+  }), createScopedElement(InputLikeDivider, null, ":"), createScopedElement(InputLike, {
+    length: 2,
+    getRootRef: minutesRef,
+    index: 4,
+    onElementSelect: setFocusedElement,
+    value: internalValue[4],
+    "aria-label": changeMinutesAriaLabel
+  }))), open && createScopedElement(Popper, {
+    targetRef: rootRef,
+    offsetDistance: 8,
+    placement: calendarPlacement
+  }, createScopedElement(Calendar, {
+    value: value,
+    onChange: onCalendarChange,
+    enableTime: enableTime,
+    disablePast: disablePast,
+    disableFuture: disableFuture,
+    shouldDisableDate: shouldDisableDate,
+    onClose: closeCalendar,
+    getRootRef: calendarRef,
+    doneButtonText: doneButtonText,
+    disablePickers: disablePickers,
+    changeHoursAriaLabel: changeHoursAriaLabel,
+    changeMinutesAriaLabel: changeMinutesAriaLabel,
+    prevMonthAriaLabel: prevMonthAriaLabel,
+    nextMonthAriaLabel: nextMonthAriaLabel,
+    changeMonthAriaLabel: changeMonthAriaLabel,
+    changeYearAriaLabel: changeYearAriaLabel,
+    changeDayAriaLabel: changeDayAriaLabel,
+    showNeighboringMonth: showNeighboringMonth,
+    size: size
+  })));
+};
+//# sourceMappingURL=DateInput.js.map