@salutejs/plasma-new-hope 0.337.0-canary.2262.18095422153.0 → 0.337.0-canary.2262.18129440241.0

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cls = require('classnames');
-var plasmaCore = require('@salutejs/plasma-core');
 var InformationWrapper_styles = require('../../InformationWrapper.styles.js');
 var Hint = require('../Hint/Hint.js');
 var InformationWrapper_tokens = require('../../InformationWrapper.tokens.js');
@@ -38,11 +37,10 @@ var LabelComponent = function LabelComponent(_ref) {
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isHintVisible = _useState2[0],
     setIsHintVisible = _useState2[1];
-  var hintRef = useOutsideClick.useOutsideClick(function () {
+  var hintRef = React.useRef(null);
+  useOutsideClick.useOutsideClick(function () {
     setIsHintVisible(false);
-  });
-  var hintInnerRef = React.useRef(null);
-  var hintForkRef = plasmaCore.useForkRef(hintRef, hintInnerRef);
+  }, [hintRef]);
   var innerOptional = Boolean(hasRequiredIndicator ? false : optional);
   var requiredPlacementClass = requiredIndicatorPlacement === 'left' ? InformationWrapper_tokens.classes.requiredAlignLeft : undefined;
   var handleHintShow = function handleHintShow() {
@@ -55,13 +53,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);
     }
