@salutejs/plasma-new-hope 0.134.0-canary.1406.10622689231.0 → 0.134.0-dev.0

package/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -1,420 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
-require('../../../utils/react.js');
-var isEmpty = require('../../../utils/isEmpty.js');
-var useOutsideClick = require('../../../hooks/useOutsideClick.js');
-var FloatingPopover = require('./FloatingPopover.js');
-var useKeyboardNavigation = require('./hooks/useKeyboardNavigation.js');
-var initialItemsTransform = require('./utils/initialItemsTransform.js');
-var updateDescendants = require('./utils/updateDescendants.js');
-var updateAncestors = require('./utils/updateAncestors.js');
-var updateSingleAncestors = require('./utils/updateSingleAncestors.js');
-var filterItems = require('./utils/filterItems.js');
-var getItemId = require('./utils/getItemId.js');
-var Inner = require('./ui/Inner/Inner.js');
-var Target_styles = require('./ui/Target/Target.styles.js');
-var pathReducer = require('./reducers/pathReducer.js');
-var focusedPathReducer = require('./reducers/focusedPathReducer.js');
-var getPathMaps = require('./hooks/getPathMaps.js');
-var Combobox_styles = require('./Combobox.styles.js');
-var base = require('./variations/_view/base.js');
-var base$1 = require('./variations/_size/base.js');
-
-var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "contentRight", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "filter"];
-var Context = /*#__PURE__*/React.createContext({});
-
-/**
- * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
- */
-var comboboxRoot = function comboboxRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var _getItemByFocused;
-    var multiple = props.multiple,
-      outerValue = props.value,
-      outerOnChange = props.onChange,
-      isTargetAmount = props.isTargetAmount,
-      items = props.items,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
-      label = props.label,
-      placeholder = props.placeholder,
-      helperText = props.helperText,
-      contentLeft = props.contentLeft,
-      contentRight = props.contentRight,
-      textBefore = props.textBefore,
-      textAfter = props.textAfter,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? 'normal' : _props$variant,
-      listOverflow = props.listOverflow,
-      listHeight = props.listHeight,
-      listWidth = props.listWidth,
-      portal = props.portal,
-      renderItem = props.renderItem,
-      view = props.view,
-      size = props.size,
-      labelPlacement = props.labelPlacement,
-      _props$readOnly = props.readOnly,
-      readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      filter = props.filter,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-    var _useState = React.useState(''),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      textValue = _useState2[0],
-      setTextValue = _useState2[1];
-    var _useState3 = React.useState(multiple ? [] : ''),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      internalValue = _useState4[0],
-      setInternalValue = _useState4[1];
-    var value = outerValue || internalValue;
-    var inputRef = React.useRef(null);
-    var floatingPopoverRef = React.useRef(null);
-    var inputForkRef = plasmaCore.useForkRef(inputRef, ref);
-    var treeId = plasmaCore.safeUseId();
-    var transformedItems = React.useMemo(function () {
-      return initialItemsTransform.initialItemsTransform(items || []);
-    }, [items]);
-    var filteredItems = filterItems.filterItems(transformedItems, textValue,
-    // valueToItemMap.get(value as string)?.label as string,
-    filter);
-
-    // Создаем структуры для быстрой работы с деревом
-    var _useMemo = React.useMemo(function () {
-        return getPathMaps.getPathMap(filteredItems);
-      }, [filteredItems, textValue]),
-      _useMemo2 = _rollupPluginBabelHelpers.slicedToArray(_useMemo, 2),
-      pathMap = _useMemo2[0],
-      focusedToValueMap = _useMemo2[1];
-    var _useMemo3 = React.useMemo(function () {
-        return getPathMaps.getTreeMaps(items);
-      }, [items]),
-      _useMemo4 = _rollupPluginBabelHelpers.slicedToArray(_useMemo3, 3),
-      valueToCheckedMap = _useMemo4[0],
-      valueToItemMap = _useMemo4[1],
-      labelToItemMap = _useMemo4[2];
-
-    // Состояния дерева элементов
-    var _useReducer = React.useReducer(pathReducer.pathReducer, []),
-      _useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
-      path = _useReducer2[0],
-      dispatchPath = _useReducer2[1];
-    var _useReducer3 = React.useReducer(focusedPathReducer.focusedPathReducer, []),
-      _useReducer4 = _rollupPluginBabelHelpers.slicedToArray(_useReducer3, 2),
-      focusedPath = _useReducer4[0],
-      dispatchFocusedPath = _useReducer4[1];
-    var _useState5 = React.useState(valueToCheckedMap),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      checked = _useState6[0],
-      setChecked = _useState6[1];
-    console.log('render', path, focusedPath);
-
-    // Логика работы при клике за пределами выпадающего списка
-    var targetRef = useOutsideClick.useOutsideClick(function () {
-      if (!isCurrentListOpen) {
-        return;
-      }
-      dispatchPath({
-        type: 'reset'
-      });
-      dispatchFocusedPath({
-        type: 'reset'
-      });
-
-      // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.
-      // Если изменилось, то возвращаем label выбранного айтема.
-      // Если нет выбранного элемента, то стираем значение инпута.
-      if (textValue !== value) {
-        if (isEmpty.isEmpty(value)) {
-          setTextValue('');
-        } else {
-          var _valueToItemMap$get;
-          setTextValue(((_valueToItemMap$get = valueToItemMap.get(value)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label) || '');
-        }
-      }
-    }, floatingPopoverRef);
-    var onChange = function onChange(e) {
-      if (outerOnChange) {
-        outerOnChange(e);
-      }
-      setInternalValue(e);
-    };
-
-    // Обработчик изменения значения в инпуте
-    var handleTextValueChange = function handleTextValueChange(e) {
-      setTextValue(e.target.value);
-      dispatchPath({
-        type: 'opened_first_level'
-      });
-      dispatchFocusedPath({
-        type: 'reset'
-      });
-    };
-
-    // Обработчик чипов
-    var handleChangeChips = function handleChangeChips(chipsAsLabel) {
-      onChange(chipsAsLabel.map(function (chipLabel) {
-        return labelToItemMap.get(chipLabel).value;
-      }));
-    };
-
-    // Обработчик открытия/закрытия выпадающего списка
-    var handleToggle = function handleToggle(opened) {
-      if (opened) {
-        dispatchPath({
-          type: 'opened_first_level'
-        });
-      } else {
-        dispatchFocusedPath({
-          type: 'reset'
-        });
-        dispatchPath({
-          type: 'reset'
-        });
-      }
-    };
-
-    // Обработчик выбора чекбоксов (только при multiple)
-    var handleCheckboxChange = function handleCheckboxChange(item) {
-      if (multiple) {
-        var checkedCopy = new Map(checked);
-        if (!checkedCopy.get(item.value)) {
-          checkedCopy.set(item.value, true);
-          updateDescendants.updateDescendants(item, checkedCopy, true);
-        } else {
-          checkedCopy.set(item.value, false);
-          updateDescendants.updateDescendants(item, checkedCopy, false);
-        }
-        updateAncestors.updateAncestors(item, checkedCopy);
-        var newValues = [];
-        valueToItemMap.forEach(function (item, key) {
-          if (checkedCopy.get(key)) {
-            newValues.push(item.value);
-          }
-        });
-        if (onChange) {
-          onChange(newValues);
-        }
-
-        // После выбора/снятия чекбокса скроллим к инпуту
-        setTimeout(function () {
-          if (inputRef.current) {
-            inputRef.current.scrollIntoView({
-              behavior: 'smooth',
-              inline: 'start'
-            });
-          }
-        }, 1);
-      }
-    };
-
-    // Обработчик клика по айтему выпадающего списка
-    var handleItemClick = function handleItemClick(item, e) {
-      if (!isEmpty.isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
-        return;
-      }
-      if (multiple) {
-        handleCheckboxChange(item);
-      } else {
-        if (e) {
-          e.stopPropagation();
-        }
-        var checkedCopy = new Map(checked);
-        var isCurrentChecked = checkedCopy.get(item.value);
-        checkedCopy.forEach(function (_, key) {
-          checkedCopy.set(key, false);
-        });
-        if (!isCurrentChecked) {
-          checkedCopy.set(item.value, 'done');
-          updateSingleAncestors.updateSingleAncestors(item, checkedCopy, 'dot');
-        }
-        setTextValue(isCurrentChecked ? '' : item.label);
-        dispatchPath({
-          type: 'reset'
-        });
-        dispatchFocusedPath({
-          type: 'reset'
-        });
-        if (onChange) {
-          onChange(isCurrentChecked ? '' : item.value);
-        }
-      }
-    };
-    var getChips = function getChips() {
-      if (multiple) {
-        if (value.length === 0) return [];
-        if (isTargetAmount) {
-          return ["\u0412\u044B\u0431\u0440\u0430\u043D\u043E ".concat(value.length)];
-        }
-        return value.map(function (value) {
-          return valueToItemMap.get(value).label;
-        });
-      }
-      return [];
-    };
-    var handlePressDown = function handlePressDown(item, e) {
-      if (isEmpty.isEmpty(item.items)) {
-        handleItemClick(item, e);
-      } else if (multiple) {
-        handleCheckboxChange(item);
-      }
-    };
-    var _useKeyNavigation = useKeyboardNavigation.useKeyNavigation({
-        focusedPath: focusedPath,
-        dispatchFocusedPath: dispatchFocusedPath,
-        path: path,
-        dispatchPath: dispatchPath,
-        pathMap: pathMap,
-        focusedToValueMap: focusedToValueMap,
-        handleToggle: handleToggle,
-        handlePressDown: handlePressDown,
-        multiselect: multiple,
-        setTextValue: setTextValue
-      }),
-      onKeyDown = _useKeyNavigation.onKeyDown;
-
-    // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
-    // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
-    React.useLayoutEffect(function () {
-      var checkedCopy = new Map(checked);
-      checkedCopy.forEach(function (_, key) {
-        checkedCopy.set(key, false);
-      });
-      if (!isEmpty.isEmpty(value)) {
-        if (Array.isArray(value)) {
-          value.forEach(function (val) {
-            checkedCopy.set(val, true);
-            updateDescendants.updateDescendants(valueToItemMap.get(val), checkedCopy, true);
-            updateAncestors.updateAncestors(valueToItemMap.get(val), checkedCopy);
-          });
-        } else {
-          checkedCopy.set(value, 'done');
-          updateSingleAncestors.updateSingleAncestors(valueToItemMap.get(value), checkedCopy, 'dot');
-        }
-      }
-      setChecked(checkedCopy);
-    }, [value]);
-    var isCurrentListOpen = Boolean(path[0]);
-    var activeDescendantItemValue = ((_getItemByFocused = useKeyboardNavigation.getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
-    return /*#__PURE__*/React.createElement(Root, {
-      size: size,
-      view: view,
-      labelPlacement: labelPlacement,
-      disabled: disabled,
-      readOnly: readOnly
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Context.Provider, {
-      value: {
-        focusedPath: focusedPath,
-        checked: checked,
-        multiple: multiple,
-        size: size,
-        handleCheckboxChange: handleCheckboxChange,
-        handleItemClick: handleItemClick,
-        variant: variant,
-        renderItem: renderItem,
-        valueToItemMap: valueToItemMap,
-        treeId: treeId
-      }
-    }, /*#__PURE__*/React.createElement(FloatingPopover.FloatingPopover, {
-      ref: floatingPopoverRef,
-      opened: isCurrentListOpen,
-      onToggle: function onToggle(opened) {
-        return opened && handleToggle(true);
-      },
-      placement: placement,
-      portal: portal,
-      target: function target(referenceRef) {
-        return /*#__PURE__*/React.createElement(Target_styles.StyledTextField, _rollupPluginBabelHelpers.extends({
-          ref: inputForkRef,
-          inputWrapperRef: referenceRef,
-          value: textValue,
-          onChange: handleTextValueChange,
-          size: size,
-          view: view,
-          labelPlacement: labelPlacement,
-          disabled: disabled,
-          readOnly: readOnly,
-          label: label,
-          placeholder: placeholder,
-          contentLeft: contentLeft,
-          contentRight: contentRight,
-          textBefore: textBefore,
-          textAfter: textAfter,
-          onKeyDown: onKeyDown,
-          leftHelper: helperText,
-          role: "combobox",
-          "aria-autocomplete": "list",
-          "aria-controls": "".concat(treeId, "_tree_level_1"),
-          "aria-expanded": isCurrentListOpen,
-          "aria-activedescendant": activeDescendantItemValue ? getItemId.getItemId(treeId, activeDescendantItemValue) : ''
-        }, multiple ? {
-          enumerationType: 'chip',
-          chips: getChips(),
-          onChangeChips: handleChangeChips
-        } : {
-          enumerationType: 'plain'
-        }, rest, {
-          onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
-        }));
-      }
-    }, /*#__PURE__*/React.createElement(Root, {
-      size: size,
-      view: view,
-      labelPlacement: labelPlacement,
-      disabled: disabled,
-      readOnly: readOnly
-    }, /*#__PURE__*/React.createElement(Combobox_styles.Ul, {
-      role: "tree",
-      id: "".concat(treeId, "_tree_level_1"),
-      "aria-multiselectable": Boolean(multiple),
-      listHeight: listHeight,
-      listOverflow: listOverflow,
-      listWidth: listWidth,
-      ref: targetRef
-    }, filteredItems.map(function (item, index) {
-      return /*#__PURE__*/React.createElement(Inner.Inner, {
-        key: "".concat(index, "/0"),
-        item: item,
-        currentLevel: 0,
-        path: path,
-        dispatchPath: dispatchPath,
-        index: index,
-        listWidth: listWidth
-      });
-    })))))));
-  });
-};
-var comboboxConfig = {
-  name: 'Select',
-  tag: 'div',
-  layout: comboboxRoot,
-  base: Combobox_styles.base,
-  variations: {
-    view: {
-      css: base.base
-    },
-    size: {
-      css: base$1.base
-    },
-    readOnly: {
-      css: base$1.base
-    }
-  },
-  defaults: {
-    view: 'default',
-    size: 'm',
-    // readOnly: false,
-    // disabled: false,
-    labelPlacement: 'outer'
-  }
-};
-
-exports.Context = Context;
-exports.comboboxConfig = comboboxConfig;
-exports.comboboxRoot = comboboxRoot;
-//# sourceMappingURL=Combobox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';\nimport type { ChangeEvent } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../../engines';\nimport { isEmpty } from '../../../utils';\nimport { useOutsideClick } from '../../../hooks';\n\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base } from './Combobox.styles';\nimport type { ItemContext, ComboboxProps } from './Combobox.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport type { ItemOptionTransformed } from './ui/Inner/ui/Item/Item.types';\n\nexport const Context = createContext<ItemContext>({} as ItemContext);\n\n/**\n * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, Omit<ComboboxProps, 'items'>>) =>\n    forwardRef<HTMLInputElement, ComboboxProps>((props, ref) => {\n        const {\n            multiple,\n            value: outerValue,\n            onChange: outerOnChange,\n            isTargetAmount,\n            items,\n            placement = 'bottom-start',\n            label,\n            placeholder,\n            helperText,\n            contentLeft,\n            contentRight,\n            textBefore,\n            textAfter,\n            variant = 'normal',\n            listOverflow,\n            listHeight,\n            listWidth,\n            portal,\n            renderItem,\n            view,\n            size,\n            labelPlacement,\n            readOnly = false,\n            disabled = false,\n            filter,\n            ...rest\n        } = props;\n        const [textValue, setTextValue] = useState('');\n        const [internalValue, setInternalValue] = useState<string | Array<string>>(multiple ? [] : '');\n\n        const value = outerValue || internalValue;\n\n        const inputRef = useRef<HTMLInputElement>(null);\n        const floatingPopoverRef = useRef<HTMLDivElement>(null);\n        const inputForkRef = useForkRef(inputRef, ref);\n        const treeId = safeUseId();\n\n        const transformedItems = useMemo(() => initialItemsTransform(items || []), [items]);\n\n        const filteredItems = filterItems(\n            transformedItems,\n            textValue,\n            // valueToItemMap.get(value as string)?.label as string,\n            filter,\n        );\n\n        // Создаем структуры для быстрой работы с деревом\n        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(items), [items]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        console.log('render', path, focusedPath);\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение инпуте от выбранного value после закрытия дропдауна.\n            // Если изменилось, то возвращаем label выбранного айтема.\n            // Если нет выбранного элемента, то стираем значение инпута.\n            if (textValue !== value) {\n                if (isEmpty(value)) {\n                    setTextValue('');\n                } else {\n                    setTextValue(valueToItemMap.get(value as string)?.label || '');\n                }\n            }\n        }, floatingPopoverRef);\n\n        const onChange = (e: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChangeChips = (chipsAsLabel: any[]) => {\n            onChange(chipsAsLabel.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleToggle = (opened: boolean) => {\n            if (opened) {\n                dispatchPath({ type: 'opened_first_level' });\n            } else {\n                dispatchFocusedPath({ type: 'reset' });\n                dispatchPath({ type: 'reset' });\n            }\n        };\n\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (multiple) {\n                const checkedCopy = new Map(checked);\n\n                if (!checkedCopy.get(item.value)) {\n                    checkedCopy.set(item.value, true);\n                    updateDescendants(item, checkedCopy, true);\n                } else {\n                    checkedCopy.set(item.value, false);\n                    updateDescendants(item, checkedCopy, false);\n                }\n\n                updateAncestors(item, checkedCopy);\n\n                const newValues: Array<string> = [];\n\n                valueToItemMap.forEach((item, key) => {\n                    if (checkedCopy.get(key)) {\n                        newValues.push(item.value);\n                    }\n                });\n\n                if (onChange) {\n                    onChange(newValues);\n                }\n\n                // После выбора/снятия чекбокса скроллим к инпуту\n                setTimeout(() => {\n                    if (inputRef.current) {\n                        inputRef.current.scrollIntoView({\n                            behavior: 'smooth',\n                            inline: 'start',\n                        });\n                    }\n                }, 1);\n            }\n        };\n\n        // Обработчик клика по айтему выпадающего списка\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n            } else {\n                if (e) {\n                    e.stopPropagation();\n                }\n\n                const checkedCopy = new Map(checked);\n\n                const isCurrentChecked = checkedCopy.get(item.value);\n\n                checkedCopy.forEach((_, key) => {\n                    checkedCopy.set(key, false);\n                });\n\n                if (!isCurrentChecked) {\n                    checkedCopy.set(item.value, 'done');\n                    updateSingleAncestors(item, checkedCopy, 'dot');\n                }\n\n                setTextValue(isCurrentChecked ? '' : item.label);\n\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n\n                if (onChange) {\n                    onChange(isCurrentChecked ? '' : item.value);\n                }\n            }\n        };\n\n        const getChips = (): string[] => {\n            if (multiple) {\n                if (value.length === 0) return [];\n\n                if (isTargetAmount) {\n                    return [`Выбрано ${value.length}`];\n                }\n\n                return (value as []).map((value) => valueToItemMap.get(value)!.label);\n            }\n\n            return [];\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiple) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const { onKeyDown } = useKeyNavigation({\n            focusedPath,\n            dispatchFocusedPath,\n            path,\n            dispatchPath,\n            pathMap,\n            focusedToValueMap,\n            handleToggle,\n            handlePressDown,\n            multiselect: multiple,\n            setTextValue,\n        });\n\n        // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.\n        // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.\n        useLayoutEffect(() => {\n            const checkedCopy = new Map(checked);\n\n            checkedCopy.forEach((_, key) => {\n                checkedCopy.set(key, false);\n            });\n\n            if (!isEmpty(value)) {\n                if (Array.isArray(value)) {\n                    value.forEach((val) => {\n                        checkedCopy.set(val, true);\n                        updateDescendants(valueToItemMap.get(val)!, checkedCopy, true);\n                        updateAncestors(valueToItemMap.get(val)!, checkedCopy);\n                    });\n                } else {\n                    checkedCopy.set(value, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n\n        return (\n            <Root size={size} view={view} labelPlacement={labelPlacement} disabled={disabled} readOnly={readOnly}>\n                <div>\n                    <Context.Provider\n                        value={{\n                            focusedPath,\n                            checked,\n                            multiple,\n                            size,\n                            handleCheckboxChange,\n                            handleItemClick,\n                            variant,\n                            renderItem,\n                            valueToItemMap,\n                            treeId,\n                        }}\n                    >\n                        <FloatingPopover\n                            ref={floatingPopoverRef}\n                            opened={isCurrentListOpen}\n                            onToggle={(opened: boolean) => opened && handleToggle(true)}\n                            placement={placement}\n                            portal={portal}\n                            target={(referenceRef) => (\n                                <StyledTextField\n                                    ref={inputForkRef}\n                                    inputWrapperRef={referenceRef}\n                                    value={textValue}\n                                    onChange={handleTextValueChange}\n                                    size={size}\n                                    view={view}\n                                    labelPlacement={labelPlacement}\n                                    disabled={disabled}\n                                    readOnly={readOnly}\n                                    label={label}\n                                    placeholder={placeholder}\n                                    contentLeft={contentLeft}\n                                    contentRight={contentRight}\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={helperText}\n                                    role=\"combobox\"\n                                    aria-autocomplete=\"list\"\n                                    aria-controls={`${treeId}_tree_level_1`}\n                                    aria-expanded={isCurrentListOpen}\n                                    aria-activedescendant={\n                                        activeDescendantItemValue ? getItemId(treeId, activeDescendantItemValue) : ''\n                                    }\n                                    {...(multiple\n                                        ? {\n                                              enumerationType: 'chip',\n                                              chips: getChips(),\n                                              onChangeChips: handleChangeChips,\n                                          }\n                                        : { enumerationType: 'plain' })}\n                                    {...rest}\n                                    onEnterDisabled // Пропс для отключения обработчика Enter внутри Textfield\n                                />\n                            )}\n                        >\n                            <Root\n                                size={size}\n                                view={view}\n                                labelPlacement={labelPlacement}\n                                disabled={disabled}\n                                readOnly={readOnly}\n                            >\n                                <Ul\n                                    role=\"tree\"\n                                    id={`${treeId}_tree_level_1`}\n                                    aria-multiselectable={Boolean(multiple)}\n                                    listHeight={listHeight}\n                                    listOverflow={listOverflow}\n                                    listWidth={listWidth}\n                                    ref={targetRef}\n                                >\n                                    {filteredItems.map((item, index) => (\n                                        <Inner\n                                            key={`${index}/0`}\n                                            item={item}\n                                            currentLevel={0}\n                                            path={path}\n                                            dispatchPath={dispatchPath}\n                                            index={index}\n                                            listWidth={listWidth}\n                                        />\n                                    ))}\n                                </Ul>\n                            </Root>\n                        </FloatingPopover>\n                    </Context.Provider>\n                </div>\n            </Root>\n        );\n    });\n\nexport const comboboxConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: comboboxRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        readOnly: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n        // readOnly: false,\n        // disabled: false,\n        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","contentRight","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","filter","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","filteredItems","filterItems","_useMemo","getPathMap","_useMemo2","pathMap","focusedToValueMap","_useMemo3","getTreeMaps","_useMemo4","valueToCheckedMap","valueToItemMap","labelToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","console","log","targetRef","useOutsideClick","isCurrentListOpen","type","isEmpty","_valueToItemMap$get","get","e","handleTextValueChange","target","handleChangeChips","chipsAsLabel","map","chipLabel","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","set","updateDescendants","updateAncestors","newValues","forEach","key","push","setTimeout","current","scrollIntoView","behavior","inline","handleItemClick","stopPropagation","isCurrentChecked","_","updateSingleAncestors","getChips","length","concat","handlePressDown","_useKeyNavigation","useKeyNavigation","multiselect","onKeyDown","useLayoutEffect","Array","isArray","val","Boolean","activeDescendantItemValue","getItemByFocused","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -1,48 +0,0 @@
-import './Combobox.styles_1bdcydw.css';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@linaria/react');
-var Combobox_tokens = require('./Combobox.tokens.js');
-
-var _exp4 = function _exp4() {
-  return function (_ref) {
-    var listWidth = _ref.listWidth;
-    return listWidth || '100%';
-  };
-};
-var _exp5 = function _exp5() {
-  return function (_ref2) {
-    var listHeight = _ref2.listHeight;
-    return listHeight || 'auto';
-  };
-};
-var _exp6 = function _exp6() {
-  return function (_ref3) {
-    var listOverflow = _ref3.listOverflow;
-    return listOverflow || 'initial';
-  };
-};
-var _exp7 = function _exp7() {
-  return function (_ref4) {
-    var isInnerUl = _ref4.isInnerUl;
-    return isInnerUl ? "calc(var(".concat(Combobox_tokens.tokens.padding, ") * -1) 0 0 0") : 0;
-  };
-};
-var Ul = /*#__PURE__*/react.styled('ul')({
-  name: "Ul",
-  "class": "uxiiees",
-  propsAsIs: false,
-  vars: {
-    "uxiiees-0": [/*#__PURE__*/_exp4()],
-    "uxiiees-1": [/*#__PURE__*/_exp5()],
-    "uxiiees-2": [/*#__PURE__*/_exp6()],
-    "uxiiees-3": [/*#__PURE__*/_exp7()]
-  }
-});
-var base = "b1veo3wn";
-
-exports.Ul = Ul;
-exports.base = base;
-//# sourceMappingURL=Combobox.styles.js.map

