@salutejs/plasma-new-hope 0.139.0-canary.1352.10686935940.0 → 0.139.0-canary.1406.10687974550.0

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

@@ -0,0 +1,455 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef, useState, useRef, useMemo, useReducer, useLayoutEffect, createContext } from 'react';
+import { useForkRef, safeUseId } from '@salutejs/plasma-core';
+import '../../../utils/react.js';
+import { isEmpty } from '../../../utils/isEmpty.js';
+import { useOutsideClick } from '../../../hooks/useOutsideClick.js';
+import { sizeToIconSize } from '../../Select/utils/sizeToIconSize.js';
+import { classes } from './Combobox.tokens.js';
+import { FloatingPopover } from './FloatingPopover.js';
+import { getItemByFocused, useKeyNavigation } from './hooks/useKeyboardNavigation.js';
+import { initialItemsTransform } from './utils/initialItemsTransform.js';
+import { updateDescendants } from './utils/updateDescendants.js';
+import { updateAncestors } from './utils/updateAncestors.js';
+import { updateSingleAncestors } from './utils/updateSingleAncestors.js';
+import { filterItems } from './utils/filterItems.js';
+import { getItemId } from './utils/getItemId.js';
+import { Inner } from './ui/Inner/Inner.js';
+import { StyledTextField } from './ui/Target/Target.styles.js';
+import { pathReducer } from './reducers/pathReducer.js';
+import { focusedPathReducer } from './reducers/focusedPathReducer.js';
+import { getTreeMaps, getPathMap } from './hooks/getPathMaps.js';
+import { IconArrowWrapper, StyledArrow, Ul, StyledEmptyState, base } from './Combobox.styles.js';
+import { base as base$1 } from './variations/_view/base.js';
+import { base as base$2 } from './variations/_size/base.js';
+
+var _excluded = ["multiple", "value", "onChange", "isTargetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "readOnly", "disabled", "filter", "closeAfterSelect"];
+var Context = /*#__PURE__*/createContext({});
+
+/**
+ * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.
+ */
+var comboboxRoot = function comboboxRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (props, ref) {
+    var _valueToItemMap$get, _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,
+      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,
+      outerCloseAfterSelect = props.closeAfterSelect,
+      rest = _objectWithoutProperties(props, _excluded);
+    var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      textValue = _useState2[0],
+      setTextValue = _useState2[1];
+    var _useState3 = useState(multiple ? [] : ''),
+      _useState4 = _slicedToArray(_useState3, 2),
+      internalValue = _useState4[0],
+      setInternalValue = _useState4[1];
+    var value = outerValue || internalValue;
+    var inputRef = useRef(null);
+    var floatingPopoverRef = useRef(null);
+    var inputForkRef = useForkRef(inputRef, ref);
+    var treeId = safeUseId();
+    var transformedItems = useMemo(function () {
+      return initialItemsTransform(items || []);
+    }, [items]);
+
+    // Создаем структуры для быстрой работы с деревом
+    var _useMemo = useMemo(function () {
+        return getTreeMaps(items);
+      }, [items]),
+      _useMemo2 = _slicedToArray(_useMemo, 3),
+      valueToCheckedMap = _useMemo2[0],
+      valueToItemMap = _useMemo2[1],
+      labelToItemMap = _useMemo2[2];
+    var filteredItems = filterItems(transformedItems, textValue, (_valueToItemMap$get = valueToItemMap.get(value)) === null || _valueToItemMap$get === void 0 ? void 0 : _valueToItemMap$get.label, filter);
+    var _useMemo3 = useMemo(function () {
+        return getPathMap(filteredItems);
+      }, [filteredItems, textValue]),
+      _useMemo4 = _slicedToArray(_useMemo3, 2),
+      pathMap = _useMemo4[0],
+      focusedToValueMap = _useMemo4[1];
+
+    // Состояния дерева элементов
+    var _useReducer = useReducer(pathReducer, []),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      path = _useReducer2[0],
+      dispatchPath = _useReducer2[1];
+    var _useReducer3 = useReducer(focusedPathReducer, []),
+      _useReducer4 = _slicedToArray(_useReducer3, 2),
+      focusedPath = _useReducer4[0],
+      dispatchFocusedPath = _useReducer4[1];
+    var _useState5 = useState(valueToCheckedMap),
+      _useState6 = _slicedToArray(_useState5, 2),
+      checked = _useState6[0],
+      setChecked = _useState6[1];
+    var isCurrentListOpen = Boolean(path[0]);
+    var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
+    var withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;
+    var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !multiple;
+
+    // Логика работы при клике за пределами выпадающего списка
+    var targetRef = useOutsideClick(function () {
+      if (!isCurrentListOpen) {
+        return;
+      }
+      dispatchPath({
+        type: 'reset'
+      });
+      dispatchFocusedPath({
+        type: 'reset'
+      });
+
+      // Проверяем, отличается ли значение в инпуте от выбранного value после закрытия дропдауна.
+      // Если изменилось, то возвращаем label выбранного айтема.
+      // Если нет выбранного элемента, то стираем значение инпута.
+      if (textValue !== value) {
+        if (isEmpty(value)) {
+          setTextValue('');
+        } else {
+          var _valueToItemMap$get2;
+          setTextValue(((_valueToItemMap$get2 = valueToItemMap.get(value)) === null || _valueToItemMap$get2 === void 0 ? void 0 : _valueToItemMap$get2.label) || '');
+        }
+      }
+    }, floatingPopoverRef);
+    var onChange = function onChange(newValue) {
+      if (outerOnChange) {
+        outerOnChange(newValue);
+      }
+      setInternalValue(newValue);
+    };
+    var handleClickArrow = function handleClickArrow() {
+      if (disabled) {
+        return;
+      }
+      if (isCurrentListOpen) {
+        dispatchPath({
+          type: 'reset'
+        });
+      } else {
+        dispatchPath({
+          type: 'opened_first_level'
+        });
+      }
+      dispatchFocusedPath({
+        type: 'reset'
+      });
+    };
+
+    // Обработчик изменения значения в инпуте
+    var handleTextValueChange = function handleTextValueChange(e) {
+      setTextValue(e.target.value);
+      dispatchPath({
+        type: 'opened_first_level'
+      });
+      dispatchFocusedPath({
+        type: 'reset'
+      });
+    };
+
+    // Обработчик чипов
+    var handleChipsChange = function handleChipsChange(chipLabels) {
+      onChange(chipLabels.map(function (chipLabel) {
+        return labelToItemMap.get(chipLabel).value;
+      }));
+    };
+
+    // Обработчик открытия/закрытия выпадающего списка
+    var handleListToggle = function handleListToggle(opened) {
+      if (disabled) {
+        return;
+      }
+      if (opened) {
+        dispatchPath({
+          type: 'opened_first_level'
+        });
+      } else {
+        dispatchFocusedPath({
+          type: 'reset'
+        });
+        dispatchPath({
+          type: 'reset'
+        });
+      }
+    };
+
+    // Обработчик выбора чекбоксов (только при multiple)
+    var handleCheckboxChange = function handleCheckboxChange(item) {
+      if (!multiple) {
+        return;
+      }
+      var checkedCopy = new Map(checked);
+      if (!checkedCopy.get(item.value)) {
+        checkedCopy.set(item.value, true);
+        updateDescendants(item, checkedCopy, true);
+      } else {
+        checkedCopy.set(item.value, false);
+        updateDescendants(item, checkedCopy, false);
+      }
+      updateAncestors(item, checkedCopy);
+      var newValues = [];
+      valueToItemMap.forEach(function (item, key) {
+        if (checkedCopy.get(key)) {
+          newValues.push(item.value);
+        }
+      });
+      if (closeAfterSelect) {
+        dispatchPath({
+          type: 'reset'
+        });
+        dispatchFocusedPath({
+          type: 'reset'
+        });
+      }
+      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(item === null || item === void 0 ? void 0 : item.items)) {
+        return;
+      }
+      if (multiple) {
+        handleCheckboxChange(item);
+        return;
+      }
+      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(item, checkedCopy, 'dot');
+      }
+      setTextValue(isCurrentChecked ? '' : item.label);
+      if (closeAfterSelect) {
+        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(item.items)) {
+        handleItemClick(item, e);
+      } else if (multiple) {
+        handleCheckboxChange(item);
+      }
+    };
+    var _useKeyNavigation = useKeyNavigation({
+        focusedPath: focusedPath,
+        dispatchFocusedPath: dispatchFocusedPath,
+        path: path,
+        dispatchPath: dispatchPath,
+        pathMap: pathMap,
+        focusedToValueMap: focusedToValueMap,
+        handleListToggle: handleListToggle,
+        handlePressDown: handlePressDown,
+        multiselect: multiple,
+        setTextValue: setTextValue
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
+
+    // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
+    // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
+    useLayoutEffect(function () {
+      var checkedCopy = new Map(checked);
+      checkedCopy.forEach(function (_, key) {
+        checkedCopy.set(key, false);
+      });
+      if (!isEmpty(value)) {
+        if (Array.isArray(value)) {
+          value.forEach(function (val) {
+            checkedCopy.set(val, true);
+            updateDescendants(valueToItemMap.get(val), checkedCopy, true);
+            updateAncestors(valueToItemMap.get(val), checkedCopy);
+          });
+        } else {
+          checkedCopy.set(value, 'done');
+          updateSingleAncestors(valueToItemMap.get(value), checkedCopy, 'dot');
+        }
+      }
+      setChecked(checkedCopy);
+    }, [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, {
+      ref: floatingPopoverRef,
+      opened: isCurrentListOpen,
+      onToggle: function onToggle(opened) {
+        return opened && handleListToggle(true);
+      },
+      placement: placement,
+      portal: portal,
+      target: function target(referenceRef) {
+        return /*#__PURE__*/React.createElement(StyledTextField, _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: /*#__PURE__*/React.createElement(IconArrowWrapper, {
+            disabled: disabled,
+            onClick: handleClickArrow
+          }, /*#__PURE__*/React.createElement(StyledArrow, {
+            color: "inherit",
+            size: sizeToIconSize(size),
+            className: withArrowInverse
+          })),
+          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(treeId, activeDescendantItemValue) : ''
+        }, multiple ? {
+          enumerationType: 'chip',
+          chips: getChips(),
+          onChangeChips: handleChipsChange
+        } : {
+          enumerationType: 'plain'
+        }, rest, {
+          onEnterDisabled: true // Пропс для отключения обработчика Enter внутри Textfield
+        }));
+      }
+    }, /*#__PURE__*/React.createElement(Root, {
+      size: size,
+      view: view,
+      labelPlacement: labelPlacement,
+      disabled: disabled,
+      readOnly: readOnly
+    }, /*#__PURE__*/React.createElement(Ul, {
+      role: "tree",
+      id: "".concat(treeId, "_tree_level_1"),
+      "aria-multiselectable": Boolean(multiple),
+      listHeight: listHeight,
+      listOverflow: listOverflow,
+      listWidth: listWidth,
+      ref: targetRef
+    }, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
+      className: classes.emptyStateWrapper,
+      size: size,
+      description: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"
+    }) : filteredItems.map(function (item, index) {
+      return /*#__PURE__*/React.createElement(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: base,
+  variations: {
+    view: {
+      css: base$1
+    },
+    size: {
+      css: base$2
+    },
+    readOnly: {
+      css: base$2
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm',
+    labelPlacement: 'outer'
+  }
+};
+
+export { Context, comboboxConfig, comboboxRoot };
+//# sourceMappingURL=Combobox.js.map

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

@@ -0,0 +1 @@
+{"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';\nimport { sizeToIconSize } from '../../Select/utils';\n\nimport { classes } from './Combobox.tokens';\nimport { FloatingPopover } from './FloatingPopover';\nimport { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';\nimport {\n    initialItemsTransform,\n    updateAncestors,\n    updateDescendants,\n    updateSingleAncestors,\n    filterItems,\n    getItemId,\n} from './utils';\nimport { Inner, StyledTextField } from './ui';\nimport { pathReducer, focusedPathReducer } from './reducers';\nimport { getPathMap, getTreeMaps } from './hooks/getPathMaps';\nimport { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } 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            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            closeAfterSelect: outerCloseAfterSelect,\n            ...rest\n        } = props;\n        const [textValue, setTextValue] = useState('');\n        const [internalValue, setInternalValue] = useState<string | 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        // Создаем структуры для быстрой работы с деревом\n        const [valueToCheckedMap, valueToItemMap, labelToItemMap] = useMemo(() => getTreeMaps(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        const [pathMap, focusedToValueMap] = useMemo(() => getPathMap(filteredItems), [filteredItems, textValue]);\n\n        // Состояния дерева элементов\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const isCurrentListOpen = Boolean(path[0]);\n        const activeDescendantItemValue = getItemByFocused(focusedPath, focusedToValueMap)?.value || '';\n        const withArrowInverse = isCurrentListOpen ? classes.arrowInverse : undefined;\n        const closeAfterSelect = outerCloseAfterSelect ?? !multiple;\n\n        // Логика работы при клике за пределами выпадающего списка\n        const targetRef = useOutsideClick<HTMLUListElement>(() => {\n            if (!isCurrentListOpen) {\n                return;\n            }\n\n            dispatchPath({ type: 'reset' });\n            dispatchFocusedPath({ type: 'reset' });\n\n            // Проверяем, отличается ли значение в инпуте от выбранного 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 = (newValue: string | Array<string>) => {\n            if (outerOnChange) {\n                outerOnChange(newValue as any);\n            }\n\n            setInternalValue(newValue);\n        };\n\n        const handleClickArrow = () => {\n            if (disabled) {\n                return;\n            }\n\n            if (isCurrentListOpen) {\n                dispatchPath({ type: 'reset' });\n            } else {\n                dispatchPath({ type: 'opened_first_level' });\n            }\n\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик изменения значения в инпуте\n        const handleTextValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n            setTextValue(e.target.value);\n            dispatchPath({ type: 'opened_first_level' });\n            dispatchFocusedPath({ type: 'reset' });\n        };\n\n        // Обработчик чипов\n        const handleChipsChange = (chipLabels: any[]) => {\n            onChange(chipLabels.map((chipLabel) => labelToItemMap.get(chipLabel)!.value));\n        };\n\n        // Обработчик открытия/закрытия выпадающего списка\n        const handleListToggle = (opened: boolean) => {\n            if (disabled) {\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\n        // Обработчик выбора чекбоксов (только при multiple)\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            if (!multiple) {\n                return;\n            }\n\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value)) {\n                checkedCopy.set(item.value, true);\n                updateDescendants(item, checkedCopy, true);\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 (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\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        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiple) {\n                handleCheckboxChange(item);\n                return;\n            }\n\n            if (e) {\n                e.stopPropagation();\n            }\n\n            const 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            if (closeAfterSelect) {\n                dispatchPath({ type: 'reset' });\n                dispatchFocusedPath({ type: 'reset' });\n            }\n\n            if (onChange) {\n                onChange(isCurrentChecked ? '' : item.value);\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            handleListToggle,\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        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 && handleListToggle(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={\n                                        <IconArrowWrapper disabled={disabled} onClick={handleClickArrow}>\n                                            <StyledArrow\n                                                color=\"inherit\"\n                                                size={sizeToIconSize(size)}\n                                                className={withArrowInverse}\n                                            />\n                                        </IconArrowWrapper>\n                                    }\n                                    textBefore={textBefore}\n                                    textAfter={textAfter}\n                                    onKeyDown={onKeyDown}\n                                    leftHelper={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: handleChipsChange,\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                                    {isEmpty(filteredItems) ? (\n                                        <StyledEmptyState\n                                            className={classes.emptyStateWrapper}\n                                            size={size}\n                                            description=\"Ничего не найдено\"\n                                        />\n                                    ) : (\n                                        filteredItems.map((item, index) => (\n                                            <Inner\n                                                key={`${index}/0`}\n                                                item={item}\n                                                currentLevel={0}\n                                                path={path}\n                                                dispatchPath={dispatchPath}\n                                                index={index}\n                                                listWidth={listWidth}\n                                            />\n                                        ))\n                                    )}\n                                </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        labelPlacement: 'outer',\n    },\n};\n"],"names":["Context","createContext","comboboxRoot","Root","forwardRef","props","ref","_valueToItemMap$get","_getItemByFocused","multiple","outerValue","value","outerOnChange","onChange","isTargetAmount","items","_props$placement","placement","label","placeholder","helperText","contentLeft","textBefore","textAfter","_props$variant","variant","listOverflow","listHeight","listWidth","portal","renderItem","view","size","labelPlacement","_props$readOnly","readOnly","_props$disabled","disabled","filter","outerCloseAfterSelect","closeAfterSelect","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","textValue","setTextValue","_useState3","_useState4","internalValue","setInternalValue","inputRef","useRef","floatingPopoverRef","inputForkRef","useForkRef","treeId","safeUseId","transformedItems","useMemo","initialItemsTransform","_useMemo","getTreeMaps","_useMemo2","valueToCheckedMap","valueToItemMap","labelToItemMap","filteredItems","filterItems","get","_useMemo3","getPathMap","_useMemo4","pathMap","focusedToValueMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useState5","_useState6","checked","setChecked","isCurrentListOpen","Boolean","activeDescendantItemValue","getItemByFocused","withArrowInverse","classes","arrowInverse","undefined","targetRef","useOutsideClick","type","isEmpty","_valueToItemMap$get2","newValue","handleClickArrow","handleTextValueChange","e","target","handleChipsChange","chipLabels","map","chipLabel","handleListToggle","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","React","createElement","Provider","FloatingPopover","onToggle","referenceRef","StyledTextField","_extends","inputWrapperRef","contentRight","IconArrowWrapper","onClick","StyledArrow","color","sizeToIconSize","className","leftHelper","role","getItemId","enumerationType","chips","onChangeChips","onEnterDisabled","Ul","id","StyledEmptyState","emptyStateWrapper","description","index","Inner","currentLevel","comboboxConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

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

@@ -0,0 +1,87 @@
+import './Combobox.styles_iq2uzw.css';
+import { styled } from '@linaria/react';
+import { emptyStateConfig } from '../../EmptyState/EmptyState.js';
+import 'react';
+import { IconDisclosureDownCentered } from '../../_Icon/Icons/IconDisclosureDownCentered.js';
+import '@linaria/core';
+import { component, mergeConfig } from '../../../engines/common.js';
+import { tokens, constants } from './Combobox.tokens.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig);
+var EmptyState = /*#__PURE__*/component(mergedConfig);
+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(tokens.padding, ") * -1) 0 0 0") : 0;
+  };
+};
+var Ul = /*#__PURE__*/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 _exp11 = function _exp11() {
+  return function (_ref5) {
+    var disabled = _ref5.disabled;
+    return disabled ? 'inherit' : 'pointer';
+  };
+};
+var _exp13 = function _exp13() {
+  return function (_ref6) {
+    var disabled = _ref6.disabled;
+    return disabled ? "var(".concat(constants.disclosureIconColor, ")") : "var(".concat(constants.disclosureIconColorHover, ")");
+  };
+};
+var IconArrowWrapper = /*#__PURE__*/styled('div')({
+  name: "IconArrowWrapper",
+  "class": "i1veo3wn",
+  propsAsIs: false,
+  vars: {
+    "i1veo3wn-0": [/*#__PURE__*/_exp11()],
+    "i1veo3wn-1": [/*#__PURE__*/_exp13()]
+  }
+});
+var _exp14 = function _exp14() {
+  return IconDisclosureDownCentered;
+};
+var StyledArrow = /*#__PURE__*/styled(_exp14())({
+  name: "StyledArrow",
+  "class": "s1hxiinv",
+  propsAsIs: true
+});
+var base = "br87xox";
+var _exp15 = function _exp15() {
+  return EmptyState;
+};
+var StyledEmptyState = /*#__PURE__*/styled(_exp15())({
+  name: "StyledEmptyState",
+  "class": "s11cn92k",
+  propsAsIs: true
+});
+
+export { IconArrowWrapper, StyledArrow, StyledEmptyState, Ul, base };
+//# sourceMappingURL=Combobox.styles.js.map

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

@@ -0,0 +1 @@
+{"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 { emptyStateConfig, emptyStateTokens } from '../../EmptyState';\nimport { IconDisclosureDownCentered } from '../../_Icon';\nimport { component, mergeConfig } from '../../../engines';\n\nimport { ComboboxProps } from './Combobox.types';\nimport { tokens, constants, classes } from './Combobox.tokens';\n\nconst mergedConfig = mergeConfig(emptyStateConfig);\nconst EmptyState = component(mergedConfig);\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    .${classes.emptyStateWrapper} {\n        box-shadow: none;\n    }\n`;\n\nexport const IconArrowWrapper = styled.div<{ disabled: boolean }>`\n    line-height: 0;\n    color: var(${constants.disclosureIconColor});\n    cursor: ${({ disabled }) => (disabled ? 'inherit' : 'pointer')};\n\n    .${classes.arrowInverse} {\n        transform: rotate(-180deg);\n    }\n\n    &:hover,\n    &:active {\n        color: ${({ disabled }) =>\n            disabled ? `var(${constants.disclosureIconColor})` : `var(${constants.disclosureIconColorHover})`};\n    }\n`;\n\nexport const StyledArrow = styled(IconDisclosureDownCentered)``;\n\nexport const base = css``;\n\nexport const StyledEmptyState = styled(EmptyState)`\n    ${emptyStateTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n    ${emptyStateTokens.padding}: var(${tokens.emptyStatePadding});\n    ${emptyStateTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n    ${emptyStateTokens.fontSize}: var(${tokens.textFieldFontSize});\n    ${emptyStateTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n    ${emptyStateTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n    ${emptyStateTokens.fontLetterSpacing}: var(${tokens.textFieldLetterSpacing});\n    ${emptyStateTokens.fontLineHeight}: var(${tokens.textFieldLineHeight});\n`;\n"],"names":["mergedConfig","mergeConfig","emptyStateConfig","EmptyState","component","_exp4","_ref","listWidth","_exp5","_ref2","listHeight","_exp6","_ref3","listOverflow","_exp7","_ref4","isInnerUl","concat","tokens","padding","Ul","styled","name","class","propsAsIs","vars","_exp11","_ref5","disabled","_exp13","_ref6","constants","disclosureIconColor","disclosureIconColorHover","IconArrowWrapper","_exp14","IconDisclosureDownCentered","StyledArrow","base","_exp15","StyledEmptyState"],"mappings":"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"}

package/es/components/Combobox/ComboboxNew/Combobox.styles_iq2uzw.css

@@ -0,0 +1,5 @@
+.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;}.uxiiees .combobox-empty-state-wrapper{box-shadow:none;}
+.i1veo3wn{line-height:0;color:var(--text-secondary);cursor:var(--i1veo3wn-0);}.i1veo3wn .arrow-inverse{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.i1veo3wn:hover,.i1veo3wn:active{color:var(--i1veo3wn-1);}
+
+
+.s11cn92k{--plasma-emptystate-border-radius:var(--plasma-combobox-new-textfield-border-radius);--plasma-emptystate-padding:var(--plasma-combobox-new-empty-state-padding);--plasma-emptystate-font-family:var(--plasma-combobox-new-textfield-font-family);--plasma-emptystate-font-size:var(--plasma-combobox-new-textfield-font-size);--plasma-emptystate-font-style:var(--plasma-combobox-new-textfield-font-style);--plasma-emptystate-font-weight:var(--plasma-combobox-new-textfield-font-weight);--plasma-emptystate-font-letter-spacing:var(--plasma-combobox-new-textfield-letter-spacing);--plasma-emptystate-font-line-height:var(--plasma-combobox-new-textfield-line-height);}