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

package/cjs/components/Autocomplete/Autocomplete.js

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
 var FloatingPopover = require('./FloatingPopover.js');
 var focusedReducer = require('./reducers/focusedReducer.js');
 var Autocomplete_styles = require('./Autocomplete.styles.js');
 var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
+var react = require('../../utils/react.js');
 var useOutsideClick = require('../../hooks/useOutsideClick.js');
 var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
 var TextField_styles = require('./ui/TextField/TextField.styles.js');
@@ -61,9 +61,9 @@ const autocompleteRoot = Root => /*#__PURE__*/React.forwardRef(({
   const [focused, dispatchFocused] = React.useReducer(focusedReducer.focusedReducer, null);
   const [innerValue, setInnerValue] = React.useState('');
   const [isOpen, setIsOpen] = React.useState(false);
-  const listId = plasmaCore.safeUseId();
+  const listId = react.safeUseId();
   const value = outerValue ?? innerValue;
-  const helperTextId = plasmaCore.safeUseId();
+  const helperTextId = react.safeUseId();
   const floatingPopoverRef = React.useRef(null);
   const targetRef = useOutsideClick.useOutsideClick(() => {
     setIsOpen(false);

package/cjs/components/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\nimport { useDidMountEffect, useOutsideClick } from 'src/hooks';\nimport { RootProps } from 'src/engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper, ListWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                keepPlaceholder,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight = '25rem',\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                renderItem,\n                onSearch,\n                hintText,\n                hintView = 'default',\n                hintSize = 'm',\n                beforeList,\n                afterList,\n                virtual = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n            const targetRef = useOutsideClick<HTMLUListElement>(() => {\n                setIsOpen(false);\n            }, floatingPopoverRef);\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n                event.stopPropagation();\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            useLayoutEffect(() => {\n                if (defaultValue) {\n                    setInnerValue(defaultValue);\n                }\n            }, [defaultValue]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    labelPlacement={labelPlacement}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    hintView={hintView}\n                    hintSize={hintSize}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isOpen}\n                        portal={portal}\n                        listWidth={listWidth}\n                        target={(referenceRef) => (\n                            <StyledTextField\n                                ref={ref}\n                                inputWrapperRef={referenceRef}\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                size={size}\n                                view={view}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                hintText={String(hintText || '')}\n                                labelPlacement={labelPlacement}\n                                keepPlaceholder={keepPlaceholder}\n                                leftHelper={\n                                    leftHelper && (\n                                        <StyledLeftHelper onClick={helperTextStopPropagation}>\n                                            {leftHelper}\n                                        </StyledLeftHelper>\n                                    )\n                                }\n                                {...rest}\n                            />\n                        )}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <ListWrapper>\n                                        <Ul\n                                            ref={targetRef}\n                                            id={listId}\n                                            role=\"listbox\"\n                                            aria-label={label}\n                                            onScroll={virtual ? undefined : onScroll}\n                                            listMaxHeight={listMaxHeight}\n                                            virtual={virtual}\n                                        >\n                                            {virtual ? (\n                                                <VirtualList\n                                                    items={finalResults}\n                                                    onClick={handleItemClick}\n                                                    listId={listId}\n                                                    listMaxHeight={listMaxHeight}\n                                                    onScroll={onScroll}\n                                                    renderItem={renderItem}\n                                                />\n                                            ) : (\n                                                <>\n                                                    {beforeList}\n\n                                                    {finalResults.map((suggestion, index) => (\n                                                        <SuggestionItem\n                                                            key={index}\n                                                            item={suggestion}\n                                                            onClick={handleItemClick}\n                                                            id={`${listId}/${index}`}\n                                                            focused={focused === index}\n                                                            renderItem={renderItem}\n                                                        />\n                                                    ))}\n\n                                                    {afterList}\n                                                </>\n                                            )}\n\n                                            {renderListEnd && (\n                                                <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                            )}\n                                        </Ul>\n                                    </ListWrapper>\n                                </Root>\n                            ))}\n                    </FloatingPopover>\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","value","outerValue","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","hintView","hintSize","beforeList","afterList","virtual","rest","ref","focused","dispatchFocused","useReducer","focusedReducer","innerValue","setInnerValue","useState","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","onKeyDown","useKeyNavigation","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","String","StyledLeftHelper","onClick","Boolean","ListWrapper","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from 'react';\nimport { safeUseId } from 'src/utils';\nimport { useDidMountEffect, useOutsideClick } from 'src/hooks';\nimport { RootProps } from 'src/engines';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { focusedReducer } from './reducers/focusedReducer';\nimport { SuggestionItem, StyledTextField, VirtualList } from './ui';\nimport { Ul, InfiniteLoaderWrapper, base, StyledLeftHelper, ListWrapper } from './Autocomplete.styles';\nimport type { AutocompleteProps, SuggestionItemType } from './Autocomplete.types';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\n/**\n * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.\n */\nexport const autocompleteRoot = (Root: RootProps<HTMLInputElement, Omit<AutocompleteProps, 'hintText'>>) =>\n    forwardRef<HTMLInputElement, AutocompleteProps>(\n        (\n            {\n                value: outerValue,\n                defaultValue,\n                onChange,\n                suggestions,\n                view,\n                size,\n                labelPlacement,\n                keepPlaceholder,\n                disabled,\n                readOnly,\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                onScroll,\n                listMaxHeight = '25rem',\n                listWidth,\n                portal,\n                filter,\n                onSuggestionSelect,\n                threshold = 2,\n                renderList,\n                renderListEnd,\n                renderItem,\n                onSearch,\n                hintText,\n                hintView = 'default',\n                hintSize = 'm',\n                beforeList,\n                afterList,\n                virtual = false,\n                ...rest\n            },\n            ref,\n        ) => {\n            const [focused, dispatchFocused] = useReducer(focusedReducer, null);\n            const [innerValue, setInnerValue] = useState<string | number>('');\n            const [isOpen, setIsOpen] = useState(false);\n\n            const listId = safeUseId();\n            const value = outerValue ?? innerValue;\n\n            const helperTextId = safeUseId();\n            const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n            const targetRef = useOutsideClick<HTMLUListElement>(() => {\n                setIsOpen(false);\n            }, floatingPopoverRef);\n\n            const handleFocus = () => {\n                if (value.toString().length >= threshold) {\n                    setIsOpen(true);\n                }\n            };\n\n            const handleItemClick = (e: SuggestionItemType) => {\n                setInnerValue(e.label);\n\n                if (onSuggestionSelect) {\n                    onSuggestionSelect(e);\n                }\n\n                setIsOpen(false);\n            };\n\n            const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n                const currentValue = e.target.value;\n\n                setInnerValue(currentValue);\n\n                if (onChange) {\n                    onChange(e);\n                }\n\n                if (currentValue.toString().length >= threshold) {\n                    setIsOpen(true);\n                } else {\n                    setIsOpen(false);\n                }\n            };\n\n            const defaultFilterCallback = ({ label }: { label: string }) => {\n                return label.toLowerCase().includes(value.toString().toLowerCase());\n            };\n\n            const helperTextStopPropagation = (event: React.MouseEvent<HTMLDivElement>) => {\n                event.stopPropagation();\n            };\n\n            const finalResults = suggestions?.filter(filter || defaultFilterCallback) || [];\n\n            const { onKeyDown } = useKeyNavigation({\n                isOpen,\n                setIsOpen,\n                focused,\n                dispatchFocused,\n                finalResults,\n                handleItemClick,\n            });\n\n            useDidMountEffect(() => {\n                dispatchFocused({ type: 'reset' });\n            }, [value]);\n\n            useLayoutEffect(() => {\n                if (defaultValue) {\n                    setInnerValue(defaultValue);\n                }\n            }, [defaultValue]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    labelPlacement={labelPlacement}\n                    disabled={disabled}\n                    readOnly={readOnly}\n                    hintView={hintView}\n                    hintSize={hintSize}\n                >\n                    <FloatingPopover\n                        ref={floatingPopoverRef}\n                        opened={isOpen}\n                        portal={portal}\n                        listWidth={listWidth}\n                        target={(referenceRef) => (\n                            <StyledTextField\n                                ref={ref}\n                                inputWrapperRef={referenceRef}\n                                value={value}\n                                onChange={handleChange}\n                                onSearch={focused === null ? onSearch : undefined}\n                                size={size}\n                                view={view}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                label={label}\n                                contentLeft={contentLeft}\n                                contentRight={contentRight}\n                                textBefore={textBefore}\n                                textAfter={textAfter}\n                                onFocus={handleFocus}\n                                onKeyDown={onKeyDown}\n                                role=\"combobox\"\n                                aria-autocomplete=\"list\"\n                                aria-controls={listId}\n                                aria-expanded={isOpen}\n                                aria-activedescendant={`${listId}/${focused}`}\n                                aria-describedby={helperTextId}\n                                hintText={String(hintText || '')}\n                                labelPlacement={labelPlacement}\n                                keepPlaceholder={keepPlaceholder}\n                                leftHelper={\n                                    leftHelper && (\n                                        <StyledLeftHelper onClick={helperTextStopPropagation}>\n                                            {leftHelper}\n                                        </StyledLeftHelper>\n                                    )\n                                }\n                                {...rest}\n                            />\n                        )}\n                    >\n                        {(renderList && renderList(finalResults)) ||\n                            (Boolean(finalResults.length) && (\n                                <Root\n                                    view={view}\n                                    size={size}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                >\n                                    <ListWrapper>\n                                        <Ul\n                                            ref={targetRef}\n                                            id={listId}\n                                            role=\"listbox\"\n                                            aria-label={label}\n                                            onScroll={virtual ? undefined : onScroll}\n                                            listMaxHeight={listMaxHeight}\n                                            virtual={virtual}\n                                        >\n                                            {virtual ? (\n                                                <VirtualList\n                                                    items={finalResults}\n                                                    onClick={handleItemClick}\n                                                    listId={listId}\n                                                    listMaxHeight={listMaxHeight}\n                                                    onScroll={onScroll}\n                                                    renderItem={renderItem}\n                                                />\n                                            ) : (\n                                                <>\n                                                    {beforeList}\n\n                                                    {finalResults.map((suggestion, index) => (\n                                                        <SuggestionItem\n                                                            key={index}\n                                                            item={suggestion}\n                                                            onClick={handleItemClick}\n                                                            id={`${listId}/${index}`}\n                                                            focused={focused === index}\n                                                            renderItem={renderItem}\n                                                        />\n                                                    ))}\n\n                                                    {afterList}\n                                                </>\n                                            )}\n\n                                            {renderListEnd && (\n                                                <InfiniteLoaderWrapper>{renderListEnd()}</InfiniteLoaderWrapper>\n                                            )}\n                                        </Ul>\n                                    </ListWrapper>\n                                </Root>\n                            ))}\n                    </FloatingPopover>\n                </Root>\n            );\n        },\n    );\n\nexport const autocompleteConfig = {\n    name: 'Autocomplete',\n    tag: 'div',\n    layout: autocompleteRoot,\n    base,\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            css: '',\n        },\n    },\n};\n"],"names":["autocompleteRoot","Root","forwardRef","value","outerValue","defaultValue","onChange","suggestions","view","size","labelPlacement","keepPlaceholder","disabled","readOnly","label","leftHelper","contentLeft","contentRight","textBefore","textAfter","onScroll","listMaxHeight","listWidth","portal","filter","onSuggestionSelect","threshold","renderList","renderListEnd","renderItem","onSearch","hintText","hintView","hintSize","beforeList","afterList","virtual","rest","ref","focused","dispatchFocused","useReducer","focusedReducer","innerValue","setInnerValue","useState","isOpen","setIsOpen","listId","safeUseId","helperTextId","floatingPopoverRef","useRef","targetRef","useOutsideClick","handleFocus","toString","length","handleItemClick","e","handleChange","currentValue","target","defaultFilterCallback","toLowerCase","includes","helperTextStopPropagation","event","stopPropagation","finalResults","onKeyDown","useKeyNavigation","useDidMountEffect","type","useLayoutEffect","React","createElement","FloatingPopover","opened","referenceRef","StyledTextField","_extends","inputWrapperRef","undefined","onFocus","role","String","StyledLeftHelper","onClick","Boolean","ListWrapper","Ul","id","VirtualList","items","Fragment","map","suggestion","index","SuggestionItem","key","item","InfiniteLoaderWrapper","autocompleteConfig","name","tag","layout","base","defaults","variations","css"],"mappings":"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"}

package/cjs/components/Autocomplete/FloatingPopover.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@floating-ui/react');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
+var react$1 = require('../../utils/react.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -43,7 +43,7 @@ const FloatingPopover = /*#__PURE__*/React.forwardRef(({
       }
     })]
   });
