@salutejs/plasma-new-hope 0.337.0-canary.2261.18122634710.0 → 0.337.0-canary.2262.18127312179.0

package/es/components/InformationWrapper/ui/Label/Label.js

@@ -1,7 +1,6 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { useState, useRef } from 'react';
 import cls from 'classnames';
-import { useForkRef } from '@salutejs/plasma-core';
 import { IndicatorWrapper, Label, HintWrapper, Indicator, OptionalText } from '../../InformationWrapper.styles.js';
 import { HintComponent } from '../Hint/Hint.js';
 import { classes } from '../../InformationWrapper.tokens.js';
@@ -29,11 +28,10 @@ var LabelComponent = function LabelComponent(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isHintVisible = _useState2[0],
     setIsHintVisible = _useState2[1];
-  var hintRef = useOutsideClick(function () {
+  var hintRef = useRef(null);
+  useOutsideClick(function () {
     setIsHintVisible(false);
-  });
-  var hintInnerRef = useRef(null);
-  var hintForkRef = useForkRef(hintRef, hintInnerRef);
+  }, [hintRef]);
   var innerOptional = Boolean(hasRequiredIndicator ? false : optional);
   var requiredPlacementClass = requiredIndicatorPlacement === 'left' ? classes.requiredAlignLeft : undefined;
   var handleHintShow = function handleHintShow() {
@@ -46,13 +44,13 @@ var LabelComponent = function LabelComponent(_ref) {
     return setIsHintVisible(false);
   };
   var handleHintClick = function handleHintClick(event) {
-    var _hintInnerRef$current;
+    var _hintRef$current;
     if (!hintText || hintTrigger !== 'click' || disabled) {
       return;
     }
     event.stopPropagation();
-    var targetIsPopover = event.target === hintInnerRef.current;
-    var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
+    var targetIsPopover = event.target === hintRef.current;
+    var rootHasTarget = (_hintRef$current = hintRef.current) === null || _hintRef$current === void 0 ? void 0 : _hintRef$current.contains(event.target);
     if (!targetIsPopover && !rootHasTarget) {
       setIsHintVisible(true);
     }
@@ -65,7 +63,7 @@ var LabelComponent = function LabelComponent(_ref) {
     className: cls(_defineProperty({}, classes.withoutLabel, !label)),
     hasCaption: Boolean(titleCaption)
   }, /*#__PURE__*/React.createElement(HintComponent, {
-    ref: hintForkRef,
+    ref: hintRef,
     size: size,
     hintText: hintText,
     hintTrigger: hintTrigger,

package/es/components/InformationWrapper/ui/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../src/components/InformationWrapper/ui/Label/Label.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport cx from 'classnames';\nimport { useForkRef } from '@salutejs/plasma-core';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { HintWrapper, Indicator, IndicatorWrapper, Label, OptionalText } from '../../InformationWrapper.styles';\nimport { HintComponent } from '../Hint/Hint';\nimport { classes } from '../../InformationWrapper.tokens';\n\nimport type { LabelComponentProps } from './Label.types';\n\nexport const LabelComponent = ({\n    size,\n    hasRequiredIndicator,\n    requiredIndicatorPlacement,\n    optional,\n    optionalText,\n    label,\n    labelHtmlFor,\n    titleCaption,\n    hintText,\n    hintTrigger,\n    hintTargetIcon,\n    hintPlacement,\n    hintHasArrow,\n    hintOffset,\n    hintWidth,\n    hintContentLeft,\n    disabled,\n}: LabelComponentProps) => {\n    const [isHintVisible, setIsHintVisible] = useState(false);\n\n    const hintRef = useOutsideClick<HTMLDivElement>(() => {\n        setIsHintVisible(false);\n    });\n    const hintInnerRef = useRef<HTMLDivElement>(null);\n    const hintForkRef = useForkRef(hintRef, hintInnerRef);\n\n    const innerOptional = Boolean(hasRequiredIndicator ? false : optional);\n    const requiredPlacementClass = requiredIndicatorPlacement === 'left' ? classes.requiredAlignLeft : undefined;\n\n    const handleHintShow = () => {\n        if (disabled) {\n            return;\n        }\n\n        setIsHintVisible(true);\n    };\n    const handleHintHide = () => setIsHintVisible(false);\n    const handleHintClick: MouseEventHandler = (event) => {\n        if (!hintText || hintTrigger !== 'click' || disabled) {\n            return;\n        }\n\n        event.stopPropagation();\n        const targetIsPopover = event.target === hintInnerRef.current;\n        const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n        if (!targetIsPopover && !rootHasTarget) {\n            setIsHintVisible(true);\n        }\n    };\n\n    return (\n        <IndicatorWrapper hasLabel={Boolean(label)}>\n            <Label htmlFor={labelHtmlFor}>{label}</Label>\n            {hintText && (\n                <HintWrapper className={cx({ [classes.withoutLabel]: !label })} hasCaption={Boolean(titleCaption)}>\n                    <HintComponent\n                        ref={hintForkRef}\n                        size={size}\n                        hintText={hintText}\n                        hintTrigger={hintTrigger}\n                        isHintVisible={isHintVisible}\n                        hintTargetIcon={hintTargetIcon}\n                        hintPlacement={hintPlacement}\n                        hintHasArrow={hintHasArrow}\n                        hintOffset={hintOffset}\n                        hintWidth={hintWidth}\n                        hintContentLeft={hintContentLeft}\n                        withoutLabel={!label}\n                        handleHintShow={handleHintShow}\n                        handleHintHide={handleHintHide}\n                        handleHintClick={handleHintClick}\n                    />\n                </HintWrapper>\n            )}\n            {hasRequiredIndicator && (\n                <Indicator\n                    className={cx(requiredPlacementClass, { [classes.withoutLabel]: !label })}\n                    hasCaption={Boolean(titleCaption)}\n                />\n            )}\n            {innerOptional && <OptionalText>{optionalText}</OptionalText>}\n        </IndicatorWrapper>\n    );\n};\n"],"names":["LabelComponent","_ref","size","hasRequiredIndicator","requiredIndicatorPlacement","optional","optionalText","label","labelHtmlFor","titleCaption","hintText","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","disabled","_useState","useState","_useState2","_slicedToArray","isHintVisible","setIsHintVisible","hintRef","useOutsideClick","hintInnerRef","useRef","hintForkRef","useForkRef","innerOptional","Boolean","requiredPlacementClass","classes","requiredAlignLeft","undefined","handleHintShow","handleHintHide","handleHintClick","event","_hintInnerRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","React","createElement","IndicatorWrapper","hasLabel","Label","htmlFor","HintWrapper","className","cx","_defineProperty","withoutLabel","hasCaption","HintComponent","ref","Indicator","OptionalText"],"mappings":"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"}
+{"version":3,"file":"Label.js","sources":["../../../../../src/components/InformationWrapper/ui/Label/Label.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport cx from 'classnames';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { HintWrapper, Indicator, IndicatorWrapper, Label, OptionalText } from '../../InformationWrapper.styles';\nimport { HintComponent } from '../Hint/Hint';\nimport { classes } from '../../InformationWrapper.tokens';\n\nimport type { LabelComponentProps } from './Label.types';\n\nexport const LabelComponent = ({\n    size,\n    hasRequiredIndicator,\n    requiredIndicatorPlacement,\n    optional,\n    optionalText,\n    label,\n    labelHtmlFor,\n    titleCaption,\n    hintText,\n    hintTrigger,\n    hintTargetIcon,\n    hintPlacement,\n    hintHasArrow,\n    hintOffset,\n    hintWidth,\n    hintContentLeft,\n    disabled,\n}: LabelComponentProps) => {\n    const [isHintVisible, setIsHintVisible] = useState(false);\n\n    const hintRef = useRef<HTMLDivElement>(null);\n\n    useOutsideClick(() => {\n        setIsHintVisible(false);\n    }, [hintRef]);\n\n    const innerOptional = Boolean(hasRequiredIndicator ? false : optional);\n    const requiredPlacementClass = requiredIndicatorPlacement === 'left' ? classes.requiredAlignLeft : undefined;\n\n    const handleHintShow = () => {\n        if (disabled) {\n            return;\n        }\n\n        setIsHintVisible(true);\n    };\n    const handleHintHide = () => setIsHintVisible(false);\n    const handleHintClick: MouseEventHandler = (event) => {\n        if (!hintText || hintTrigger !== 'click' || disabled) {\n            return;\n        }\n\n        event.stopPropagation();\n        const targetIsPopover = event.target === hintRef.current;\n        const rootHasTarget = hintRef.current?.contains(event.target as Element);\n\n        if (!targetIsPopover && !rootHasTarget) {\n            setIsHintVisible(true);\n        }\n    };\n\n    return (\n        <IndicatorWrapper hasLabel={Boolean(label)}>\n            <Label htmlFor={labelHtmlFor}>{label}</Label>\n            {hintText && (\n                <HintWrapper className={cx({ [classes.withoutLabel]: !label })} hasCaption={Boolean(titleCaption)}>\n                    <HintComponent\n                        ref={hintRef}\n                        size={size}\n                        hintText={hintText}\n                        hintTrigger={hintTrigger}\n                        isHintVisible={isHintVisible}\n                        hintTargetIcon={hintTargetIcon}\n                        hintPlacement={hintPlacement}\n                        hintHasArrow={hintHasArrow}\n                        hintOffset={hintOffset}\n                        hintWidth={hintWidth}\n                        hintContentLeft={hintContentLeft}\n                        withoutLabel={!label}\n                        handleHintShow={handleHintShow}\n                        handleHintHide={handleHintHide}\n                        handleHintClick={handleHintClick}\n                    />\n                </HintWrapper>\n            )}\n            {hasRequiredIndicator && (\n                <Indicator\n                    className={cx(requiredPlacementClass, { [classes.withoutLabel]: !label })}\n                    hasCaption={Boolean(titleCaption)}\n                />\n            )}\n            {innerOptional && <OptionalText>{optionalText}</OptionalText>}\n        </IndicatorWrapper>\n    );\n};\n"],"names":["LabelComponent","_ref","size","hasRequiredIndicator","requiredIndicatorPlacement","optional","optionalText","label","labelHtmlFor","titleCaption","hintText","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","disabled","_useState","useState","_useState2","_slicedToArray","isHintVisible","setIsHintVisible","hintRef","useRef","useOutsideClick","innerOptional","Boolean","requiredPlacementClass","classes","requiredAlignLeft","undefined","handleHintShow","handleHintHide","handleHintClick","event","_hintRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","React","createElement","IndicatorWrapper","hasLabel","Label","htmlFor","HintWrapper","className","cx","_defineProperty","withoutLabel","hasCaption","HintComponent","ref","Indicator","OptionalText"],"mappings":"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"}

package/es/components/Select/Select.js

@@ -146,12 +146,14 @@ var selectRoot = function selectRoot(Root) {
       hintWidth: hintWidth,
       hintHasArrow: hintHasArrow
     };
-    var targetRef = useOutsideClick(function () {
+
+    /* Логика работы при клике за пределами выпадающего списка */
+    useOutsideClick(function () {
       if (!isCurrentListOpen) {
         return;
       }
       handleListToggle(false);
-    }, floatingPopoverRef);
+    }, [floatingPopoverRef, listWrapperRef]);
     var onChange = function onChange(newValue, item) {
       if (props.onChange) {
         // Условие для отправки если компонент используется без формы.
@@ -439,7 +441,6 @@ var selectRoot = function selectRoot(Root) {
       "aria-multiselectable": Boolean(props.multiselect),
       listMaxHeight: listMaxHeight || listHeight,
       onScroll: virtual ? undefined : handleScroll,
-      ref: targetRef,
       virtual: virtual
     }, beforeList, props.multiselect && props.selectAllOptions &&
     /*#__PURE__*/

package/es/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useState,\n    useReducer,\n    useMemo,\n    useLayoutEffect,\n    useRef,\n    ChangeEvent,\n    ForwardedRef,\n} from 'react';\nimport { RootProps } from 'src/engines';\nimport { isEmpty, safeUseId } from 'src/utils';\nimport { useOutsideClick } from 'src/hooks';\n\nimport type { HintProps } from '../TextField/TextField.types';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner, Target, VirtualList, SelectAll } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base, ListWrapper } from './Select.styles';\nimport type { MergedSelectProps, RequiredProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\nimport { SelectNative } from './ui/SelectNative/SelectNative';\nimport { Context } from './Select.context';\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n    forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n        const {\n            // eslint-disable-block @typescript-eslint/ban-ts-comment\n            id,\n            value: outerValue,\n            onChange: outerOnChange,\n            target = 'textfield-like',\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement,\n            placeholder,\n            helperText,\n            disabled = false,\n            readOnly = false,\n            view: outerView,\n            size,\n            listOverflow,\n            listHeight,\n            listMaxHeight,\n            listWidth,\n            contentLeft,\n            onScrollBottom,\n            onScroll,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            renderItem,\n            status,\n            onItemSelect,\n            separator,\n            closeAfterSelect: outerCloseAfterSelect,\n            isTargetAmount,\n            beforeList,\n            afterList,\n            zIndex,\n            name,\n            defaultValue,\n            virtual = false,\n            onToggle,\n            chipType,\n            multiselect,\n            mode = 'default',\n            // @ts-ignore\n            _offset,\n\n            // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.\n            // @ts-ignore\n            required,\n            // @ts-ignore\n            requiredPlacement,\n            // @ts-ignore\n            hasRequiredIndicator,\n            // @ts-ignore\n            optional,\n            // @ts-ignore\n            hintText,\n            // @ts-ignore\n            hintTrigger,\n            // @ts-ignore\n            hintView,\n            // @ts-ignore\n            hintSize,\n            // @ts-ignore\n            hintTargetPlacement,\n            // @ts-ignore\n            hintPlacement,\n            // @ts-ignore\n            hintWidth,\n            // @ts-ignore\n            hintHasArrow,\n            // @ts-ignore\n            hasHint,\n            ...rest\n        } = props;\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n        const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n            props.multiselect ? [] : '',\n        );\n\n        const value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;\n\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n        const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n        const treeId = safeUseId();\n        const listWrapperRef = useRef<HTMLDivElement>(null);\n        const view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);\n        const rootRef = useRef<HTMLInputElement>(null);\n\n        // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.\n        const requiredProps =\n            props.target === 'button-like'\n                ? undefined\n                : ({\n                      required,\n                      requiredPlacement,\n                      hasRequiredIndicator,\n                      optional,\n                  } as RequiredProps);\n\n        // Собираем объект с пропсами для hint и прокидываем их напрямую в компонент Textfield.\n        const hintProps =\n            props.target === 'button-like'\n                ? undefined\n                : ({\n                      hintText,\n                      hintTrigger,\n                      hintView,\n                      hintSize,\n                      hintTargetPlacement,\n                      hintPlacement,\n                      hintWidth,\n                      hintHasArrow,\n                  } as HintProps);\n\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            handleListToggle(false);\n        }, floatingPopoverRef);\n\n        const onChange = (\n            newValue?: string | number | Array<string | number> | ChangeEvent<HTMLSelectElement> | null,\n            item?: MergedDropdownNodeTransformed | null,\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                // Убрать условие \"typeof ref === 'function'\" в PLASMA 2.0\n                if (props.name && typeof newValue === 'object' && !Array.isArray(newValue)) {\n                    props.onChange(newValue as any, item || null);\n                }\n            }\n\n            // Условие для изменения внутреннего значения (только если newValue строка или массив строк).\n            if (typeof newValue === 'string' || Array.isArray(newValue)) {\n                setInternalValue(newValue);\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                const el = rootRef?.current?.querySelector('.input-scrollable-wrapper');\n                if (multiselect && value.length > 0 && el) {\n                    el.scrollLeft = 0;\n                }\n            }\n\n            if (onToggle) {\n                onToggle(opened);\n            }\n        };\n\n        const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n            if (!props.multiselect) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            switch (checkedCopy.get(item.value)) {\n                // Если чекбокс в состоянии indeterminate\n                case 'indeterminate': {\n                    updateDescendants(item, checkedCopy, true, valueToItemMap);\n                    break;\n                }\n                // Если чекбокс в состоянии checked\n                case true: {\n                    updateDescendants(item, checkedCopy, false, valueToItemMap);\n                    checkedCopy.set(item.value, false);\n                    break;\n                }\n                // Если чекбокс в состоянии unchecked\n                case false: {\n                    updateDescendants(item, checkedCopy, true, valueToItemMap);\n                    checkedCopy.set(item.value, true);\n                    break;\n                }\n                default: {\n                    break;\n                }\n            }\n\n            const newValues: Array<string | number> = [];\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 (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues, item);\n            }\n        };\n\n        const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (props.multiselect) {\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 (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            // Закрываем список, если элемент уже выбран.\n            if (mode === 'radio' && isCurrentChecked) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value, item);\n            }\n\n            if (onItemSelect) {\n                onItemSelect(item, e!);\n            }\n        };\n\n        const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (props.multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (onScroll) {\n                onScroll(e);\n            }\n\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\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) || typeof value === 'number') {\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            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        useLayoutEffect(() => {\n            if (defaultValue) {\n                setInternalValue(defaultValue as string | string[]);\n            }\n        }, [defaultValue]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                labelPlacement={labelPlacement}\n                chipView={chipView}\n                disabled={disabled}\n                readOnly={readOnly}\n                id={id}\n                ref={rootRef}\n                {...(rest as any)}\n            >\n                {name && (\n                    <SelectNative\n                        items={valueToItemMap}\n                        name={name}\n                        value={internalValue}\n                        multiselect={props.multiselect}\n                        onChange={onChange}\n                        onSetValue={setInternalValue}\n                        ref={ref as ForwardedRef<HTMLButtonElement>}\n                    />\n                )}\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect: props.multiselect,\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                        offset={_offset}\n                        target={(referenceRef) => (\n                            <Target\n                                ref={name ? null : ref}\n                                value={value}\n                                opened={isCurrentListOpen}\n                                valueToItemMap={valueToItemMap}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                labelPlacement={labelPlacement}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                renderValue={renderValue}\n                                selectProps={props}\n                                inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n                                multiselect={props.multiselect}\n                                view={view}\n                                helperText={helperText}\n                                treeId={treeId}\n                                activeDescendantItemValue={activeDescendantItemValue}\n                                isTargetAmount={isTargetAmount}\n                                onChange={onChange}\n                                chipView={chipView}\n                                separator={separator}\n                                requiredProps={requiredProps}\n                                hintProps={hintProps}\n                            />\n                        )}\n                        zIndex={zIndex}\n                        isInner={false}\n                    >\n                        <Root\n                            view={view}\n                            size={size}\n                            labelPlacement={labelPlacement}\n                            chipView={chipView}\n                            disabled={disabled}\n                            readOnly={readOnly}\n                            {...(rest as any)}\n                        >\n                            <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(props.multiselect)}\n                                    listMaxHeight={listMaxHeight || listHeight}\n                                    onScroll={virtual ? undefined : handleScroll}\n                                    ref={targetRef}\n                                    virtual={virtual}\n                                >\n                                    {beforeList}\n\n                                    {props.multiselect && props.selectAllOptions && (\n                                        // TODO: #2004\n                                        <SelectAll selectAllOptions={props.selectAllOptions} variant={variant} />\n                                    )}\n\n                                    {virtual ? (\n                                        <VirtualList\n                                            items={transformedItems}\n                                            listMaxHeight={listMaxHeight || listHeight}\n                                            onScroll={onScroll}\n                                        />\n                                    ) : (\n                                        transformedItems.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                                                portal={listWrapperRef}\n                                            />\n                                        ))\n                                    )}\n                                    {afterList}\n                                </Ul>\n                            </ListWrapper>\n                        </Root>\n                    </FloatingPopover>\n                </Context.Provider>\n            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n        chipView: 'default',\n    },\n};\n"],"names":["selectRoot","Root","forwardRef","props","ref","_getItemByFocused","id","outerValue","value","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","_props$readOnly","readOnly","outerView","view","size","listHeight","listMaxHeight","listWidth","contentLeft","onScrollBottom","onScroll","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","beforeList","afterList","zIndex","name","defaultValue","_props$virtual","virtual","onToggle","multiselect","_props$mode","mode","_offset","required","requiredPlacement","hasRequiredIndicator","optional","hintText","hintTrigger","hintView","hintSize","hintTargetPlacement","hintPlacement","hintWidth","hintHasArrow","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useState","useState","_useState2","internalValue","setInternalValue","undefined","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","listWrapperRef","getView","rootRef","requiredProps","hintProps","targetRef","useOutsideClick","handleListToggle","onChange","newValue","item","Array","isArray","_typeof","opened","type","_rootRef$current","el","current","querySelector","length","scrollLeft","handleCheckboxChange","checkedCopy","Map","get","updateDescendants","set","newValues","forEach","key","push","val","has","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","updateAncestors","updateSingleAncestors","React","createElement","_extends","SelectNative","onSetValue","Context","Provider","_checkboxAppearance","FloatingPopover","offset","referenceRef","Target","selectProps","inputWrapperRef","isInner","ListWrapper","Ul","role","concat","selectAllOptions","SelectAll","VirtualList","map","index","Inner","currentLevel","selectConfig","tag","layout","base","variations","defaults"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    useState,\n    useReducer,\n    useMemo,\n    useLayoutEffect,\n    useRef,\n    ChangeEvent,\n    ForwardedRef,\n} from 'react';\nimport { RootProps } from 'src/engines';\nimport { isEmpty, safeUseId } from 'src/utils';\nimport { useOutsideClick } from 'src/hooks';\n\nimport type { HintProps } from '../TextField/TextField.types';\n\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';\nimport { Inner, Target, VirtualList, SelectAll } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { Ul, base, ListWrapper } from './Select.styles';\nimport type { MergedSelectProps, RequiredProps } from './Select.types';\nimport type { MergedDropdownNodeTransformed } from './ui/Inner/ui/Item/Item.types';\nimport { FloatingPopover } from './FloatingPopover';\nimport { SelectNative } from './ui/SelectNative/SelectNative';\nimport { Context } from './Select.context';\n\n/**\n * Выпадающий список. Поддерживает выбор одного или нескольких значений.\n */\nexport const selectRoot = (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) =>\n    forwardRef<HTMLButtonElement, MergedSelectProps>((props, ref) => {\n        const {\n            // eslint-disable-block @typescript-eslint/ban-ts-comment\n            id,\n            value: outerValue,\n            onChange: outerOnChange,\n            target = 'textfield-like',\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement,\n            placeholder,\n            helperText,\n            disabled = false,\n            readOnly = false,\n            view: outerView,\n            size,\n            listOverflow,\n            listHeight,\n            listMaxHeight,\n            listWidth,\n            contentLeft,\n            onScrollBottom,\n            onScroll,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            renderItem,\n            status,\n            onItemSelect,\n            separator,\n            closeAfterSelect: outerCloseAfterSelect,\n            isTargetAmount,\n            beforeList,\n            afterList,\n            zIndex,\n            name,\n            defaultValue,\n            virtual = false,\n            onToggle,\n            chipType,\n            multiselect,\n            mode = 'default',\n            // @ts-ignore\n            _offset,\n\n            // Извлекаем пропсы для required и hint, чтобы они не попадали в DOM.\n            // @ts-ignore\n            required,\n            // @ts-ignore\n            requiredPlacement,\n            // @ts-ignore\n            hasRequiredIndicator,\n            // @ts-ignore\n            optional,\n            // @ts-ignore\n            hintText,\n            // @ts-ignore\n            hintTrigger,\n            // @ts-ignore\n            hintView,\n            // @ts-ignore\n            hintSize,\n            // @ts-ignore\n            hintTargetPlacement,\n            // @ts-ignore\n            hintPlacement,\n            // @ts-ignore\n            hintWidth,\n            // @ts-ignore\n            hintHasArrow,\n            // @ts-ignore\n            hasHint,\n            ...rest\n        } = props;\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n        const [internalValue, setInternalValue] = useState<string | number | Array<string | number>>(\n            props.multiselect ? [] : '',\n        );\n\n        const value = outerValue !== null && outerValue !== undefined ? outerValue : internalValue;\n\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value.toString() || '';\n        const closeAfterSelect = outerCloseAfterSelect ?? !props.multiselect;\n        const treeId = safeUseId();\n        const listWrapperRef = useRef<HTMLDivElement>(null);\n        const view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);\n        const rootRef = useRef<HTMLInputElement>(null);\n\n        // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.\n        const requiredProps =\n            props.target === 'button-like'\n                ? undefined\n                : ({\n                      required,\n                      requiredPlacement,\n                      hasRequiredIndicator,\n                      optional,\n                  } as RequiredProps);\n\n        // Собираем объект с пропсами для hint и прокидываем их напрямую в компонент Textfield.\n        const hintProps =\n            props.target === 'button-like'\n                ? undefined\n                : ({\n                      hintText,\n                      hintTrigger,\n                      hintView,\n                      hintSize,\n                      hintTargetPlacement,\n                      hintPlacement,\n                      hintWidth,\n                      hintHasArrow,\n                  } as HintProps);\n\n        /* Логика работы при клике за пределами выпадающего списка */\n        useOutsideClick(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            handleListToggle(false);\n        }, [floatingPopoverRef, listWrapperRef]);\n\n        const onChange = (\n            newValue?: string | number | Array<string | number> | ChangeEvent<HTMLSelectElement> | null,\n            item?: MergedDropdownNodeTransformed | null,\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                // Убрать условие \"typeof ref === 'function'\" в PLASMA 2.0\n                if (props.name && typeof newValue === 'object' && !Array.isArray(newValue)) {\n                    props.onChange(newValue as any, item || null);\n                }\n            }\n\n            // Условие для изменения внутреннего значения (только если newValue строка или массив строк).\n            if (typeof newValue === 'string' || Array.isArray(newValue)) {\n                setInternalValue(newValue);\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                const el = rootRef?.current?.querySelector('.input-scrollable-wrapper');\n                if (multiselect && value.length > 0 && el) {\n                    el.scrollLeft = 0;\n                }\n            }\n\n            if (onToggle) {\n                onToggle(opened);\n            }\n        };\n\n        const handleCheckboxChange = (item: MergedDropdownNodeTransformed) => {\n            if (!props.multiselect) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            switch (checkedCopy.get(item.value)) {\n                // Если чекбокс в состоянии indeterminate\n                case 'indeterminate': {\n                    updateDescendants(item, checkedCopy, true, valueToItemMap);\n                    break;\n                }\n                // Если чекбокс в состоянии checked\n                case true: {\n                    updateDescendants(item, checkedCopy, false, valueToItemMap);\n                    checkedCopy.set(item.value, false);\n                    break;\n                }\n                // Если чекбокс в состоянии unchecked\n                case false: {\n                    updateDescendants(item, checkedCopy, true, valueToItemMap);\n                    checkedCopy.set(item.value, true);\n                    break;\n                }\n                default: {\n                    break;\n                }\n            }\n\n            const newValues: Array<string | number> = [];\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 (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(newValues, item);\n            }\n        };\n\n        const handleItemClick = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (props.multiselect) {\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 (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            // Закрываем список, если элемент уже выбран.\n            if (mode === 'radio' && isCurrentChecked) {\n                return;\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value, item);\n            }\n\n            if (onItemSelect) {\n                onItemSelect(item, e!);\n            }\n        };\n\n        const handlePressDown = (item: MergedDropdownNodeTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (props.multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\n            if (onScroll) {\n                onScroll(e);\n            }\n\n            if (!onScrollBottom) return;\n\n            const { target } = e;\n\n            if (\n                (target as HTMLElement).scrollHeight - (target as HTMLElement).scrollTop ===\n                (target as HTMLElement).clientHeight\n            ) {\n                onScrollBottom(e);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleListToggle,\n            handlePressDown,\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) || typeof value === 'number') {\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            // В deps мы кладем именно outerValue и internalValue, а не просто value.\n            // Т.к. вначале нужно отфильтровать и провалидировать outerValue и результат положить в переменную.\n            // А переменную, содержащую сложные типы данных, нельзя помещать в deps.\n        }, [outerValue, internalValue, items]);\n\n        useLayoutEffect(() => {\n            if (defaultValue) {\n                setInternalValue(defaultValue as string | string[]);\n            }\n        }, [defaultValue]);\n\n        return (\n            <Root\n                view={view}\n                size={size}\n                labelPlacement={labelPlacement}\n                chipView={chipView}\n                disabled={disabled}\n                readOnly={readOnly}\n                id={id}\n                ref={rootRef}\n                {...(rest as any)}\n            >\n                {name && (\n                    <SelectNative\n                        items={valueToItemMap}\n                        name={name}\n                        value={internalValue}\n                        multiselect={props.multiselect}\n                        onChange={onChange}\n                        onSetValue={setInternalValue}\n                        ref={ref as ForwardedRef<HTMLButtonElement>}\n                    />\n                )}\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect: props.multiselect,\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                        offset={_offset}\n                        target={(referenceRef) => (\n                            <Target\n                                ref={name ? null : ref}\n                                value={value}\n                                opened={isCurrentListOpen}\n                                valueToItemMap={valueToItemMap}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                labelPlacement={labelPlacement}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                                renderValue={renderValue}\n                                selectProps={props}\n                                inputWrapperRef={referenceRef as React.MutableRefObject<HTMLDivElement>}\n                                multiselect={props.multiselect}\n                                view={view}\n                                helperText={helperText}\n                                treeId={treeId}\n                                activeDescendantItemValue={activeDescendantItemValue}\n                                isTargetAmount={isTargetAmount}\n                                onChange={onChange}\n                                chipView={chipView}\n                                separator={separator}\n                                requiredProps={requiredProps}\n                                hintProps={hintProps}\n                            />\n                        )}\n                        zIndex={zIndex}\n                        isInner={false}\n                    >\n                        <Root\n                            view={view}\n                            size={size}\n                            labelPlacement={labelPlacement}\n                            chipView={chipView}\n                            disabled={disabled}\n                            readOnly={readOnly}\n                            {...(rest as any)}\n                        >\n                            <ListWrapper ref={listWrapperRef} listWidth={listWidth}>\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(props.multiselect)}\n                                    listMaxHeight={listMaxHeight || listHeight}\n                                    onScroll={virtual ? undefined : handleScroll}\n                                    virtual={virtual}\n                                >\n                                    {beforeList}\n\n                                    {props.multiselect && props.selectAllOptions && (\n                                        // TODO: #2004\n                                        <SelectAll selectAllOptions={props.selectAllOptions} variant={variant} />\n                                    )}\n\n                                    {virtual ? (\n                                        <VirtualList\n                                            items={transformedItems}\n                                            listMaxHeight={listMaxHeight || listHeight}\n                                            onScroll={onScroll}\n                                        />\n                                    ) : (\n                                        transformedItems.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                                                portal={listWrapperRef}\n                                            />\n                                        ))\n                                    )}\n                                    {afterList}\n                                </Ul>\n                            </ListWrapper>\n                        </Root>\n                    </FloatingPopover>\n                </Context.Provider>\n            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {},\n    defaults: {\n        view: 'default',\n        size: 'm',\n        labelPlacement: 'outer',\n        chipView: 'default',\n    },\n};\n"],"names":["selectRoot","Root","forwardRef","props","ref","_getItemByFocused","id","outerValue","value","_props$target","target","items","_props$placement","placement","label","labelPlacement","placeholder","helperText","_props$disabled","disabled","_props$readOnly","readOnly","outerView","view","size","listHeight","listMaxHeight","listWidth","contentLeft","onScrollBottom","onScroll","chipView","_props$variant","variant","portal","renderValue","renderItem","status","onItemSelect","separator","outerCloseAfterSelect","closeAfterSelect","isTargetAmount","beforeList","afterList","zIndex","name","defaultValue","_props$virtual","virtual","onToggle","multiselect","_props$mode","mode","_offset","required","requiredPlacement","hasRequiredIndicator","optional","hintText","hintTrigger","hintView","hintSize","hintTargetPlacement","hintPlacement","hintWidth","hintHasArrow","rest","_objectWithoutProperties","_excluded","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","_slicedToArray","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useState","useState","_useState2","internalValue","setInternalValue","undefined","floatingPopoverRef","useRef","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState3","_useState4","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","toString","treeId","safeUseId","listWrapperRef","getView","rootRef","requiredProps","hintProps","useOutsideClick","handleListToggle","onChange","newValue","item","Array","isArray","_typeof","opened","type","_rootRef$current","el","current","querySelector","length","scrollLeft","handleCheckboxChange","checkedCopy","Map","get","updateDescendants","set","newValues","forEach","key","push","val","has","handleItemClick","e","isEmpty","stopPropagation","isCurrentChecked","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","useLayoutEffect","_","updateAncestors","updateSingleAncestors","React","createElement","_extends","SelectNative","onSetValue","Context","Provider","_checkboxAppearance","FloatingPopover","offset","referenceRef","Target","selectProps","inputWrapperRef","isInner","ListWrapper","Ul","role","concat","selectAllOptions","SelectAll","VirtualList","map","index","Inner","currentLevel","selectConfig","tag","layout","base","variations","defaults"],"mappings":"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"}

package/es/components/Table/ui/EditableCell/EditableCell.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState } from 'react';
+import React, { useState, useRef } from 'react';
 import { flexRender } from '@tanstack/react-table';
 import { Resizer } from '../../Table.styles.js';
 import { SELECT_COLUMN_ID } from '../../Table.js';
@@ -34,9 +34,10 @@ var EditableCell = function EditableCell(_ref) {
     editingMode = _useState4[0],
     setEditingMode = _useState4[1];
   var updateData = (_table$options$meta = table.options.meta) === null || _table$options$meta === void 0 ? void 0 : _table$options$meta.updateData;
-  var ref = useOutsideClick(function () {
+  var ref = useRef(null);
+  useOutsideClick(function () {
     setEditingMode(false);
-  });
+  }, [ref]);
   var handleEditClick = function handleEditClick(e) {
     e.stopPropagation();
     setEditingMode(true);

package/es/components/Table/ui/EditableCell/EditableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n};\n\nexport const EditableCell: React.FC<Props> = ({ size, view, cell, borderVariant, table, selected }) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useOutsideClick<HTMLTableDataCellElement>(() => {\n        setEditingMode(false);\n    });\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}
+{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { flexRender, Table, Cell as CellType } from '@tanstack/react-table';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\nimport { classes } from '../../Table.tokens';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport {\n    ContentWrapper,\n    Td,\n    IconDoneButton,\n    Input,\n    InnerWrapper,\n    InputWrapper,\n    EditModeWrapper,\n    IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n    Enter: 'Enter',\n    Tab: 'Tab',\n    Escape: 'Escape',\n};\n\ntype Props = {\n    size: TableProps['size'];\n    view: TableProps['view'];\n    cell: CellType<TableRowData, unknown>;\n    borderVariant: TableProps['borderVariant'];\n    selected: boolean;\n    table: Table<TableRowData>;\n};\n\nexport const EditableCell: React.FC<Props> = ({ size, view, cell, borderVariant, table, selected }) => {\n    const [value, setValue] = useState<string>(cell.getValue() as string);\n    const [editingMode, setEditingMode] = useState(false);\n\n    const updateData = table.options.meta?.updateData;\n\n    const ref = useRef<HTMLTableCellElement>(null);\n\n    useOutsideClick(() => {\n        setEditingMode(false);\n    }, [ref]);\n\n    const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n        e.stopPropagation();\n\n        setEditingMode(true);\n        setValue(cell.getValue() as string);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n    const handleReset = () => {\n        setValue(cell.getValue() as string);\n    };\n\n    const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n        e.stopPropagation();\n\n        if (updateData) {\n            updateData(cell.row.id, cell.column.id, value);\n        }\n        setEditingMode(false);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        switch (event.code) {\n            case keys.Enter: {\n                if (updateData) {\n                    updateData(cell.row.id, cell.column.id, value);\n                }\n\n                setEditingMode(false);\n\n                break;\n            }\n\n            case keys.Escape:\n            case keys.Tab: {\n                setEditingMode(false);\n\n                break;\n            }\n\n            default: {\n                break;\n            }\n        }\n    };\n\n    return (\n        <Td\n            key={cell.id}\n            borderVariant={borderVariant}\n            selectionCell={cell.column.id === SELECT_COLUMN_ID}\n            onClick={handleEditClick}\n            editingMode={editingMode}\n            selected={selected}\n            view={view}\n            ref={ref}\n        >\n            <InnerWrapper>\n                {editingMode ? (\n                    <EditModeWrapper>\n                        <InputWrapper>\n                            {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n                            <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n                            <IconResetButton onClick={handleReset} tabIndex={-1}>\n                                <IconResetOutline size={getIconSize(size)} />\n                            </IconResetButton>\n                        </InputWrapper>\n\n                        <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n                            <IconDoneCircleOutline size={getIconSize(size)} />\n                        </IconDoneButton>\n                    </EditModeWrapper>\n                ) : (\n                    <ContentWrapper>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n                        <IconEditOutline size=\"xs\" className={classes.editIcon} color=\"var(--text-secondary)\" />\n                    </ContentWrapper>\n                )}\n            </InnerWrapper>\n\n            {cell.column.getIsResizing() && <Resizer isResizing />}\n        </Td>\n    );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","_table$options$meta","size","view","cell","borderVariant","table","selected","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useRef","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","IconEditOutline","className","classes","editIcon","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}

package/es/components/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 import './TextArea_c31ipk.css';
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef, useState, useRef, useLayoutEffect, useCallback, createRef } from 'react';
-import { useForkRef, useResizeObserver } from '@salutejs/plasma-core';
+import { useResizeObserver } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
 import { OuterLabelWrapper, StyledIndicatorWrapper, StyledLabel, StyledHintWrapper, StyledIndicator, TitleCaption, StyledContainer, StyledTextAreaWrapper, StyledHeaderSlot, StyledContent, StyledContentWrapper, StyledPlaceholder, StyledTextArea, StyledHiddenTextArea, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledOutsideHelpersWrapper, StyledOptionalText } from './TextArea.styles.js';
 import { classes } from './TextArea.tokens.js';
@@ -141,11 +141,10 @@ var textAreaRoot = function textAreaRoot(Root) {
       setUncontrolledValue = _useState8[1];
     var outerRef = /*#__PURE__*/createRef();
     var hiddenRef = useRef(null);
-    var hintRef = useOutsideClick(function () {
+    var hintRef = useRef(null);
+    useOutsideClick(function () {
       setIsHintVisible(false);
-    });
-    var hintInnerRef = useRef(null);
-    var hintForkRef = useForkRef(hintRef, hintInnerRef);
+    }, [hintRef]);
     var isInnerLeftHelperPlacement = leftHelperPlacement === 'inner';
     var leftHelperText = leftHelper || helperText;
     var innerOptional = required ? false : optional;
@@ -173,13 +172,13 @@ var textAreaRoot = function textAreaRoot(Root) {
       return setIsHintVisible(false);
     };
     var handleHintClick = function handleHintClick(event) {
-      var _hintInnerRef$current;
+      var _hintRef$current;
       if (!hintText || hintTrigger !== 'click') {
         return;
       }
       event.stopPropagation();
-      var targetIsPopover = event.target === hintInnerRef.current;
-      var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
+      var targetIsPopover = event.target === hintRef.current;
+      var rootHasTarget = (_hintRef$current = hintRef.current) === null || _hintRef$current === void 0 ? void 0 : _hintRef$current.contains(event.target);
       if (!targetIsPopover && !rootHasTarget) {
         setIsHintVisible(true);
       }
@@ -249,7 +248,7 @@ var textAreaRoot = function textAreaRoot(Root) {
     }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(StyledLabel, {
       "aria-hidden": labelAriaHidden
     }, label), hintText && /*#__PURE__*/React.createElement(StyledHintWrapper, null, /*#__PURE__*/React.createElement(HintComponent, {
-      ref: hintForkRef,
+      ref: hintRef,
       hintText: hintText,
       hintTrigger: hintTrigger,
       isHintVisible: isHintVisible,
@@ -274,7 +273,7 @@ var textAreaRoot = function textAreaRoot(Root) {
     }), hintText && /*#__PURE__*/React.createElement(StyledHintWrapper, {
       className: classes.innerLabelPlacement
     }, /*#__PURE__*/React.createElement(HintComponent, {
-      ref: hintForkRef,
+      ref: hintRef,
       hintText: hintText,
       hintTrigger: hintTrigger,
       isHintVisible: isHintVisible,