package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.styles.js","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants } from './Combobox.tokens';\n\nexport const Ul = styled.ul<{\n    listOverflow?: ComboboxProps['listOverflow'];\n    listHeight?: ComboboxProps['listHeight'];\n    listWidth?: ComboboxProps['listWidth'];\n    isInnerUl?: boolean;\n}>`\n    box-sizing: border-box;\n\n    background: var(${constants.background});\n    box-shadow: ${constants.boxShadow};\n\n    border-radius: var(${tokens.borderRadius});\n    width: ${({ listWidth }) => listWidth || '100%'};\n    height: ${({ listHeight }) => listHeight || 'auto'};\n    overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n    margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 0` : 0)};\n    padding: var(${tokens.padding}) 0;\n`;\n\nexport const base = css``;\n"],"names":["_exp4","_ref","listWidth","_exp5","_ref2","listHeight","_exp6","_ref3","listOverflow","_exp7","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","base"],"mappings":";;;;;;;AAIsD,IAAAA,KAAA,GAHpCA,SAGoCA,KAAAA,GAAA;AAAA,EAAA,OAczC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAjBjCA,SAiBiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;IAAAA,OAAiBA,UAAU,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAlBpCA,SAkBoCA,KAAAA,GAAA;AAAA,EAAA,OACtC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAnB7CA,SAmB6CA,KAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,eAAAC,MAAA,CAAeC,sBAAM,CAACC,OAAQ,qBAAiB,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhBrF,IAAMC,EAAE,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYXpB,KAAsC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACrCG,KAAwC,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtCG,KAA+C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEjDG,KAA8E,EAAA,CAAA;AAAA,GAAA;AAAA,CAE3F,EAAA;AAEM,IAAMY,IAAI,GAAQ;;;;;"}

package/cjs/components/Combobox/ComboboxNew/Combobox.styles_1bdcydw.css

@@ -1,2 +0,0 @@
-.uxiiees{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-combobox-border-radius);width:var(--uxiiees-0);height:var(--uxiiees-1);overflow:var(--uxiiees-2);margin:var(--uxiiees-3);padding:var(--plasma-combobox-padding) 0;}
-