-  const wrappedId = plasmaCore.safeUseId();
+  const wrappedId = react$1.safeUseId();
 
   // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
   // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.

package/cjs/components/Autocomplete/FloatingPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Autocomplete/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, autoUpdate } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from '@salutejs/plasma-core';\n\nimport type { FloatingPopoverProps } from './Autocomplete.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, portal, listWidth }, 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: 'bottom-start',\n            open: opened,\n            middleware: [\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\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}>\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: 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":["FloatingPopover","forwardRef","target","children","opened","portal","listWidth","ref","refs","floatingStyles","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","placement","open","middleware","flip","fallbackAxisSideDirection","shift","size","apply","rects","elements","Object","assign","floating","style","width","reference","wrappedId","safeUseId","isTargetAsFunction","React","createElement","id","position","undefined","setReference","FloatingPortal","getFloatingPortalProps","setFloating","zIndex","root"],"mappings":"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"}
+{"version":3,"file":"FloatingPopover.js","sources":["../../../src/components/Autocomplete/FloatingPopover.tsx"],"sourcesContent":["import { flip, shift, size, useFloating, FloatingPortal, autoUpdate } from '@floating-ui/react';\nimport React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport type { FloatingPopoverProps } from './Autocomplete.types';\n\nconst FloatingPopover = forwardRef<HTMLDivElement, FloatingPopoverProps>(\n    ({ target, children, opened, portal, listWidth }, 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: 'bottom-start',\n            open: opened,\n            middleware: [\n                flip({ fallbackAxisSideDirection: 'end' }),\n                shift(),\n                size({\n                    apply({ rects, elements }) {\n                        Object.assign(elements.floating.style, {\n                            width: listWidth || `${rects.reference.width}px`,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const wrappedId = safeUseId();\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}>\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: 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":["FloatingPopover","forwardRef","target","children","opened","portal","listWidth","ref","refs","floatingStyles","useFloating","whileElementsMounted","referenceEl","floatingEl","update","autoUpdate","ancestorScroll","ancestorResize","layoutShift","placement","open","middleware","flip","fallbackAxisSideDirection","shift","size","apply","rects","elements","Object","assign","floating","style","width","reference","wrappedId","safeUseId","isTargetAsFunction","React","createElement","id","position","undefined","setReference","FloatingPortal","getFloatingPortalProps","setFloating","zIndex","root"],"mappings":"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"}

package/cjs/components/Checkbox/Checkbox.js

@@ -13,6 +13,7 @@ var base$3 = require('./variations/_focused/base.js');
 var IconsSvg = require('./IconsSvg.js');
 var Checkbox_styles = require('./Checkbox.styles.js');
 var Checkbox_tokens = require('./Checkbox.tokens.js');
+var react = require('../../utils/react.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -42,7 +43,7 @@ const checkboxRoot = Root => /*#__PURE__*/React.forwardRef((props, ref) => {
       inputRef.current.indeterminate = Boolean(indeterminate);
     }
   }, [inputRef, indeterminate]);
