@salutejs/plasma-new-hope 0.327.0-canary.1741.15775036215.0 → 0.327.0-canary.1741.15776056320.0

package/es/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useRef, useEffect, useMemo } from 'react';
-import { useForkRef, safeUseId, extractTextFrom } from '@salutejs/plasma-core';
+import { useForkRef, extractTextFrom } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
@@ -9,6 +9,7 @@ import { base as base$4 } from './variations/_focused/base.js';
 import { DoneThin, Done, IndeterminateThin, Indeterminate } from './IconsSvg.js';
 import { StyledInput, StyledContentWrapper, StyledTriggerWrapper, StyledTrigger, StyledContent, StyledLabel, StyledDescription, base } from './Checkbox.styles.js';
 import { classes } from './Checkbox.tokens.js';
+import { safeUseId } from '../../utils/react.js';
 
 const checkboxRoot = Root => /*#__PURE__*/forwardRef((props, ref) => {
   const {

package/es/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { safeUseId, useForkRef, extractTextFrom } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            appearance,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        // Временное решение\n        const getIcon = () => {\n            if (appearance === 'outline') {\n                return <DoneThin />;\n            }\n\n            return <Done />;\n        };\n\n        const getIndeterminate = () => {\n            if (appearance === 'outline') {\n                return <IndeterminateThin />;\n            }\n\n            return <Indeterminate />;\n        };\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? getIndeterminate() : getIcon()}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","singleLine","ariaLabelExternal","rest","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","React","createElement","DoneThin","Done","getIndeterminate","IndeterminateThin","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from 'react';\nimport { useForkRef, extractTextFrom } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport type { RootProps } from '../../engines/types';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { Done, Indeterminate, DoneThin, IndeterminateThin } from './IconsSvg';\nimport {\n    StyledContent,\n    StyledContentWrapper,\n    StyledDescription,\n    StyledInput,\n    StyledLabel,\n    StyledTrigger,\n    base,\n    StyledTriggerWrapper,\n} from './Checkbox.styles';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { classes } from './Checkbox.tokens';\n\nexport const checkboxRoot = (Root: RootProps<HTMLInputElement, CheckboxProps>) =>\n    forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\n        const {\n            size,\n            view,\n            focused,\n            disabled,\n            id,\n            label,\n            description,\n            indeterminate,\n            appearance,\n            style,\n            className,\n            singleLine = false,\n            'aria-label': ariaLabelExternal,\n            ...rest\n        } = props;\n\n        const inputRef = useRef<HTMLInputElement | null>(null);\n        const forkRef = useForkRef(inputRef, ref);\n\n        useEffect(() => {\n            if (inputRef.current) {\n                inputRef.current.indeterminate = Boolean(indeterminate);\n            }\n        }, [inputRef, indeterminate]);\n\n        const uniqId = safeUseId();\n        const uniqLabelId = `label-${uniqId}`;\n        const uniqDescriptionId = `description-${uniqId}`;\n        const checkboxId = id || `input-${uniqId}`;\n\n        const ariaLabel = useMemo(() => ariaLabelExternal || extractTextFrom(label), [ariaLabelExternal, label]);\n        const isLabelAriaHidden = typeof label === 'string';\n        const canFocused = focused ? 0 : -1;\n        const hasContent = label || description;\n        const singleLineClass = singleLine ? classes.singleLine : undefined;\n        const onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;\n\n        // Временное решение\n        const getIcon = () => {\n            if (appearance === 'outline') {\n                return <DoneThin />;\n            }\n\n            return <Done />;\n        };\n\n        const getIndeterminate = () => {\n            if (appearance === 'outline') {\n                return <IndeterminateThin />;\n            }\n\n            return <Indeterminate />;\n        };\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                disabled={disabled}\n                focused={focused}\n                style={style}\n                className={className}\n                tabIndex={-1}\n            >\n                <StyledInput\n                    {...rest}\n                    id={checkboxId}\n                    ref={forkRef}\n                    type=\"checkbox\"\n                    disabled={disabled}\n                    aria-label={ariaLabel}\n                    aria-describedby={uniqDescriptionId}\n                    tabIndex={canFocused}\n                />\n                <StyledContentWrapper htmlFor={checkboxId} className={singleLineClass}>\n                    <StyledTriggerWrapper>\n                        <StyledTrigger className={classes.checkboxTrigger}>\n                            {indeterminate ? getIndeterminate() : getIcon()}\n                        </StyledTrigger>\n                    </StyledTriggerWrapper>\n                    {hasContent && (\n                        <StyledContent className={singleLineClass}>\n                            {label && (\n                                <StyledLabel\n                                    className={singleLineClass}\n                                    id={uniqLabelId}\n                                    aria-hidden={isLabelAriaHidden}\n                                >\n                                    {label}\n                                </StyledLabel>\n                            )}\n                            {description && (\n                                <StyledDescription\n                                    className={cx(singleLineClass, onlyDescriptionClass)}\n                                    id={uniqDescriptionId}\n                                >\n                                    {description}\n                                </StyledDescription>\n                            )}\n                        </StyledContent>\n                    )}\n                </StyledContentWrapper>\n            </Root>\n        );\n    });\n\nexport const checkboxConfig = {\n    name: 'Checkbox',\n    tag: 'div',\n    layout: checkboxRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'accent',\n    },\n};\n"],"names":["checkboxRoot","Root","forwardRef","props","ref","size","view","focused","disabled","id","label","description","indeterminate","appearance","style","className","singleLine","ariaLabelExternal","rest","inputRef","useRef","forkRef","useForkRef","useEffect","current","Boolean","uniqId","safeUseId","uniqLabelId","uniqDescriptionId","checkboxId","ariaLabel","useMemo","extractTextFrom","isLabelAriaHidden","canFocused","hasContent","singleLineClass","classes","undefined","onlyDescriptionClass","onlyDescription","getIcon","React","createElement","DoneThin","Done","getIndeterminate","IndeterminateThin","Indeterminate","tabIndex","StyledInput","_extends","type","StyledContentWrapper","htmlFor","StyledTriggerWrapper","StyledTrigger","checkboxTrigger","StyledContent","StyledLabel","StyledDescription","cx","checkboxConfig","name","tag","layout","base","variations","css","sizeCSS","viewCSS","disabledCSS","focusedCSS","defaults"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,6 +1,6 @@
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useMemo, useState, useRef, useReducer, useLayoutEffect } from 'react';
-import { useForkRef, safeUseId } from '@salutejs/plasma-core';
+import { useForkRef } from '@salutejs/plasma-core';
 import { classes } from './Combobox.tokens.js';
 import { FloatingPopover } from './FloatingPopover.js';
 import { getItemByFocused, useKeyNavigation } from './hooks/useKeyboardNavigation.js';
@@ -11,6 +11,7 @@ import { base as base$2 } from './variations/_size/base.js';
 import { SelectNative } from './ui/SelectNative/SelectNative.js';
 import { Context } from './Combobox.context.js';
 import { initialItemsTransform } from './utils/initialItemsTransform.js';
+import { safeUseId } from '../../../utils/react.js';
 import { filterItems } from './utils/filterItems.js';
 import { pathReducer } from './reducers/pathReducer.js';
 import { focusedPathReducer } from './reducers/focusedPathReducer.js';

package/es/components/Combobox/ComboboxNew/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent, ForwardedRef } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n    getRemovedElement,\n} from './utils';\nimport { Inner, StyledTextField, VirtualList, SelectAll } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport {\n    Ul,\n    base,\n    StyledArrow,\n    IconArrowWrapper,\n    StyledEmptyState,\n    StyledLeftHelper,\n    ListWrapper,\n} from './Combobox.styles';\nimport type { ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed, ItemOption } from './ui/Inner/ui/Item/Item.types';\nimport { SelectNative } from './ui/SelectNative/SelectNative';\nimport { Context } from './Combobox.context';\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\n\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            name,\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            defaultValue,\n            isTargetAmount,\n            targetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listMaxHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            keepPlaceholder,\n            readOnly = false,\n            disabled = false,\n            alwaysOpened = false,\n            filter,\n            closeAfterSelect: outerCloseAfterSelect,\n            renderValue,\n            zIndex,\n            beforeList,\n            afterList,\n            virtual = false,\n            hintView,\n            hintSize,\n            emptyStateDescription,\n            onChangeValue,\n            onScroll,\n            onToggle,\n            ...rest\n        } = props;\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(transformedItems), [\n            items,\n        ]);\n\n        const [textValue, setTextValue] = useState(\n            multiple || Array.isArray(outerValue)\n                ? ''\n                : valueToItemMap.get(outerValue as string)?.label || outerValue?.toString() || '',\n        );\n        const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n        const value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const filteredItems = useMemo(\n            () =>\n                filterItems(\n                    transformedItems,\n                    textValue,\n                    (valueToItemMap.get(value as string)?.label as string) || (value as string),\n                    filter,\n                ),\n            [transformedItems, textValue, filter],\n        );\n\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n        const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            if (onToggle) {\n                onToggle(false);\n            }\n\n            // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else if (multiple) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || (value as string) || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        // Эта функция срабатывает при изменении Combobox и\n        // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).\n        const onChange = (\n            newValue: string | Array<string> | ChangeEvent<HTMLSelectElement> | null,\n            item?: ItemOption | null,\n        ) => {\n            // Условие для отправки изменений наружу\n            if (props.onChange) {\n                // Условие для отправки если комбобокс используется без формы.\n                if (!props.name && (typeof newValue === 'string' || Array.isArray(newValue))) {\n                    props.onChange(newValue as any, item || null);\n                }\n\n                // Условие для отправки если комбобокс используется с формой.\n                if (props.name && typeof newValue === 'object' && !Array.isArray(newValue)) {\n                    props.onChange(newValue as any);\n                }\n            }\n\n            // Условие для изменения внутреннего значения (только если newValue строка или массив строк).\n            if (typeof newValue === 'string' || Array.isArray(newValue)) {\n                setInternalValue(newValue);\n            }\n        };\n\n        const handleClickArrow = () => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (isCurrentListOpen) {\n                dispatchPath({ type: 'reset' });\n            } else {\n                dispatchPath({ type: 'opened_first_level' });\n            }\n\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            if (onChangeValue) {\n                onChangeValue(e.target.value);\n            }\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            if (!Array.isArray(value)) return;\n\n            // TODO: #1564\n            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n            if (renderValue && !isTargetAmount) {\n                const resultValues = [...value];\n\n                value.forEach((_, index) => {\n                    const stringValue = value[index];\n                    const label = valueToItemMap.get(stringValue)?.label;\n\n                    const labelAfterRenderValue = renderValue(\n                        label\n                            ? labelToItemMap.get(label)!\n                            : {\n                                  value: stringValue,\n                                  label: stringValue.toString(),\n                              },\n                    );\n\n                    if (!chipLabels.includes(labelAfterRenderValue)) {\n                        resultValues.splice(index, 1);\n                    }\n                });\n\n                const removedItemValue = getRemovedElement(value, resultValues, isTargetAmount);\n\n                onChange(\n                    resultValues,\n                    removedItemValue\n                        ? valueToItemMap.get(removedItemValue) || {\n                              value: removedItemValue,\n                              label: removedItemValue.toString(),\n                          }\n                        : null,\n                );\n            } else {\n                const newValues = chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)?.value || chipLabel);\n                const removedItemValue = getRemovedElement(value, newValues, isTargetAmount);\n\n                onChange(\n                    newValues,\n                    removedItemValue\n                        ? valueToItemMap.get(removedItemValue) || {\n                              value: removedItemValue,\n                              label: removedItemValue.toString(),\n                          }\n                        : null,\n                );\n            }\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleListToggle = (opened: boolean) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n\n            if (onToggle) {\n                onToggle(opened);\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (!multiple) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value)) {\n                checkedCopy.set(item.value, true);\n                updateDescendants(item, checkedCopy, true, valueToItemMap);\n            } else {\n                checkedCopy.set(item.value, false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            // Оставляем values, которых нет в items.\n            if (Array.isArray(value)) {\n                value.forEach((val: string) => {\n                    if (!valueToItemMap.has(val)) {\n                        newValues.push(val);\n                    }\n                });\n            }\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues, item);\n            }\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n                return;\n            }\n\n            if (e) {\n                e.stopPropagation();\n            }\n\n            const isCurrentChecked = checked.get(item.value);\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value, item);\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${targetAmount || value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue &&\n                    ((stringValue: string) =>\n                        renderValue(\n                            valueToItemMap.get(stringValue) || { value: stringValue, label: stringValue.toString() },\n                        ));\n                const valueToItemMapper = (stringValue: string) =>\n                    valueToItemMap.get(stringValue)?.label || stringValue.toString();\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n            event.stopPropagation();\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\n            setTextValue,\n            multiple,\n            value,\n            textValue,\n            valueToItemMap,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        // Только если value находится в items, т.к. value может и не существовать в items.\n                        if (valueToItemMap.has(val)) {\n                            checkedCopy.set(val, true);\n                            updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                            updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                        }\n                    });\n                } else {\n                    // Только если value находится в items, т.к. value может и не существовать в items.\n                    // eslint-disable-next-line no-lonely-if\n                    if (valueToItemMap.has(value)) {\n                        checkedCopy.set(value, 'done');\n                        updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                    }\n                }\n            }\n\n            setChecked(checkedCopy);\n\n            setTextValue(multiple ? '' : valueToItemMap.get(value as string)?.label || value?.toString() || '');\n\n            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue]);\n\n        useLayoutEffect(() => {\n            if (defaultValue) {\n                setInternalValue(defaultValue);\n            }\n        }, [defaultValue]);\n\n        return (\n            <Root\n                size={size}\n                view={view}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                readOnly={readOnly}\n                name={name}\n                hintView={hintView}\n                hintSize={hintSize}\n            >\n                {name && (\n                    <SelectNative\n                        items={valueToItemMap}\n                        name={name}\n                        value={internalValue}\n                        multiple={multiple}\n                        onChange={onChange}\n                        onSetValue={setInternalValue}\n                        ref={ref as ForwardedRef<HTMLInputElement>}\n                    />\n                )}\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            treeId,\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            // eslint-disable-next-line no-underscore-dangle\n                            _checkboxAppearance: (rest as any)._checkboxAppearance,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={handleListToggle}\n                            placement={placement}\n                            portal={portal}\n                            listWidth={listWidth}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={name ? inputRef : (inputForkRef as ForwardedRef<HTMLInputElement>)}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={\n                                        <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={\n                                        helperText && (\n                                            <StyledLeftHelper onClick={helperTextStopPropagation}>\n                                                {helperText}\n                                            </StyledLeftHelper>\n                                        )\n                                    }\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    labelPlacement={labelPlacement}\n                                    keepPlaceholder={keepPlaceholder}\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChipsChange,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    _onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                            zIndex={zIndex}\n                            isInner={false}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                name={name}\n                            >\n                                <ListWrapper listWidth={listWidth}>\n                                    <Ul\n                                        role=\"tree\"\n                                        id={`${treeId}_tree_level_1`}\n                                        aria-multiselectable={Boolean(multiple)}\n                                        listMaxHeight={listMaxHeight || listHeight}\n                                        ref={targetRef}\n                                        virtual={virtual}\n                                        listOverflow={listOverflow}\n                                        onScroll={virtual ? undefined : onScroll}\n                                    >\n                                        {beforeList}\n\n                                        {isEmpty(filteredItems) ? (\n                                            <StyledEmptyState\n                                                className={classes.emptyStateWrapper}\n                                                size={size}\n                                                description={emptyStateDescription || 'Ничего не найдено'}\n                                            />\n                                        ) : (\n                                            <>\n                                                {props.multiple && props.selectAllOptions && (\n                                                    // TODO: #2004\n                                                    <SelectAll\n                                                        selectAllOptions={props.selectAllOptions}\n                                                        variant={variant}\n                                                    />\n                                                )}\n\n                                                {virtual ? (\n                                                    <VirtualList\n                                                        items={filteredItems}\n                                                        listMaxHeight={listMaxHeight || listHeight}\n                                                        onScroll={onScroll}\n                                                    />\n                                                ) : (\n                                                    filteredItems.map((item, index) => (\n                                                        <Inner\n                                                            key={`${index}/0`}\n                                                            item={item}\n                                                            currentLevel={0}\n                                                            path={path}\n                                                            dispatchPath={dispatchPath}\n                                                            index={index}\n                                                            listWidth={listWidth}\n                                                        />\n                                                    ))\n                                                )}\n                                            </>\n                                        )}\n\n                                        {afterList}\n                                    </Ul>\n                                </ListWrapper>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["comboboxRoot","Root","forwardRef","props","ref","name","multiple","value","outerValue","onChange","outerOnChange","defaultValue","isTargetAmount","targetAmount","items","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","variant","listOverflow","listHeight","listMaxHeight","listWidth","portal","renderItem","view","size","labelPlacement","keepPlaceholder","readOnly","disabled","alwaysOpened","filter","closeAfterSelect","outerCloseAfterSelect","renderValue","zIndex","beforeList","afterList","virtual","hintView","hintSize","emptyStateDescription","onChangeValue","onScroll","onToggle","rest","transformedItems","useMemo","initialItemsTransform","valueToCheckedMap","valueToItemMap","labelToItemMap","getTreeMaps","textValue","setTextValue","useState","Array","isArray","get","toString","internalValue","setInternalValue","undefined","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","filteredItems","filterItems","pathMap","focusedToValueMap","getPathMap","path","dispatchPath","useReducer","pathReducer","focusedPath","dispatchFocusedPath","focusedPathReducer","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","targetRef","useOutsideClick","type","isEmpty","newValue","item","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","resultValues","forEach","_","index","stringValue","labelAfterRenderValue","includes","splice","removedItemValue","getRemovedElement","newValues","map","chipLabel","handleListToggle","opened","handleCheckboxChange","checkedCopy","Map","set","updateDescendants","updateAncestors","key","push","val","has","handleItemClick","stopPropagation","isCurrentChecked","getChips","length","renderValueMapper","valueToItemMapper","handlePressDown","helperTextStopPropagation","event","onKeyDown","useKeyNavigation","useLayoutEffect","updateSingleAncestors","React","createElement","SelectNative","onSetValue","Context","Provider","_checkboxAppearance","FloatingPopover","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","StyledLeftHelper","role","getItemId","enumerationType","chips","onChangeChips","_onEnterDisabled","isInner","ListWrapper","Ul","id","StyledEmptyState","emptyStateWrapper","description","Fragment","selectAllOptions","SelectAll","VirtualList","Inner","currentLevel","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent, ForwardedRef } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n    getRemovedElement,\n} from './utils';\nimport { Inner, StyledTextField, VirtualList, SelectAll } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport {\n    Ul,\n    base,\n    StyledArrow,\n    IconArrowWrapper,\n    StyledEmptyState,\n    StyledLeftHelper,\n    ListWrapper,\n} from './Combobox.styles';\nimport type { ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed, ItemOption } from './ui/Inner/ui/Item/Item.types';\nimport { SelectNative } from './ui/SelectNative/SelectNative';\nimport { Context } from './Combobox.context';\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\n\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            name,\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            defaultValue,\n            isTargetAmount,\n            targetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listMaxHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            keepPlaceholder,\n            readOnly = false,\n            disabled = false,\n            alwaysOpened = false,\n            filter,\n            closeAfterSelect: outerCloseAfterSelect,\n            renderValue,\n            zIndex,\n            beforeList,\n            afterList,\n            virtual = false,\n            hintView,\n            hintSize,\n            emptyStateDescription,\n            onChangeValue,\n            onScroll,\n            onToggle,\n            ...rest\n        } = props;\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(transformedItems), [\n            items,\n        ]);\n\n        const [textValue, setTextValue] = useState(\n            multiple || Array.isArray(outerValue)\n                ? ''\n                : valueToItemMap.get(outerValue as string)?.label || outerValue?.toString() || '',\n        );\n        const [internalValue, setInternalValue] = useState<string | string[]>(multiple ? [] : '');\n\n        const value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const filteredItems = useMemo(\n            () =>\n                filterItems(\n                    transformedItems,\n                    textValue,\n                    (valueToItemMap.get(value as string)?.label as string) || (value as string),\n                    filter,\n                ),\n            [transformedItems, textValue, filter],\n        );\n\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = alwaysOpened || Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n        const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            if (onToggle) {\n                onToggle(false);\n            }\n\n            // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else if (multiple) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || (value as string) || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        // Эта функция срабатывает при изменении Combobox и\n        // при изменении нативного Select для формы (срабатывает только после изменения internalValue и рендера).\n        const onChange = (\n            newValue: string | Array<string> | ChangeEvent<HTMLSelectElement> | null,\n            item?: ItemOption | null,\n        ) => {\n            // Условие для отправки изменений наружу\n            if (props.onChange) {\n                // Условие для отправки если комбобокс используется без формы.\n                if (!props.name && (typeof newValue === 'string' || Array.isArray(newValue))) {\n                    props.onChange(newValue as any, item || null);\n                }\n\n                // Условие для отправки если комбобокс используется с формой.\n                if (props.name && typeof newValue === 'object' && !Array.isArray(newValue)) {\n                    props.onChange(newValue as any);\n                }\n            }\n\n            // Условие для изменения внутреннего значения (только если newValue строка или массив строк).\n            if (typeof newValue === 'string' || Array.isArray(newValue)) {\n                setInternalValue(newValue);\n            }\n        };\n\n        const handleClickArrow = () => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (isCurrentListOpen) {\n                dispatchPath({ type: 'reset' });\n            } else {\n                dispatchPath({ type: 'opened_first_level' });\n            }\n\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            if (onChangeValue) {\n                onChangeValue(e.target.value);\n            }\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            if (!Array.isArray(value)) return;\n\n            // TODO: #1564\n            // Из лейблов чипов получаем value у item и далее прокидываем его в onChange.\n            if (renderValue && !isTargetAmount) {\n                const resultValues = [...value];\n\n                value.forEach((_, index) => {\n                    const stringValue = value[index];\n                    const label = valueToItemMap.get(stringValue)?.label;\n\n                    const labelAfterRenderValue = renderValue(\n                        label\n                            ? labelToItemMap.get(label)!\n                            : {\n                                  value: stringValue,\n                                  label: stringValue.toString(),\n                              },\n                    );\n\n                    if (!chipLabels.includes(labelAfterRenderValue)) {\n                        resultValues.splice(index, 1);\n                    }\n                });\n\n                const removedItemValue = getRemovedElement(value, resultValues, isTargetAmount);\n\n                onChange(\n                    resultValues,\n                    removedItemValue\n                        ? valueToItemMap.get(removedItemValue) || {\n                              value: removedItemValue,\n                              label: removedItemValue.toString(),\n                          }\n                        : null,\n                );\n            } else {\n                const newValues = chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)?.value || chipLabel);\n                const removedItemValue = getRemovedElement(value, newValues, isTargetAmount);\n\n                onChange(\n                    newValues,\n                    removedItemValue\n                        ? valueToItemMap.get(removedItemValue) || {\n                              value: removedItemValue,\n                              label: removedItemValue.toString(),\n                          }\n                        : null,\n                );\n            }\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleListToggle = (opened: boolean) => {\n            if (disabled || readOnly) {\n                return;\n            }\n\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n\n            if (onToggle) {\n                onToggle(opened);\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (!multiple) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value)) {\n                checkedCopy.set(item.value, true);\n                updateDescendants(item, checkedCopy, true, valueToItemMap);\n            } else {\n                checkedCopy.set(item.value, false);\n                updateDescendants(item, checkedCopy, false);\n            }\n\n            updateAncestors(item, checkedCopy);\n\n            const newValues: Array<string> = [];\n\n            valueToItemMap.forEach((item, key) => {\n                if (checkedCopy.get(key)) {\n                    newValues.push(item.value);\n                }\n            });\n\n            // Оставляем values, которых нет в items.\n            if (Array.isArray(value)) {\n                value.forEach((val: string) => {\n                    if (!valueToItemMap.has(val)) {\n                        newValues.push(val);\n                    }\n                });\n            }\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues, item);\n            }\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n                return;\n            }\n\n            if (e) {\n                e.stopPropagation();\n            }\n\n            const isCurrentChecked = checked.get(item.value);\n\n            if (!alwaysOpened && closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value, item);\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple && Array.isArray(value)) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${targetAmount || value.length}`];\n                }\n\n                const renderValueMapper =\n                    renderValue &&\n                    ((stringValue: string) =>\n                        renderValue(\n                            valueToItemMap.get(stringValue) || { value: stringValue, label: stringValue.toString() },\n                        ));\n                const valueToItemMapper = (stringValue: string) =>\n                    valueToItemMap.get(stringValue)?.label || stringValue.toString();\n\n                return value.map(renderValueMapper || valueToItemMapper);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n            event.stopPropagation();\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\n            setTextValue,\n            multiple,\n            value,\n            textValue,\n            valueToItemMap,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        // Только если value находится в items, т.к. value может и не существовать в items.\n                        if (valueToItemMap.has(val)) {\n                            checkedCopy.set(val, true);\n                            updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                            updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                        }\n                    });\n                } else {\n                    // Только если value находится в items, т.к. value может и не существовать в items.\n                    // eslint-disable-next-line no-lonely-if\n                    if (valueToItemMap.has(value)) {\n                        checkedCopy.set(value, 'done');\n                        updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                    }\n                }\n            }\n\n            setChecked(checkedCopy);\n\n            setTextValue(multiple ? '' : valueToItemMap.get(value as string)?.label || value?.toString() || '');\n\n            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue]);\n\n        useLayoutEffect(() => {\n            if (defaultValue) {\n                setInternalValue(defaultValue);\n            }\n        }, [defaultValue]);\n\n        return (\n            <Root\n                size={size}\n                view={view}\n                labelPlacement={labelPlacement}\n                disabled={disabled}\n                readOnly={readOnly}\n                name={name}\n                hintView={hintView}\n                hintSize={hintSize}\n            >\n                {name && (\n                    <SelectNative\n                        items={valueToItemMap}\n                        name={name}\n                        value={internalValue}\n                        multiple={multiple}\n                        onChange={onChange}\n                        onSetValue={setInternalValue}\n                        ref={ref as ForwardedRef<HTMLInputElement>}\n                    />\n                )}\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            treeId,\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            // eslint-disable-next-line no-underscore-dangle\n                            _checkboxAppearance: (rest as any)._checkboxAppearance,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={handleListToggle}\n                            placement={placement}\n                            portal={portal}\n                            listWidth={listWidth}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={name ? inputRef : (inputForkRef as ForwardedRef<HTMLInputElement>)}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={\n                                        <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={\n                                        helperText && (\n                                            <StyledLeftHelper onClick={helperTextStopPropagation}>\n                                                {helperText}\n                                            </StyledLeftHelper>\n                                        )\n                                    }\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    labelPlacement={labelPlacement}\n                                    keepPlaceholder={keepPlaceholder}\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChipsChange,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    _onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                            zIndex={zIndex}\n                            isInner={false}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                name={name}\n                            >\n                                <ListWrapper listWidth={listWidth}>\n                                    <Ul\n                                        role=\"tree\"\n                                        id={`${treeId}_tree_level_1`}\n                                        aria-multiselectable={Boolean(multiple)}\n                                        listMaxHeight={listMaxHeight || listHeight}\n                                        ref={targetRef}\n                                        virtual={virtual}\n                                        listOverflow={listOverflow}\n                                        onScroll={virtual ? undefined : onScroll}\n                                    >\n                                        {beforeList}\n\n                                        {isEmpty(filteredItems) ? (\n                                            <StyledEmptyState\n                                                className={classes.emptyStateWrapper}\n                                                size={size}\n                                                description={emptyStateDescription || 'Ничего не найдено'}\n                                            />\n                                        ) : (\n                                            <>\n                                                {props.multiple && props.selectAllOptions && (\n                                                    // TODO: #2004\n                                                    <SelectAll\n                                                        selectAllOptions={props.selectAllOptions}\n                                                        variant={variant}\n                                                    />\n                                                )}\n\n                                                {virtual ? (\n                                                    <VirtualList\n                                                        items={filteredItems}\n                                                        listMaxHeight={listMaxHeight || listHeight}\n                                                        onScroll={onScroll}\n                                                    />\n                                                ) : (\n                                                    filteredItems.map((item, index) => (\n                                                        <Inner\n                                                            key={`${index}/0`}\n                                                            item={item}\n                                                            currentLevel={0}\n                                                            path={path}\n                                                            dispatchPath={dispatchPath}\n                                                            index={index}\n                                                            listWidth={listWidth}\n                                                        />\n                                                    ))\n                                                )}\n                                            </>\n                                        )}\n\n                                        {afterList}\n                                    </Ul>\n                                </ListWrapper>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["comboboxRoot","Root","forwardRef","props","ref","name","multiple","value","outerValue","onChange","outerOnChange","defaultValue","isTargetAmount","targetAmount","items","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","variant","listOverflow","listHeight","listMaxHeight","listWidth","portal","renderItem","view","size","labelPlacement","keepPlaceholder","readOnly","disabled","alwaysOpened","filter","closeAfterSelect","outerCloseAfterSelect","renderValue","zIndex","beforeList","afterList","virtual","hintView","hintSize","emptyStateDescription","onChangeValue","onScroll","onToggle","rest","transformedItems","useMemo","initialItemsTransform","valueToCheckedMap","valueToItemMap","labelToItemMap","getTreeMaps","textValue","setTextValue","useState","Array","isArray","get","toString","internalValue","setInternalValue","undefined","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","filteredItems","filterItems","pathMap","focusedToValueMap","getPathMap","path","dispatchPath","useReducer","pathReducer","focusedPath","dispatchFocusedPath","focusedPathReducer","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","targetRef","useOutsideClick","type","isEmpty","newValue","item","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","resultValues","forEach","_","index","stringValue","labelAfterRenderValue","includes","splice","removedItemValue","getRemovedElement","newValues","map","chipLabel","handleListToggle","opened","handleCheckboxChange","checkedCopy","Map","set","updateDescendants","updateAncestors","key","push","val","has","handleItemClick","stopPropagation","isCurrentChecked","getChips","length","renderValueMapper","valueToItemMapper","handlePressDown","helperTextStopPropagation","event","onKeyDown","useKeyNavigation","useLayoutEffect","updateSingleAncestors","React","createElement","SelectNative","onSetValue","Context","Provider","_checkboxAppearance","FloatingPopover","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","StyledLeftHelper","role","getItemId","enumerationType","chips","onChangeChips","_onEnterDisabled","isInner","ListWrapper","Ul","id","StyledEmptyState","emptyStateWrapper","description","Fragment","selectAllOptions","SelectAll","VirtualList","Inner","currentLevel","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -1,6 +1,6 @@
 import { useFloating, autoUpdate, offset, flip, shift, size, FloatingPortal } from '@floating-ui/react';
 import React, { forwardRef } from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
