@salutejs/plasma-new-hope 0.110.0-dev.0 → 0.110.1-canary.1233.10062283292.0

package/cjs/components/Select/Select.js

@@ -4,246 +4,318 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var plasmaCore = require('@salutejs/plasma-core');
-var index$1 = require('../../utils/index.js');
-var useForceUpdate = require('../../hooks/useForceUpdate.js');
-var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
-var base = require('./variations/_target/base.js');
-var base$1 = require('./variations/_view/base.js');
-var base$2 = require('./variations/_size/base.js');
+require('../../utils/react.js');
+var isEmpty = require('../../utils/isEmpty.js');
+var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
+var useOutsideClick = require('../../hooks/useOutsideClick.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');
 require('@linaria/react');
 require('@linaria/core');
 require('focus-visible');
-require('react-popper');
-require('react-dom');
-require('styled-components');
-var Select_tokens = require('./Select.tokens.js');
-var SelectTarget = require('./ui/SelectTarget/SelectTarget.js');
-var index = require('./utils/index.js');
+require('@salutejs/plasma-core');
+var Inner = require('./ui/Inner/Inner.js');
+var Target = require('./ui/Target/Target.js');
+var pathReducer = require('./reducers/pathReducer.js');
+var focusedPathReducer = require('./reducers/focusedPathReducer.js');
+var focusedChipIndexReducer = require('./reducers/focusedChipIndexReducer.js');
+var usePathMaps = require('./hooks/usePathMaps.js');
 var Select_styles = require('./Select.styles.js');
-var useKeyNavigation = require('./hooks/useKeyNavigation.js');
-var getPopoverPlacement = require('../../utils/getPopoverPlacement.js');
+var base = require('./variations/_view/base.js');
+var base$1 = require('./variations/_size/base.js');
 