-  const uniqId = plasmaCore.safeUseId();
+  const uniqId = react.safeUseId();
   const uniqLabelId = `label-${uniqId}`;
   const uniqDescriptionId = `description-${uniqId}`;
   const checkboxId = id || `input-${uniqId}`;

package/cjs/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/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -15,6 +15,7 @@ var base$1 = require('./variations/_size/base.js');
 var SelectNative = require('./ui/SelectNative/SelectNative.js');
 var Combobox_context = require('./Combobox.context.js');
 var initialItemsTransform = require('./utils/initialItemsTransform.js');
+var react = require('../../../utils/react.js');
 var filterItems = require('./utils/filterItems.js');
 var pathReducer = require('./reducers/pathReducer.js');
 var focusedPathReducer = require('./reducers/focusedPathReducer.js');
@@ -95,7 +96,7 @@ const comboboxRoot = Root => /*#__PURE__*/React.forwardRef((props, ref) => {
   const inputRef = React.useRef(null);
   const floatingPopoverRef = React.useRef(null);
   const inputForkRef = plasmaCore.useForkRef(inputRef, ref);
-  const treeId = plasmaCore.safeUseId();
+  const treeId = react.safeUseId();
   const filteredItems = React.useMemo(() => filterItems.filterItems(transformedItems, textValue, valueToItemMap.get(value)?.label || value, filter), [transformedItems, textValue, filter]);
   const [pathMap, focusedToValueMap] = React.useMemo(() => getPathMaps.getPathMap(filteredItems), [filteredItems, textValue]);
 

package/cjs/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/cjs/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('@floating-ui/react');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
+var react$1 = require('../../../utils/react.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -52,7 +52,7 @@ const FloatingPopover = /*#__PURE__*/React.forwardRef(({
       }
     })]
   });
-  const wrappedId = plasmaCore.safeUseId();
+  const wrappedId = react$1.safeUseId();
   const handleClick = () => {
     if (onToggle) {
       onToggle(!opened);

package/cjs/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/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
 var FloatingPopover = require('../../FloatingPopover.js');
 var Combobox_styles = require('../../Combobox.styles.js');
+var react = require('../../../../../utils/react.js');
 var isEmpty = require('../../../../../utils/isEmpty.js');
 var Item = require('./ui/Item/Item.js');
 
@@ -36,7 +36,7 @@ const Inner = ({
     }
   };
   const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-  const treeId = plasmaCore.safeUseId();
+  const treeId = react.safeUseId();
   const listId = `${treeId}_tree_level_${currentLevel + 2}`;
   const nextLevel = currentLevel + 1;
   if (!isEmpty.isEmpty(item?.items)) {