+import { safeUseId } from '../../../utils/react.js';
 
 // TODO: #2003
 const LIST_PADDING = 2;

package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    size,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, zIndex, isInner }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware({\n                    mainAxis: isInner ? LIST_PADDING * 2 : 0,\n                    alignmentAxis: isInner ? -LIST_PADDING : 0,\n                }),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width:\n                                listWidth ||\n                                `${isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","target","children","opened","onToggle","placement","portal","listWidth","zIndex","isInner","ref","refs","floatingStyles","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","open","middleware","offsetMiddleware","mainAxis","alignmentAxis","flip","fallbackAxisSideDirection","shift","size","apply","rects","elements","Object","assign","floating","style","width","reference","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../../src/components/Combobox/ComboboxNew/FloatingPopover.tsx"],"sourcesContent":["import {\n    flip,\n    shift,\n    size,\n    useFloating,\n    FloatingPortal,\n    offset as offsetMiddleware,\n    autoUpdate,\n} from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport type { FloatingPopoverProps } from './Combobox.types';\n\n// TODO: #2003\nconst LIST_PADDING = 2;\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, onToggle, placement, portal, listWidth, zIndex, isInner }, ref) => {\n        const { refs, floatingStyles } = useFloating({\n            whileElementsMounted(referenceEl, floatingEl, update) {\n                return autoUpdate(referenceEl, floatingEl, update, {\n                    ancestorScroll: false,\n                    ancestorResize: false,\n                    layoutShift: false,\n                });\n            },\n            placement,\n            open: opened,\n            middleware: [\n                offsetMiddleware({\n                    mainAxis: isInner ? LIST_PADDING * 2 : 0,\n                    alignmentAxis: isInner ? -LIST_PADDING : 0,\n                }),\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width:\n                                listWidth ||\n                                `${isInner ? rects.reference.width + LIST_PADDING * 2 : rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\n\n        const handleClick = () => {\n            if (onToggle) {\n                onToggle(!opened);\n            }\n        };\n\n        // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.\n        // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.\n        // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),\n        // но выпадающий список должен позиционироваться непосредственно возле самого инпута.\n        const isTargetAsFunction = typeof target === 'function';\n\n        return (\n            <div ref={ref} id={wrappedId} style={{ position: 'relative' }}>\n                <div ref={isTargetAsFunction ? undefined : refs.setReference} onClick={handleClick}>\n                    {typeof target === 'function' ? target(refs.setReference as any) : target}\n                </div>\n\n                {opened && (\n                    // root - принимает ref контейнера портала.\n                    // id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\n                    <FloatingPortal {...getFloatingPortalProps(portal, wrappedId)}>\n                        <div ref={refs.setFloating} style={{ ...floatingStyles, zIndex: zIndex || 1000 }}>\n                            {children}\n                        </div>\n                    </FloatingPortal>\n                )}\n            </div>\n        );\n    },\n);\n\ntype FloatingPortalReturnedProps = {\n    root?: React.RefObject<HTMLElement>;\n    id?: string;\n};\n\n// root - принимает ref контейнера портала.\n// id - если есть портал - не используется, если портала нет - подставляется 'wrappedId'.\nconst getFloatingPortalProps = (\n    portal: FloatingPopoverProps['portal'],\n    wrappedId: string,\n): FloatingPortalReturnedProps => {\n    if (!portal) {\n        return { id: wrappedId };\n    }\n\n    if (typeof portal === 'string') {\n        return { id: portal };\n    }\n\n    return { root: portal };\n};\n\nexport { FloatingPopover };\n"],"names":["LIST_PADDING","FloatingPopover","forwardRef","target","children","opened","onToggle","placement","portal","listWidth","zIndex","isInner","ref","refs","floatingStyles","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","open","middleware","offsetMiddleware","mainAxis","alignmentAxis","flip","fallbackAxisSideDirection","shift","size","apply","rects","elements","Object","assign","floating","style","width","reference","wrappedId","safeUseId","handleClick","isTargetAsFunction","React","createElement","id","position","undefined","setReference","onClick","FloatingPortal","getFloatingPortalProps","setFloating","root"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
 import { FloatingPopover } from '../../FloatingPopover.js';
 import { ListWrapper, Ul } from '../../Combobox.styles.js';
+import { safeUseId } from '../../../../../utils/react.js';
 import { isEmpty } from '../../../../../utils/isEmpty.js';
 import { Item } from './ui/Item/Item.js';
 

package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inner.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { isEmpty } from '../../../../../utils';\nimport { Ul, ListWrapper } from '../../Combobox.styles';\n\nimport type { ItemOptionTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right-start'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul role=\"group\" id={listId} virtual={false}>\n                        {item.items?.map((innerItem: ItemOptionTransformed, innerIndex: number) => (\n                            <Inner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","nextLevel","isEmpty","items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}
+{"version":3,"file":"Inner.js","sources":["../../../../../../src/components/Combobox/ComboboxNew/ui/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { FloatingPopover } from '../../FloatingPopover';\nimport { isEmpty } from '../../../../../utils';\nimport { Ul, ListWrapper } from '../../Combobox.styles';\n\nimport type { ItemOptionTransformed } from './ui/Item/Item.types';\nimport { Item } from './ui';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n    const handleToggle = (opened: boolean): void => {\n        if (opened) {\n            dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n        } else {\n            dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n        }\n    };\n\n    const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n    const treeId = safeUseId();\n    const listId = `${treeId}_tree_level_${currentLevel + 2}`;\n    const nextLevel = currentLevel + 1;\n\n    if (!isEmpty(item?.items)) {\n        return (\n            <FloatingPopover\n                placement={item?.placement || 'right-start'}\n                opened={isCurrentListOpen}\n                onToggle={handleToggle}\n                target={\n                    <Item\n                        item={item}\n                        path={path}\n                        currentLevel={currentLevel}\n                        index={index}\n                        ariaControls={listId}\n                        ariaExpanded={isCurrentListOpen}\n                        ariaLevel={nextLevel}\n                        ariaLabel={item.label}\n                    />\n                }\n                isInner\n            >\n                <ListWrapper listWidth={listWidth}>\n                    <Ul role=\"group\" id={listId} virtual={false}>\n                        {item.items?.map((innerItem: ItemOptionTransformed, innerIndex: number) => (\n                            <Inner\n                                key={`${innerIndex}/${currentLevel}`}\n                                item={innerItem}\n                                currentLevel={nextLevel}\n                                path={path}\n                                dispatchPath={dispatchPath}\n                                index={innerIndex}\n                                listWidth={listWidth}\n                            />\n                        ))}\n                    </Ul>\n                </ListWrapper>\n            </FloatingPopover>\n        );\n    }\n\n    return <Item item={item} path={path} index={index} currentLevel={currentLevel} ariaLevel={nextLevel} />;\n};\n"],"names":["Inner","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","treeId","safeUseId","listId","nextLevel","isEmpty","items","React","createElement","FloatingPopover","placement","onToggle","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","isInner","ListWrapper","Ul","role","id","virtual","map","innerItem","innerIndex","key"],"mappings":"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"}

package/es/components/Combobox/ComboboxOld/Combobox.js

@@ -1,12 +1,13 @@
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, useRef, useEffect, Children } from 'react';
-import { safeUseId, useForkRef } from '@salutejs/plasma-core';
+import { useForkRef } from '@salutejs/plasma-core';
 import { cx } from '../../../utils/index.js';
 import { getChildren, getValues, getNewSelected } from './utils/index.js';
 import { base } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { StyledRoot, StyledNativeSelect, StyledPopover, StyledCombobox, ComboboxItemNotFound } from './Combobox.styles.js';
 import { useForceUpdate } from '../../../hooks/useForceUpdate.js';
+import { safeUseId } from '../../../utils/react.js';
 import { useDidMountEffect } from '../../../hooks/useDidMountEffect.js';
 import { useKeyNavigation } from './hooks/useKeyNavigation.js';
 import { ComboboxTarget } from './ui/ComboboxTarget/ComboboxTarget.js';

package/es/components/Combobox/ComboboxOld/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../../hooks';\n\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { useKeyNavigation } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                placeholder,\n                id,\n                children,\n                role,\n                view,\n                size,\n                frame,\n                usePortal,\n                negativeResultContent = 'Элементы не найдены',\n                enumerationType = 'comma',\n                opened = false,\n                alwaysOpened = false,\n                placement = 'bottom',\n                onToggle,\n                onKeyDown,\n                filterFunction,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n            const targetRef = useRef<HTMLInputElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const comboboxRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n            const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n            const [isVisible, setIsVisible] = useState(alwaysOpened || opened);\n            const [search, setSearch] = useState<string | undefined>('');\n            const [filterValue, setFilterValue] = useState(search);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || opened);\n            }, [opened, alwaysOpened, disabled, readOnly]);\n\n            useEffect(() => {\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (alwaysOpened || opened) {\n                    setFilterValue('');\n                }\n            }, []);\n\n            const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (!isVisible) {\n                    setFilterValue('');\n                }\n\n                if (onToggle) {\n                    onToggle(alwaysOpened || openValue, event);\n\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || openValue);\n            };\n\n            const closedWithoutChanges = useRef(true);\n\n            const updateValue = (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                const {\n                    dataset: { value: newValue },\n                } = item;\n\n                if (rest.valueType === 'multiple') {\n                    const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                    rest.onChangeValue?.(newSelected);\n\n                    return;\n                }\n\n                const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                rest.onChangeValue?.(newSelected);\n\n                onInnerToggle?.(alwaysOpened || false, event);\n\n                closedWithoutChanges.current = false;\n            };\n\n            const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n                // INFO: Для корректной работы компонента Popper\n                event.stopPropagation();\n\n                const item = event.currentTarget as HTMLElement;\n\n                updateValue(item, event);\n            };\n\n            const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n                if (rest.valueType !== 'multiple') {\n                    return;\n                }\n\n                rest.onChangeValue?.(newValue);\n            };\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: isVisible,\n                enumerationType,\n                valueType,\n                componentType: 'combobox',\n                value,\n                search: filterValue,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n            const childrenMemo = getChildren(\n                childrenArray,\n                { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n                value,\n                filterValue,\n                filterFunction,\n            ).filter(Boolean);\n\n            const values = getValues(childrenArray, value);\n\n            const onSearch = (newSearch?: string, newOpened?: boolean) => {\n                setSearch(newSearch);\n                setFilterValue(newSearch);\n                setIsVisible(newOpened ?? true);\n            };\n\n            const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n                onKeyDown?.(event);\n                onKeyDownTarget(event);\n            };\n\n            useEffect(() => {\n                if (alwaysOpened && rest.valueType === 'single') {\n                    setSearch(String(value));\n                }\n            }, [value, alwaysOpened]);\n\n            return (\n                <StyledRoot ref={comboboxRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={-1}\n                        form={form}\n                        name={name}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                    />\n                    <StyledPopover\n                        role={role}\n                        opened={isVisible}\n                        onToggle={onInnerToggle}\n                        target={\n                            <ComboboxTarget\n                                opened={isVisible}\n                                values={values}\n                                label={label}\n                                placeholder={placeholder}\n                                search={search}\n                                enumerationType={enumerationType}\n                                valueType={valueType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                closedWithoutChanges={closedWithoutChanges}\n                                ref={handleRef}\n                                chipsRefs={chipsRefs}\n                                inputRef={inputRef}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onSearch={onSearch}\n                                onKeyDown={onKeyDownHandle}\n                                {...rest}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        frame={frame}\n                        trigger=\"click\"\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} view={view} size={size}>\n                            <StyledCombobox onKeyDown={onKeyDownSelect}>\n                                {childrenMemo.length ? (\n                                    childrenMemo\n                                ) : (\n                                    <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n                                )}\n                            </StyledCombobox>\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const comboboxConfig = {\n    name: 'Combobox',\n    tag: 'div',\n    layout: comboboxRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["comboboxRoot","Root","forwardRef","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","negativeResultContent","enumerationType","opened","alwaysOpened","placement","onToggle","onKeyDown","filterFunction","rest","outerRootRef","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","valueType","value","offset","ref","setRef","useState","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","isVisible","setIsVisible","search","setSearch","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","dataset","newValue","newSelected","getNewSelected","onChangeValue","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","onKeyDownTarget","onKeyDownSelect","useKeyNavigation","componentType","updateOpened","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","String","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","StyledPopover","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxOld/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { safeUseId } from 'src/utils';\n\nimport { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../../hooks';\n\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { useKeyNavigation } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                placeholder,\n                id,\n                children,\n                role,\n                view,\n                size,\n                frame,\n                usePortal,\n                negativeResultContent = 'Элементы не найдены',\n                enumerationType = 'comma',\n                opened = false,\n                alwaysOpened = false,\n                placement = 'bottom',\n                onToggle,\n                onKeyDown,\n                filterFunction,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLInputElement | null>(null);\n\n            const targetRef = useRef<HTMLInputElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const comboboxRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const inputRef = useRef<HTMLInputElement>(null);\n            const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n            const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n            const [isVisible, setIsVisible] = useState(alwaysOpened || opened);\n            const [search, setSearch] = useState<string | undefined>('');\n            const [filterValue, setFilterValue] = useState(search);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || opened);\n            }, [opened, alwaysOpened, disabled, readOnly]);\n\n            useEffect(() => {\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (alwaysOpened || opened) {\n                    setFilterValue('');\n                }\n            }, []);\n\n            const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n                if (!isVisible) {\n                    setFilterValue('');\n                }\n\n                if (onToggle) {\n                    onToggle(alwaysOpened || openValue, event);\n\n                    return;\n                }\n\n                setIsVisible(alwaysOpened || openValue);\n            };\n\n            const closedWithoutChanges = useRef(true);\n\n            const updateValue = (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                const {\n                    dataset: { value: newValue },\n                } = item;\n\n                if (rest.valueType === 'multiple') {\n                    const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                    rest.onChangeValue?.(newSelected);\n\n                    return;\n                }\n\n                const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                rest.onChangeValue?.(newSelected);\n\n                onInnerToggle?.(alwaysOpened || false, event);\n\n                closedWithoutChanges.current = false;\n            };\n\n            const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n                // INFO: Для корректной работы компонента Popper\n                event.stopPropagation();\n\n                const item = event.currentTarget as HTMLElement;\n\n                updateValue(item, event);\n            };\n\n            const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n                if (rest.valueType !== 'multiple') {\n                    return;\n                }\n\n                rest.onChangeValue?.(newValue);\n            };\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: isVisible,\n                enumerationType,\n                valueType,\n                componentType: 'combobox',\n                value,\n                search: filterValue,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n            const childrenMemo = getChildren(\n                childrenArray,\n                { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n                value,\n                filterValue,\n                filterFunction,\n            ).filter(Boolean);\n\n            const values = getValues(childrenArray, value);\n\n            const onSearch = (newSearch?: string, newOpened?: boolean) => {\n                setSearch(newSearch);\n                setFilterValue(newSearch);\n                setIsVisible(newOpened ?? true);\n            };\n\n            const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n                onKeyDown?.(event);\n                onKeyDownTarget(event);\n            };\n\n            useEffect(() => {\n                if (alwaysOpened && rest.valueType === 'single') {\n                    setSearch(String(value));\n                }\n            }, [value, alwaysOpened]);\n\n            return (\n                <StyledRoot ref={comboboxRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={-1}\n                        form={form}\n                        name={name}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                    />\n                    <StyledPopover\n                        role={role}\n                        opened={isVisible}\n                        onToggle={onInnerToggle}\n                        target={\n                            <ComboboxTarget\n                                opened={isVisible}\n                                values={values}\n                                label={label}\n                                placeholder={placeholder}\n                                search={search}\n                                enumerationType={enumerationType}\n                                valueType={valueType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                closedWithoutChanges={closedWithoutChanges}\n                                ref={handleRef}\n                                chipsRefs={chipsRefs}\n                                inputRef={inputRef}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onSearch={onSearch}\n                                onKeyDown={onKeyDownHandle}\n                                {...rest}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        frame={frame}\n                        trigger=\"click\"\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} view={view} size={size}>\n                            <StyledCombobox onKeyDown={onKeyDownSelect}>\n                                {childrenMemo.length ? (\n                                    childrenMemo\n                                ) : (\n                                    <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n                                )}\n                            </StyledCombobox>\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const comboboxConfig = {\n    name: 'Combobox',\n    tag: 'div',\n    layout: comboboxRoot,\n    base: '',\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["comboboxRoot","Root","forwardRef","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","negativeResultContent","enumerationType","opened","alwaysOpened","placement","onToggle","onKeyDown","filterFunction","rest","outerRootRef","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","valueType","value","offset","ref","setRef","useState","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","isVisible","setIsVisible","search","setSearch","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","dataset","newValue","newSelected","getNewSelected","onChangeValue","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","onKeyDownTarget","onKeyDownSelect","useKeyNavigation","componentType","updateOpened","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","String","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","StyledPopover","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js

@@ -1,12 +1,12 @@
 import { extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useCallback, useMemo } from 'react';
-import { safeUseId } from '@salutejs/plasma-core';
+import { cx } from '../../../../../utils/index.js';
 import { classes } from '../../Combobox.tokens.js';
 import { getValidComponent } from '../../utils/index.js';
-import { cx } from '../../../../../utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { StyledContentLeft, StyledText, StyledContentRight, base } from './ComboboxItem.styles.js';
+import { safeUseId } from '../../../../../utils/react.js';
 
 const comboboxItemRoot = Root => /*#__PURE__*/forwardRef(({
   id,