-var _excluded = ["name", "form", "readOnly", "disabled", "label", "id", "children", "role", "target", "view", "size", "frame", "usePortal", "enumerationType", "opened", "placement", "onToggle"];
+var _excluded = ["multiselect", "value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "isTargetAmount", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
+var Context = /*#__PURE__*/React.createContext({});
 
 /**
- * Выпадающий список без внешнего контроля видимости.
+ * Выпадающий список. Поддерживает выбор одного или нескольких значений.
  */
 var selectRoot = function selectRoot(Root) {
-  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
-    var _targetRef$current;
-    var name = _ref.name,
-      form = _ref.form,
-      readOnly = _ref.readOnly,
-      disabled = _ref.disabled,
-      label = _ref.label,
-      id = _ref.id,
-      children = _ref.children,
-      role = _ref.role,
-      target = _ref.target,
-      view = _ref.view,
-      size = _ref.size,
-      frame = _ref.frame,
-      usePortal = _ref.usePortal,
-      _ref$enumerationType = _ref.enumerationType,
-      enumerationType = _ref$enumerationType === void 0 ? 'comma' : _ref$enumerationType,
-      _ref$opened = _ref.opened,
-      opened = _ref$opened === void 0 ? false : _ref$opened,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
-      onToggle = _ref.onToggle,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var forceUpdate = useForceUpdate.useForceUpdate();
-    var uniqId = plasmaCore.safeUseId();
-    var innerId = id || uniqId;
-    var _rest$valueType = rest.valueType,
-      valueType = _rest$valueType === void 0 ? 'single' : _rest$valueType,
-      value = rest.value;
-    var offset = [0, 4];
-    var _useState = React.useState(null),
+  return /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var _props$multiselect = props.multiselect,
+      multiselect = _props$multiselect === void 0 ? false : _props$multiselect,
+      outerValue = props.value,
+      outerOnChange = props.onChange,
+      _props$target = props.target,
+      target = _props$target === void 0 ? 'textfield-like' : _props$target,
+      items = props.items,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+      label = props.label,
+      _props$labelPlacement = props.labelPlacement,
+      labelPlacement = _props$labelPlacement === void 0 ? 'outer' : _props$labelPlacement,
+      placeholder = props.placeholder,
+      helperText = props.helperText,
+      _props$isTargetAmount = props.isTargetAmount,
+      isTargetAmount = _props$isTargetAmount === void 0 ? false : _props$isTargetAmount,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      view = props.view,
+      size = props.size,
+      listOverflow = props.listOverflow,
+      listHeight = props.listHeight,
+      listWidth = props.listWidth,
+      contentLeft = props.contentLeft,
+      onScrollBottom = props.onScrollBottom,
+      chipView = props.chipView,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? 'normal' : _props$variant,
+      portal = props.portal,
+      renderValue = props.renderValue,
+      renderItem = props.renderItem,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+    var _useState = React.useState(outerValue || multiselect ? [] : ''),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      ref = _useState2[0],
-      setRef = _useState2[1];
-    var rootRef = React.useRef(null);
-    var handleRef = plasmaCore.useForkRef(rootRef, outerRootRef);
-    var targetRef = React.useRef(null);
-    var chipsRefs = React.useRef([]);
-    var selectRef = React.useRef(null);
-    var itemsRefs = React.useRef([]);
-    var controlledRefs = {
-      targetRef: targetRef,
-      chipsRefs: chipsRefs,
-      selectRef: selectRef,
-      itemsRefs: itemsRefs
+      internalValue = _useState2[0],
+      setInternalValue = _useState2[1];
+    var value = outerValue || internalValue;
+    var onChange = function onChange(e) {
+      if (outerOnChange) {
+        outerOnChange(e);
+      }
+      setInternalValue(e);
     };
-    var _useState3 = React.useState(opened),
+    var transformedItems = React.useMemo(function () {
+      return initialItemsTransform.initialItemsTransform(items);
+    }, [items]);
+    var _usePathMaps = usePathMaps.usePathMaps(transformedItems),
+      _usePathMaps2 = _rollupPluginBabelHelpers.slicedToArray(_usePathMaps, 4),
+      pathMap = _usePathMaps2[0],
+      focusedToValueMap = _usePathMaps2[1],
+      valueToCheckedMap = _usePathMaps2[2],
+      valueToItemMap = _usePathMaps2[3];
+    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 _useReducer5 = React.useReducer(focusedChipIndexReducer.focusedChipIndexReducer, null),
+      _useReducer6 = _rollupPluginBabelHelpers.slicedToArray(_useReducer5, 2),
+      focusedChipIndex = _useReducer6[0],
+      dispatchFocusedChipIndex = _useReducer6[1];
+    var _useState3 = React.useState(valueToCheckedMap),
       _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      innerOpened = _useState4[0],
-      setOpened = _useState4[1];
-
-    // INFO: нужно высчитывать для корректной работы портала
-    var dynamicTargetWidth = (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth;
-    var withNativeSelectVisible = valueType === 'native' ? Select_tokens.classes.nativeSelectVisible : undefined;
-
-    // INFO: Из-за того, что классы передаются через ref,
-    // состояние пропсов после изменения view, size, target
-    // всегда предыдущее, поэтому нужно делать форс-ререндер
-    useDidMountEffect.useDidMountEffect(function () {
-      forceUpdate();
-    }, [view, size, target]);
-    React.useEffect(function () {
-      if (disabled || readOnly) {
-        return;
+      checked = _useState4[0],
+      setChecked = _useState4[1];
+    var targetRef = useOutsideClick.useOutsideClick(function () {
+      if (focusedChipIndex != null) {
+        dispatchFocusedChipIndex({
+          type: 'reset'
+        });
       }
-      setOpened(opened);
-    }, [opened, disabled, readOnly]);
-    var onInnerToggle = React.useCallback(function (openValue, event) {
-      if (disabled || readOnly) {
-        return;
+    });
+    var handleToggle = function handleToggle(opened) {
+      if (opened) {
+        dispatchPath({
+          type: 'opened_first_level'
+        });
+      } else {
+        dispatchFocusedPath({
+          type: 'reset'
+        });
+        dispatchPath({
+          type: 'reset'
+        });
+        dispatchFocusedChipIndex({
+          type: 'reset'
+        });
       }
-      if (onToggle) {
-        onToggle(openValue, event);
-        return;
+    };
+    var handleCheckboxChange = function handleCheckboxChange(item) {
+      var checkedCopy = new Map(checked);
+      if (!checkedCopy.get(item.value.toString())) {
+        checkedCopy.set(item.value.toString(), true);
+        updateDescendants.updateDescendants(item, checkedCopy, true);
+      } else {
+        checkedCopy.set(item.value.toString(), false);
+        updateDescendants.updateDescendants(item, checkedCopy, false);
       }
-      setOpened(openValue);
-    }, [disabled, readOnly, onToggle]);
-    var updateValue = React.useCallback(function (item, event) {
-      var _rest$onChangeValue2;
-      var newValue = item.dataset.value;
-      if (rest.valueType === 'multiple') {
-        var _rest$onChangeValue;
-        var _newSelected = index.getNewSelected(rest.value, newValue, rest.valueType);
-        (_rest$onChangeValue = rest.onChangeValue) === null || _rest$onChangeValue === void 0 || _rest$onChangeValue.call(rest, _newSelected);
-        return;
+      updateAncestors.updateAncestors(item, checkedCopy);
+      var newValues = [];
+      valueToItemMap.forEach(function (item, key) {
+        if (checkedCopy.get(key)) {
+          newValues.push(item.value.toString());
+        }
+      });
+      if (onChange) {
+        onChange(newValues);
       }
-      var newSelected = index.getNewSelected(rest.value, newValue, 'single');
-      (_rest$onChangeValue2 = rest.onChangeValue) === null || _rest$onChangeValue2 === void 0 || _rest$onChangeValue2.call(rest, newSelected);
-      onInnerToggle === null || onInnerToggle === void 0 || onInnerToggle(false, event);
-    }, [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle]);
-    var onClickChildrenItem = React.useCallback(function (event) {
-      // INFO: Для корректной работы компонента Popper
-      event.stopPropagation();
-      var item = event.currentTarget;
-      updateValue(item, event);
-    }, [updateValue]);
-    var onNativeSelectChange = React.useCallback(function (event) {
-      var _rest$onChangeValue3;
-      if (rest.valueType === 'multiple') {
+    };
+    var handleItemClick = function handleItemClick(item, e) {
+      if (!isEmpty.isEmpty(item === null || item === void 0 ? void 0 : item.items)) {
         return;
       }
-      var newValue = event.target.value;
-      var newSelected = index.getNewSelected(rest.value, newValue, 'native');
-      (_rest$onChangeValue3 = rest.onChangeValue) === null || _rest$onChangeValue3 === void 0 || _rest$onChangeValue3.call(rest, newSelected);
-    }, [rest.value, rest.valueType, rest.onChangeValue]);
-    var onChangeChipValue = React.useCallback(function (newValue) {
-      var _rest$onChangeValue4;
-      if (rest.valueType !== 'multiple') {
-        return;
+      if (multiselect) {
+        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');
+        }
+        if (onChange) {
+          onChange(isCurrentChecked ? '' : item.value);
+        }
       }
-      (_rest$onChangeValue4 = rest.onChangeValue) === null || _rest$onChangeValue4 === void 0 || _rest$onChangeValue4.call(rest, newValue);
-    }, [rest.valueType]);
-    var _useKeyNavigation = useKeyNavigation.useKeyNavigation({
-        controlledRefs: controlledRefs,
-        opened: innerOpened,
-        enumerationType: enumerationType,
-        valueType: valueType,
+    };
+    var handleChipClick = function handleChipClick(currentValue) {
+      handleCheckboxChange(valueToItemMap.get(currentValue));
+    };
+    var handlePressDown = function handlePressDown(item, e) {
+      if (isEmpty.isEmpty(item.items)) {
+        handleItemClick(item, e);
+      } else if (multiselect) {
+        handleCheckboxChange(item);
+      }
+    };
+    var handleScroll = function handleScroll(e) {
+      if (!onScrollBottom) return;
+      var target = e.target;
+      if (target.scrollHeight - target.scrollTop === target.clientHeight) {
+        onScrollBottom(e);
+      }
+    };
+    var _useKeyNavigation = useKeyboardNavigation.useKeyNavigation({
+        focusedPath: focusedPath,
+        dispatchFocusedPath: dispatchFocusedPath,
+        path: path,
+        dispatchPath: dispatchPath,
+        pathMap: pathMap,
+        focusedToValueMap: focusedToValueMap,
+        handleToggle: handleToggle,
+        handlePressDown: handlePressDown,
+        focusedChipIndex: focusedChipIndex,
+        dispatchFocusedChipIndex: dispatchFocusedChipIndex,
         value: value,
-        updateOpened: onInnerToggle,
-        updateValue: updateValue
+        valueToItemMap: valueToItemMap,
+        multiselect: multiselect,
+        isTargetAmount: isTargetAmount
       }),
-      onKeyDownTarget = _useKeyNavigation.onKeyDownTarget,
-      onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
-    var childrenArray = React.useMemo(function () {
-      return React.Children.toArray(children);
-    }, [children]);
-    var childrenMemo = React.useMemo(function () {
-      return index.getChildren(childrenArray, {
-        onClick: onClickChildrenItem,
-        childrenRefs: itemsRefs
-      }, value);
-    }, [childrenArray, value, innerOpened]);
-    var values = React.useMemo(function () {
-      return index.getValues(childrenArray, value);
-    }, [childrenArray, value]);
-    return /*#__PURE__*/React.createElement(Select_styles.StyledRoot, {
-      ref: selectRef
-    }, /*#__PURE__*/React.createElement(Select_styles.StyledNativeSelect, {
-      "aria-invalid": "false",
-      "aria-hidden": "true",
-      "aria-readonly": readOnly,
-      tabIndex: valueType === 'native' ? 0 : -1,
-      form: form,
-      name: name,
-      ref: handleRef,
-      value: "".concat(value),
-      disabled: disabled || readOnly,
-      onChange: onNativeSelectChange,
-      className: index$1.cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString(), withNativeSelectVisible)
-    }, valueType === 'native' && childrenMemo), /*#__PURE__*/React.createElement(Select_styles.StyledPopover, {
-      role: role,
-      isOpen: innerOpened,
-      onToggle: onInnerToggle,
-      target: /*#__PURE__*/React.createElement(SelectTarget.SelectTarget, {
-        tabIndex: valueType === 'native' ? -1 : 0,
-        opened: innerOpened,
+      onKeyDown = _useKeyNavigation.onKeyDown;
+    var isCurrentListOpen = Boolean(path[0]);
+
+    // В данном эффекте мы следим за изменениями 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]);
+    return /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: ref,
+      size: size,
+      view: view,
+      chipView: chipView
+    }, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/React.createElement(Select_styles.OuterLabel, null, label), /*#__PURE__*/React.createElement(Context.Provider, {
+      value: {
+        focusedPath: focusedPath,
+        checked: checked,
+        multiselect: multiselect,
+        size: size,
+        handleCheckboxChange: handleCheckboxChange,
+        handleItemClick: handleItemClick,
+        variant: variant,
+        renderItem: renderItem
+      }
+    }, /*#__PURE__*/React.createElement(Select_styles.StyledPopover, {
+      ref: targetRef,
+      isOpen: isCurrentListOpen,
+      placement: getPopoverPlacement.getPlacements(placement),
+      usePortal: Boolean(portal),
+      frame: portal,
+      onToggle: handleToggle,
+      trigger: "click",
+      target: /*#__PURE__*/React.createElement(Target.Target, {
+        opened: isCurrentListOpen,
         target: target,
-        values: values,
+        value: value,
+        isTargetAmount: isTargetAmount,
+        multiselect: multiselect,
+        valueToItemMap: valueToItemMap,
+        focusedPath: focusedPath,
+        focusedToValueMap: focusedToValueMap,
+        onChipClick: handleChipClick,
         label: label,
-        enumerationType: enumerationType,
-        readOnly: readOnly,
-        disabled: disabled,
+        placeholder: placeholder,
+        onKeyDown: onKeyDown,
+        focusedChipIndex: focusedChipIndex,
+        labelPlacement: labelPlacement,
         size: size,
-        ref: targetRef,
-        chipsRefs: chipsRefs,
-        id: innerId,
-        onChange: onChangeChipValue,
-        onKeyDown: onKeyDownTarget
+        contentLeft: contentLeft,
+        disabled: disabled,
+        renderValue: renderValue
       }),
-      className: index$1.cx(ref === null || ref === void 0 ? void 0 : ref.classList.toString()) // INFO: Прокидываем стили для Popover
-      ,
-      id: innerId,
-      offset: offset,
-      frame: frame,
-      placement: getPopoverPlacement.getPlacements(placement),
-      trigger: "click",
-      usePortal: usePortal,
-      selectWidth: dynamicTargetWidth,
-      isFocusTrapped: false,
       preventOverflow: false,
-      closeOnEsc: false,
       closeOnOverlayClick: true
     }, /*#__PURE__*/React.createElement(Root, _rollupPluginBabelHelpers.extends({
-      ref: setRef,
-      target: target,
-      view: view,
       size: size
-    }, rest), valueType !== 'native' && /*#__PURE__*/React.createElement(Select_styles.StyledSelect, {
-      onKeyDown: onKeyDownSelect
-    }, childrenMemo))));
+    }, rest), /*#__PURE__*/React.createElement(Select_styles.Ul, {
+      role: "tree",
+      id: "tree_level_1",
+      listHeight: listHeight,
+      listOverflow: listOverflow,
+      onScroll: handleScroll,
+      listWidth: listWidth
+    }, transformedItems.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
+      });
+    }))))), helperText && target === 'textfield-like' && /*#__PURE__*/React.createElement(Select_styles.HelperText, null, helperText));
   });
 };
 var selectConfig = {
   name: 'Select',
   tag: 'div',
   layout: selectRoot,
-  base: '',
+  base: Select_styles.base,
   variations: {
-    target: {
-      css: base.base
-    },
     view: {
-      css: base$1.base
+      css: base.base
     },
     size: {
-      css: base$2.base
+      css: base$1.base
     }
   },
   defaults: {
     view: 'default',
+    chipView: 'default',
     size: 'm'
   }
 };
 
+exports.Context = Context;
 exports.selectConfig = selectConfig;
 exports.selectRoot = selectRoot;
 //# sourceMappingURL=Select.js.map

package/cjs/components/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx, getPlacements } from '../../utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as targetCSS } from './variations/_target/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { SelectTarget } from './ui';\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { classes } from './Select.tokens';\nimport { StyledNativeSelect, StyledPopover, StyledRoot, StyledSelect } from './Select.styles';\nimport type { SelectPrimitiveValue, SelectProps } from './Select.types';\nimport { useKeyNavigation } from './hooks';\n\n/**\n * Выпадающий список без внешнего контроля видимости.\n */\nexport const selectRoot = (Root: RootProps<HTMLSelectElement, SelectProps>) =>\n    forwardRef<HTMLSelectElement, SelectProps>(\n        (\n            {\n                name,\n                form,\n                readOnly,\n                disabled,\n                label,\n                id,\n                children,\n                role,\n                target,\n                view,\n                size,\n                frame,\n                usePortal,\n                enumerationType = 'comma',\n                opened = false,\n                placement = 'bottom',\n                onToggle,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const forceUpdate = useForceUpdate();\n            const uniqId = safeUseId();\n            const innerId = id || uniqId;\n            const { valueType = 'single', value } = rest;\n            const offset = [0, 4] as [number, number];\n\n            const [ref, setRef] = useState<HTMLSelectElement | null>(null);\n            const rootRef = useRef<HTMLSelectElement | null>(null);\n            const handleRef = useForkRef<HTMLSelectElement>(rootRef, outerRootRef);\n\n            const targetRef = useRef<HTMLButtonElement>(null);\n            const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n            const selectRef = useRef<HTMLDivElement>(null);\n            const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n            const controlledRefs = { targetRef, chipsRefs, selectRef, itemsRefs };\n\n            const [innerOpened, setOpened] = useState(opened);\n\n            // INFO: нужно высчитывать для корректной работы портала\n            const dynamicTargetWidth = targetRef.current?.offsetWidth;\n            const withNativeSelectVisible = valueType === 'native' ? classes.nativeSelectVisible : undefined;\n\n            // INFO: Из-за того, что классы передаются через ref,\n            // состояние пропсов после изменения view, size, target\n            // всегда предыдущее, поэтому нужно делать форс-ререндер\n            useDidMountEffect(() => {\n                forceUpdate();\n            }, [view, size, target]);\n\n            useEffect(() => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                setOpened(opened);\n            }, [opened, disabled, readOnly]);\n\n            const onInnerToggle = useCallback(\n                (openValue: boolean, event: React.SyntheticEvent | Event) => {\n                    if (disabled || readOnly) {\n                        return;\n                    }\n\n                    if (onToggle) {\n                        onToggle(openValue, event);\n                        return;\n                    }\n\n                    setOpened(openValue);\n                },\n                [disabled, readOnly, onToggle],\n            );\n\n            const updateValue = useCallback(\n                (item: HTMLElement, event: React.SyntheticEvent | Event) => {\n                    const {\n                        dataset: { value: newValue },\n                    } = item;\n\n                    if (rest.valueType === 'multiple') {\n                        const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n                        rest.onChangeValue?.(newSelected);\n\n                        return;\n                    }\n\n                    const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n                    rest.onChangeValue?.(newSelected);\n\n                    onInnerToggle?.(false, event);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue, onToggle, onInnerToggle],\n            );\n\n            const onClickChildrenItem = useCallback(\n                (event: React.MouseEvent<HTMLDivElement>) => {\n                    // INFO: Для корректной работы компонента Popper\n                    event.stopPropagation();\n\n                    const item = event.currentTarget as HTMLElement;\n\n                    updateValue(item, event);\n                },\n                [updateValue],\n            );\n\n            const onNativeSelectChange = useCallback(\n                (event: React.ChangeEvent<HTMLSelectElement>) => {\n                    if (rest.valueType === 'multiple') {\n                        return;\n                    }\n\n                    const { value: newValue } = event.target;\n                    const newSelected = getNewSelected(rest.value, newValue, 'native');\n\n                    rest.onChangeValue?.(newSelected);\n                },\n                [rest.value, rest.valueType, rest.onChangeValue],\n            );\n\n            const onChangeChipValue = useCallback(\n                (newValue?: Array<SelectPrimitiveValue>) => {\n                    if (rest.valueType !== 'multiple') {\n                        return;\n                    }\n\n                    rest.onChangeValue?.(newValue);\n                },\n                [rest.valueType],\n            );\n\n            const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n                controlledRefs,\n                opened: innerOpened,\n                enumerationType,\n                valueType,\n                value,\n                updateOpened: onInnerToggle,\n                updateValue,\n            });\n\n            const childrenArray = useMemo(() => Children.toArray(children), [children]) as React.ReactElement[];\n\n            const childrenMemo = useMemo(\n                () => getChildren(childrenArray, { onClick: onClickChildrenItem, childrenRefs: itemsRefs }, value),\n                [childrenArray, value, innerOpened],\n            );\n\n            const values = useMemo(() => getValues(childrenArray, value), [childrenArray, value]);\n\n            return (\n                <StyledRoot ref={selectRef}>\n                    <StyledNativeSelect\n                        aria-invalid=\"false\"\n                        aria-hidden=\"true\"\n                        aria-readonly={readOnly}\n                        tabIndex={valueType === 'native' ? 0 : -1}\n                        form={form}\n                        name={name}\n                        ref={handleRef}\n                        value={`${value}`}\n                        disabled={disabled || readOnly}\n                        onChange={onNativeSelectChange}\n                        className={cx(ref?.classList.toString(), withNativeSelectVisible)}\n                    >\n                        {valueType === 'native' && childrenMemo}\n                    </StyledNativeSelect>\n                    <StyledPopover\n                        role={role}\n                        isOpen={innerOpened}\n                        onToggle={onInnerToggle}\n                        target={\n                            <SelectTarget\n                                tabIndex={valueType === 'native' ? -1 : 0}\n                                opened={innerOpened}\n                                target={target}\n                                values={values}\n                                label={label}\n                                enumerationType={enumerationType}\n                                readOnly={readOnly}\n                                disabled={disabled}\n                                size={size}\n                                ref={targetRef}\n                                chipsRefs={chipsRefs}\n                                id={innerId}\n                                onChange={onChangeChipValue}\n                                onKeyDown={onKeyDownTarget}\n                            />\n                        }\n                        className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n                        id={innerId}\n                        offset={offset}\n                        frame={frame}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        usePortal={usePortal}\n                        selectWidth={dynamicTargetWidth}\n                        isFocusTrapped={false}\n                        preventOverflow={false}\n                        closeOnEsc={false}\n                        closeOnOverlayClick\n                    >\n                        <Root ref={setRef} target={target} view={view} size={size} {...rest}>\n                            {valueType !== 'native' && (\n                                <StyledSelect onKeyDown={onKeyDownSelect}>{childrenMemo}</StyledSelect>\n                            )}\n                        </Root>\n                    </StyledPopover>\n                </StyledRoot>\n            );\n        },\n    );\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base: '',\n    variations: {\n        target: {\n            css: targetCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["selectRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","id","children","role","target","view","size","frame","usePortal","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","rootRef","useRef","handleRef","useForkRef","targetRef","chipsRefs","selectRef","itemsRefs","controlledRefs","_useState3","_useState4","innerOpened","setOpened","dynamicTargetWidth","current","offsetWidth","withNativeSelectVisible","classes","nativeSelectVisible","undefined","useDidMountEffect","useEffect","onInnerToggle","useCallback","openValue","event","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onNativeSelectChange","_rest$onChangeValue3","onChangeChipValue","_rest$onChangeValue4","_useKeyNavigation","useKeyNavigation","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","useMemo","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","values","getValues","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","onChange","className","cx","classList","toString","StyledPopover","isOpen","SelectTarget","onKeyDown","getPlacements","trigger","selectWidth","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","_extends","StyledSelect","selectConfig","tag","layout","base","variations","css","targetCSS","viewCSS","sizeCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../src/components/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { isEmpty, getPlacements } from '../../utils';\nimport { useOutsideClick } from '../../hooks';\n\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\nimport { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors } from './utils';\nimport { Inner, Target } from './ui';\nimport { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';\nimport { usePathMaps } from './hooks/usePathMaps';\nimport { StyledPopover, Ul, base, OuterLabel, HelperText } from './Select.styles';\nimport type { SelectProps, ItemContext } from './Select.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 selectRoot = (Root: RootProps<HTMLButtonElement, Omit<SelectProps, 'items'>>) =>\n    forwardRef<HTMLButtonElement, SelectProps>((props, ref) => {\n        const {\n            multiselect = false,\n            value: outerValue,\n            onChange: outerOnChange,\n            target = 'textfield-like',\n            items,\n            placement = 'bottom',\n            label,\n            labelPlacement = 'outer',\n            placeholder,\n            helperText,\n            isTargetAmount = false,\n            disabled = false,\n            view,\n            size,\n            listOverflow,\n            listHeight,\n            listWidth,\n            contentLeft,\n            onScrollBottom,\n            chipView,\n            variant = 'normal',\n            portal,\n            renderValue,\n            renderItem,\n            ...rest\n        } = props;\n\n        const [internalValue, setInternalValue] = useState<string | string[]>(outerValue || multiselect ? [] : '');\n\n        const value = outerValue || internalValue;\n\n        const onChange = (e: string | string[]) => {\n            if (outerOnChange) {\n                outerOnChange(e as any);\n            }\n\n            setInternalValue(e);\n        };\n\n        const transformedItems = useMemo(() => initialItemsTransform(items), [items]);\n\n        const [pathMap, focusedToValueMap, valueToCheckedMap, valueToItemMap] = usePathMaps(transformedItems);\n\n        const [path, dispatchPath] = useReducer(pathReducer, []);\n        const [focusedPath, dispatchFocusedPath] = useReducer(focusedPathReducer, []);\n        const [focusedChipIndex, dispatchFocusedChipIndex] = useReducer(focusedChipIndexReducer, null);\n        const [checked, setChecked] = useState(valueToCheckedMap);\n\n        const targetRef = useOutsideClick<HTMLDivElement>(() => {\n            if (focusedChipIndex != null) {\n                dispatchFocusedChipIndex({ type: 'reset' });\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                dispatchFocusedChipIndex({ type: 'reset' });\n            }\n        };\n\n        const handleCheckboxChange = (item: ItemOptionTransformed) => {\n            const checkedCopy = new Map(checked);\n\n            if (!checkedCopy.get(item.value.toString())) {\n                checkedCopy.set(item.value.toString(), true);\n                updateDescendants(item, checkedCopy, true);\n            } else {\n                checkedCopy.set(item.value.toString(), 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.toString());\n                }\n            });\n\n            if (onChange) {\n                onChange(newValues as any);\n            }\n        };\n\n        const handleItemClick = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (!isEmpty(item?.items)) {\n                return;\n            }\n\n            if (multiselect) {\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                if (onChange) {\n                    onChange((isCurrentChecked ? '' : item.value) as any);\n                }\n            }\n        };\n\n        const handleChipClick = (currentValue: string) => {\n            handleCheckboxChange(valueToItemMap.get(currentValue)!);\n        };\n\n        const handlePressDown = (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => {\n            if (isEmpty(item.items)) {\n                handleItemClick(item, e);\n            } else if (multiselect) {\n                handleCheckboxChange(item);\n            }\n        };\n\n        const handleScroll = (e: React.UIEvent<HTMLUListElement>) => {\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            handleToggle,\n            handlePressDown,\n            focusedChipIndex,\n            dispatchFocusedChipIndex,\n            value,\n            valueToItemMap,\n            multiselect,\n            isTargetAmount,\n        });\n\n        const isCurrentListOpen = Boolean(path[0]);\n\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 as string, 'done');\n                    updateSingleAncestors(valueToItemMap.get(value as string)!, checkedCopy, 'dot');\n                }\n            }\n\n            setChecked(checkedCopy);\n        }, [value]);\n\n        return (\n            <Root ref={ref} size={size} view={view} chipView={chipView} {...(rest as any)}>\n                {label && labelPlacement === 'outer' && target !== 'button-like' && <OuterLabel>{label}</OuterLabel>}\n                <Context.Provider\n                    value={{\n                        focusedPath,\n                        checked,\n                        multiselect,\n                        size,\n                        handleCheckboxChange,\n                        handleItemClick,\n                        variant,\n                        renderItem,\n                    }}\n                >\n                    <StyledPopover\n                        ref={targetRef}\n                        isOpen={isCurrentListOpen}\n                        placement={getPlacements(placement)}\n                        usePortal={Boolean(portal)}\n                        frame={portal}\n                        onToggle={handleToggle}\n                        trigger=\"click\"\n                        target={\n                            <Target\n                                opened={isCurrentListOpen}\n                                target={target}\n                                value={value}\n                                isTargetAmount={isTargetAmount}\n                                multiselect={multiselect}\n                                valueToItemMap={valueToItemMap}\n                                focusedPath={focusedPath}\n                                focusedToValueMap={focusedToValueMap}\n                                onChipClick={handleChipClick}\n                                label={label}\n                                placeholder={placeholder}\n                                onKeyDown={onKeyDown}\n                                focusedChipIndex={focusedChipIndex}\n                                labelPlacement={labelPlacement}\n                                size={size}\n                                contentLeft={contentLeft}\n                                disabled={disabled}\n                                renderValue={renderValue}\n                            />\n                        }\n                        preventOverflow={false}\n                        closeOnOverlayClick\n                    >\n                        <Root size={size} {...(rest as any)}>\n                            <Ul\n                                role=\"tree\"\n                                id=\"tree_level_1\"\n                                listHeight={listHeight}\n                                listOverflow={listOverflow}\n                                onScroll={handleScroll}\n                                listWidth={listWidth}\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                                    />\n                                ))}\n                            </Ul>\n                        </Root>\n                    </StyledPopover>\n                </Context.Provider>\n                {helperText && target === 'textfield-like' && <HelperText>{helperText}</HelperText>}\n            </Root>\n        );\n    });\n\nexport const selectConfig = {\n    name: 'Select',\n    tag: 'div',\n    layout: selectRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        chipView: 'default',\n        size: 'm',\n    },\n};\n"],"names":["Context","createContext","selectRoot","Root","forwardRef","props","ref","_props$multiselect","multiselect","outerValue","value","outerOnChange","onChange","_props$target","target","items","_props$placement","placement","label","_props$labelPlacement","labelPlacement","placeholder","helperText","_props$isTargetAmount","isTargetAmount","_props$disabled","disabled","view","size","listOverflow","listHeight","listWidth","contentLeft","onScrollBottom","chipView","_props$variant","variant","portal","renderValue","renderItem","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","e","transformedItems","useMemo","initialItemsTransform","_usePathMaps","usePathMaps","_usePathMaps2","pathMap","focusedToValueMap","valueToCheckedMap","valueToItemMap","_useReducer","useReducer","pathReducer","_useReducer2","path","dispatchPath","_useReducer3","focusedPathReducer","_useReducer4","focusedPath","dispatchFocusedPath","_useReducer5","focusedChipIndexReducer","_useReducer6","focusedChipIndex","dispatchFocusedChipIndex","_useState3","_useState4","checked","setChecked","targetRef","useOutsideClick","type","handleToggle","opened","handleCheckboxChange","item","checkedCopy","Map","get","toString","set","updateDescendants","updateAncestors","newValues","forEach","key","push","handleItemClick","isEmpty","stopPropagation","isCurrentChecked","_","updateSingleAncestors","handleChipClick","currentValue","handlePressDown","handleScroll","scrollHeight","scrollTop","clientHeight","_useKeyNavigation","useKeyNavigation","onKeyDown","isCurrentListOpen","Boolean","useLayoutEffect","Array","isArray","val","React","createElement","_extends","OuterLabel","Provider","StyledPopover","isOpen","getPlacements","usePortal","frame","onToggle","trigger","Target","onChipClick","preventOverflow","closeOnOverlayClick","Ul","role","id","onScroll","map","index","Inner","concat","currentLevel","HelperText","selectConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}