@@ -74,7 +72,7 @@ var LabelComponent = function LabelComponent(_ref) {
     className: cls__default.default(_rollupPluginBabelHelpers.defineProperty({}, InformationWrapper_tokens.classes.withoutLabel, !label)),
     hasCaption: Boolean(titleCaption)
   }, /*#__PURE__*/React__default.default.createElement(Hint.HintComponent, {
-    ref: hintForkRef,
+    ref: hintRef,
     size: size,
     hintText: hintText,
     hintTrigger: hintTrigger,

package/cjs/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/cjs/components/Pagination/utils/index.js

@@ -10,6 +10,12 @@ var generateSection = function generateSection(length, add) {
 var dType = 'default';
 var dDlots = 9;
 var sections = {
+  1: [1, 0, 0],
+  2: [2, 0, 0],
+  3: [3, 0, 0],
+  4: [4, 0, 0],
+  5: [5, 0, 0],
+  6: [6, 0, 0],
   7: [1, 3, 1],
   8: [1, 4, 1],
   9: [2, 3, 2],
@@ -42,12 +48,15 @@ var getSections = function getSections(value, pages, slots) {
   pages = (_pages = pages) !== null && _pages !== void 0 ? _pages : 1;
   slots = (_slots = slots) !== null && _slots !== void 0 ? _slots : defaultValues.slots;
   var pageArray = [generateSection(pages, 1)];
-  if (slots >= pages || slots < 5) {
+  if (slots >= pages) {
     return pageArray;
   }
   if (!sections[slots]) {
     return pageArray;
   }
+  if (slots < 7) {
+    return [generateSection(slots, value)];
+  }
   var smallSection = Math.min(Math.floor((slots - 1) / 2), 6);
   var bigSection = Math.min(Math.floor(slots / 2), 6);
   var defaultSection = sections[slots][1];

package/cjs/components/Pagination/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Pagination/utils/index.ts"],"sourcesContent":["import { PaginationTypes } from '../Pagination.types';\nimport type { NumericRange, CreateArrayWithLengthX } from '../../../types';\n\nconst generateSection = (length: number, add: number) => {\n    return Array.from(Array(length).keys()).map((el) => el + add);\n};\n\nconst dType: PaginationTypes = 'default';\nconst dDlots: NumericRange<CreateArrayWithLengthX<7>, 15> = 9;\n\nconst sections = {\n    7: [1, 3, 1],\n    8: [1, 4, 1],\n    9: [2, 3, 2],\n    10: [2, 4, 2],\n    11: [3, 3, 3],\n    12: [3, 4, 3],\n    13: [3, 5, 3],\n    14: [3, 6, 3],\n    15: [4, 5, 4],\n};\n\nexport const defaultValues = {\n    value: 1,\n    perPage: 20,\n    slots: dDlots,\n    type: dType,\n    pilled: false,\n    square: false,\n    disabledPages: [],\n    hasQuickJump: true,\n    hasPerPage: true,\n    perPageList: [20, 50, 100, 200],\n    isCommonButtonStyles: true,\n    placeholderQuickJump: '#',\n    textQuickJump: 'Go to',\n    textPerPage: 'Show',\n};\n\nexport const getSections = (\n    value?: number,\n    pages?: number,\n    slots?: NumericRange<CreateArrayWithLengthX<7>, 15>,\n): number[][] => {\n    value = value ?? 1;\n    pages = pages ?? 1;\n    slots = slots ?? defaultValues.slots;\n    const pageArray = [generateSection(pages, 1)];\n\n    if (slots >= pages || slots < 5) {\n        return pageArray;\n    }\n\n    if (!sections[slots]) {\n        return pageArray;\n    }\n\n    const smallSection = Math.min(Math.floor((slots - 1) / 2), 6);\n    const bigSection = Math.min(Math.floor(slots / 2), 6);\n\n    const defaultSection = sections[slots][1];\n    const smallSectionLeft = sections[slots][0];\n    const smallSectionRight = sections[slots][2];\n\n    if (smallSection > value) {\n        return [generateSection(bigSection, 1), generateSection(smallSection, pages - smallSection + 1)];\n    }\n\n    if (smallSection === value) {\n        return [generateSection(bigSection + 1, 1), generateSection(smallSection - 1, pages - smallSection + 2)];\n    }\n\n    if (pages - smallSection + 1 < value) {\n        return [generateSection(smallSection, 1), generateSection(bigSection, pages - bigSection + 1)];\n    }\n\n    if (pages - smallSection + 1 === value) {\n        return [generateSection(smallSection - 1, 1), generateSection(bigSection + 1, pages - bigSection)];\n    }\n\n    return [\n        generateSection(smallSectionLeft, 1),\n        generateSection(defaultSection, value - Math.floor(defaultSection / 2)),\n        generateSection(smallSectionRight, pages - smallSectionRight + 1),\n    ];\n};\n"],"names":["generateSection","length","add","Array","from","keys","map","el","dType","dDlots","sections","defaultValues","value","perPage","slots","type","pilled","square","disabledPages","hasQuickJump","hasPerPage","perPageList","isCommonButtonStyles","placeholderQuickJump","textQuickJump","textPerPage","getSections","pages","_value","_pages","_slots","pageArray","smallSection","Math","min","floor","bigSection","defaultSection","smallSectionLeft","smallSectionRight"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Pagination/utils/index.ts"],"sourcesContent":["import { PaginationTypes } from '../Pagination.types';\nimport type { NumericRange, CreateArrayWithLengthX } from '../../../types';\n\nconst generateSection = (length: number, add: number) => {\n    return Array.from(Array(length).keys()).map((el) => el + add);\n};\n\nconst dType: PaginationTypes = 'default';\nconst dDlots: NumericRange<CreateArrayWithLengthX<7>, 15> = 9;\n\nconst sections = {\n    1: [1, 0, 0],\n    2: [2, 0, 0],\n    3: [3, 0, 0],\n    4: [4, 0, 0],\n    5: [5, 0, 0],\n    6: [6, 0, 0],\n    7: [1, 3, 1],\n    8: [1, 4, 1],\n    9: [2, 3, 2],\n    10: [2, 4, 2],\n    11: [3, 3, 3],\n    12: [3, 4, 3],\n    13: [3, 5, 3],\n    14: [3, 6, 3],\n    15: [4, 5, 4],\n};\n\nexport const defaultValues = {\n    value: 1,\n    perPage: 20,\n    slots: dDlots,\n    type: dType,\n    pilled: false,\n    square: false,\n    disabledPages: [],\n    hasQuickJump: true,\n    hasPerPage: true,\n    perPageList: [20, 50, 100, 200],\n    isCommonButtonStyles: true,\n    placeholderQuickJump: '#',\n    textQuickJump: 'Go to',\n    textPerPage: 'Show',\n};\n\nexport const getSections = (\n    value?: number,\n    pages?: number,\n    slots?: NumericRange<CreateArrayWithLengthX<1>, 15>,\n): number[][] => {\n    value = value ?? 1;\n    pages = pages ?? 1;\n    slots = slots ?? defaultValues.slots;\n    const pageArray = [generateSection(pages, 1)];\n\n    if (slots >= pages) {\n        return pageArray;\n    }\n\n    if (!sections[slots]) {\n        return pageArray;\n    }\n\n    if (slots < 7) {\n        return [generateSection(slots, value)];\n    }\n\n    const smallSection = Math.min(Math.floor((slots - 1) / 2), 6);\n    const bigSection = Math.min(Math.floor(slots / 2), 6);\n\n    const defaultSection = sections[slots][1];\n    const smallSectionLeft = sections[slots][0];\n    const smallSectionRight = sections[slots][2];\n\n    if (smallSection > value) {\n        return [generateSection(bigSection, 1), generateSection(smallSection, pages - smallSection + 1)];\n    }\n\n    if (smallSection === value) {\n        return [generateSection(bigSection + 1, 1), generateSection(smallSection - 1, pages - smallSection + 2)];\n    }\n\n    if (pages - smallSection + 1 < value) {\n        return [generateSection(smallSection, 1), generateSection(bigSection, pages - bigSection + 1)];\n    }\n\n    if (pages - smallSection + 1 === value) {\n        return [generateSection(smallSection - 1, 1), generateSection(bigSection + 1, pages - bigSection)];\n    }\n\n    return [\n        generateSection(smallSectionLeft, 1),\n        generateSection(defaultSection, value - Math.floor(defaultSection / 2)),\n        generateSection(smallSectionRight, pages - smallSectionRight + 1),\n    ];\n};\n"],"names":["generateSection","length","add","Array","from","keys","map","el","dType","dDlots","sections","defaultValues","value","perPage","slots","type","pilled","square","disabledPages","hasQuickJump","hasPerPage","perPageList","isCommonButtonStyles","placeholderQuickJump","textQuickJump","textPerPage","getSections","pages","_value","_pages","_slots","pageArray","smallSection","Math","min","floor","bigSection","defaultSection","smallSectionLeft","smallSectionRight"],"mappings":"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"}

package/cjs/components/Select/Select.js

@@ -154,12 +154,14 @@ var selectRoot = function selectRoot(Root) {
       hintWidth: hintWidth,
       hintHasArrow: hintHasArrow
     };
-    var targetRef = useOutsideClick.useOutsideClick(function () {
+
+    /* Логика работы при клике за пределами выпадающего списка */
+    useOutsideClick.useOutsideClick(function () {
       if (!isCurrentListOpen) {
         return;
       }
       handleListToggle(false);
-    }, floatingPopoverRef);
+    }, [floatingPopoverRef, listWrapperRef]);
     var onChange = function onChange(newValue, item) {
       if (props.onChange) {
         // Условие для отправки если компонент используется без формы.
@@ -447,7 +449,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/cjs/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/cjs/components/Table/ui/EditableCell/EditableCell.js

@@ -42,9 +42,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.useOutsideClick(function () {
+  var ref = React.useRef(null);
+  useOutsideClick.useOutsideClick(function () {
     setEditingMode(false);
-  });
+  }, [ref]);
   var handleEditClick = function handleEditClick(e) {
     e.stopPropagation();
     setEditingMode(true);

package/cjs/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":";;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,IAAI,GAAG;AACTC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,QAAA;AACZ,CAAC,CAAA;IAWYC,YAA6B,GAAG,SAAhCA,YAA6BA,CAAAC,IAAA,EAA6D;AAAA,EAAA,IAAAC,mBAAA,CAAA;AAAA,EAAA,IAAvDC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAEC,aAAa,GAAAL,IAAA,CAAbK,aAAa;IAAEC,KAAK,GAAAN,IAAA,CAALM,KAAK;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;EAC5F,IAAAC,SAAA,GAA0BC,cAAQ,CAASL,IAAI,CAACM,QAAQ,EAAY,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAA9DK,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,UAAA,GAAsCN,cAAQ,CAAC,KAAK,CAAC;IAAAO,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA9CE,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMG,UAAU,GAAA,CAAAlB,mBAAA,GAAGK,KAAK,CAACc,OAAO,CAACC,IAAI,MAAApB,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAoBkB,UAAU,CAAA;AAEjD,EAAA,IAAMG,GAAG,GAAGC,+BAAe,CAA2B,YAAM;IACxDL,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMM,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAoC,EAAK;IAC9DA,CAAC,CAACC,eAAe,EAAE,CAAA;IAEnBR,cAAc,CAAC,IAAI,CAAC,CAAA;AACpBJ,IAAAA,QAAQ,CAACV,IAAI,CAACM,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMiB,YAAY,GAAG,SAAfA,YAAYA,CAAIF,CAAsC,EAAA;AAAA,IAAA,OAAKX,QAAQ,CAACW,CAAC,CAACG,MAAM,CAACf,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAEzF,EAAA,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACtBf,IAAAA,QAAQ,CAACV,IAAI,CAACM,QAAQ,EAAY,CAAC,CAAA;GACtC,CAAA;AAED,EAAA,IAAMoB,YAAY,GAAG,SAAfA,YAAYA,CAAIL,CAAsC,EAAK;IAC7DA,CAAC,CAACC,eAAe,EAAE,CAAA;AAEnB,IAAA,IAAIP,UAAU,EAAE;AACZA,MAAAA,UAAU,CAACf,IAAI,CAAC2B,GAAG,CAACC,EAAE,EAAE5B,IAAI,CAAC6B,MAAM,CAACD,EAAE,EAAEnB,KAAK,CAAC,CAAA;AAClD,KAAA;IACAK,cAAc,CAAC,KAAK,CAAC,CAAA;GACxB,CAAA;AAED,EAAA,IAAMgB,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0C,EAAK;IAClE,QAAQA,KAAK,CAACC,IAAI;MACd,KAAKzC,IAAI,CAACC,KAAK;AAAE,QAAA;AACb,UAAA,IAAIuB,UAAU,EAAE;AACZA,YAAAA,UAAU,CAACf,IAAI,CAAC2B,GAAG,CAACC,EAAE,EAAE5B,IAAI,CAAC6B,MAAM,CAACD,EAAE,EAAEnB,KAAK,CAAC,CAAA;AAClD,WAAA;UAEAK,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;MAEA,KAAKvB,IAAI,CAACG,MAAM,CAAA;MAChB,KAAKH,IAAI,CAACE,GAAG;AAAE,QAAA;UACXqB,cAAc,CAAC,KAAK,CAAC,CAAA;AAErB,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;AAED,EAAA,oBACImB,sBAAA,CAAAC,aAAA,CAACC,sBAAE,EAAA;IACCC,GAAG,EAAEpC,IAAI,CAAC4B,EAAG;AACb3B,IAAAA,aAAa,EAAEA,aAAc;AAC7BoC,IAAAA,aAAa,EAAErC,IAAI,CAAC6B,MAAM,CAACD,EAAE,KAAKU,sBAAiB;AACnDC,IAAAA,OAAO,EAAEnB,eAAgB;AACzBP,IAAAA,WAAW,EAAEA,WAAY;AACzBV,IAAAA,QAAQ,EAAEA,QAAS;AACnBJ,IAAAA,IAAI,EAAEA,IAAK;AACXmB,IAAAA,GAAG,EAAEA,GAAAA;GAELe,eAAAA,sBAAA,CAAAC,aAAA,CAACM,gCAAY,QACR3B,WAAW,gBACRoB,sBAAA,CAAAC,aAAA,CAACO,mCAAe,EACZR,IAAAA,eAAAA,sBAAA,CAAAC,aAAA,CAACQ,gCAAY,qBAETT,sBAAA,CAAAC,aAAA,CAACS,yBAAK,EAAA;AAAClC,IAAAA,KAAK,EAAEA,KAAM;AAACmC,IAAAA,QAAQ,EAAErB,YAAa;IAACsB,SAAS,EAAA,IAAA;AAACC,IAAAA,SAAS,EAAEhB,aAAAA;AAAc,GAAE,CAAC,eAEnFG,sBAAA,CAAAC,aAAA,CAACa,mCAAe,EAAA;AAACR,IAAAA,OAAO,EAAEd,WAAY;AAACuB,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,eAChDf,sBAAA,CAAAC,aAAA,CAACe,iCAAgB,EAAA;IAACnD,IAAI,EAAEoD,oBAAW,CAACpD,IAAI,CAAA;GAAI,CAC/B,CACP,CAAC,eAEfmC,sBAAA,CAAAC,aAAA,CAACiB,kCAAc,EAAA;AAACZ,IAAAA,OAAO,EAAEb,YAAa;AAACsB,IAAAA,QAAQ,EAAE,CAAC,CAAA;AAAE,GAAA,eAChDf,sBAAA,CAAAC,aAAA,CAACkB,2CAAqB,EAAA;IAACtD,IAAI,EAAEoD,oBAAW,CAACpD,IAAI,CAAA;AAAE,GAAE,CACrC,CACH,CAAC,gBAElBmC,sBAAA,CAAAC,aAAA,CAACmB,kCAAc,EAAA,IAAA,EACVC,qBAAU,CAACtD,IAAI,CAAC6B,MAAM,CAAC0B,SAAS,CAACvD,IAAI,EAAEA,IAAI,CAACwD,UAAU,EAAE,CAAC,eAE1DvB,sBAAA,CAAAC,aAAA,CAACuB,+BAAe,EAAA;AAAC3D,IAAAA,IAAI,EAAC,IAAI;IAAC4D,SAAS,EAAEC,oBAAO,CAACC,QAAS;AAACC,IAAAA,KAAK,EAAC,uBAAA;GAAyB,CAC3E,CAEV,CAAC,EAEd7D,IAAI,CAAC6B,MAAM,CAACiC,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAI9B,sBAAA,CAAAC,aAAA,CAAC8B,oBAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
+{"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/cjs/components/TextArea/TextArea.js

@@ -149,11 +149,10 @@ var textAreaRoot = function textAreaRoot(Root) {
       setUncontrolledValue = _useState8[1];
     var outerRef = /*#__PURE__*/React.createRef();
     var hiddenRef = React.useRef(null);
-    var hintRef = useOutsideClick.useOutsideClick(function () {
+    var hintRef = React.useRef(null);
+    useOutsideClick.useOutsideClick(function () {
       setIsHintVisible(false);
-    });
-    var hintInnerRef = React.useRef(null);
-    var hintForkRef = plasmaCore.useForkRef(hintRef, hintInnerRef);
+    }, [hintRef]);
     var isInnerLeftHelperPlacement = leftHelperPlacement === 'inner';
     var leftHelperText = leftHelper || helperText;
     var innerOptional = required ? false : optional;
@@ -181,13 +180,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);
       }
@@ -257,7 +256,7 @@ var textAreaRoot = function textAreaRoot(Root) {
     }, hasOuterLabel && /*#__PURE__*/React__default.default.createElement(TextArea_styles.StyledIndicatorWrapper, null, /*#__PURE__*/React__default.default.createElement(TextArea_styles.StyledLabel, {
       "aria-hidden": labelAriaHidden
     }, label), hintText && /*#__PURE__*/React__default.default.createElement(TextArea_styles.StyledHintWrapper, null, /*#__PURE__*/React__default.default.createElement(Hint.HintComponent, {
-      ref: hintForkRef,
+      ref: hintRef,
       hintText: hintText,
       hintTrigger: hintTrigger,
       isHintVisible: isHintVisible,
@@ -282,7 +281,7 @@ var textAreaRoot = function textAreaRoot(Root) {
     }), hintText && /*#__PURE__*/React__default.default.createElement(TextArea_styles.StyledHintWrapper, {
       className: TextArea_tokens.classes.innerLabelPlacement
     }, /*#__PURE__*/React__default.default.createElement(Hint.HintComponent, {
-      ref: hintForkRef,
+      ref: hintRef,
       hintText: hintText,
       hintTrigger: hintTrigger,
       isHintVisible: isHintVisible,