@salutejs/plasma-new-hope 0.340.0-canary.2322.19132961849.0 → 0.340.0-canary.2322.19262336998.0

package/emotion/es/components/Combobox/ComboboxNew/reducers/treePathReducer.js

@@ -0,0 +1,157 @@
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+import { deepCopy } from "../../../../utils";
+// Утилита для поиска ключа в объекте по пути.
+export var keyExists = function(obj, path) {
+    if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null || !Array.isArray(path)) {
+        return false;
+    }
+    var current = obj;
+    for(var i = 0; i < path.length; i++){
+        var key = path[i];
+        if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
+            return false;
+        }
+        current = current[key];
+    }
+    return true;
+};
+function createObjectAtPath(obj, path) {
+    if ((typeof obj === "undefined" ? "undefined" : _type_of(obj)) !== 'object' || obj === null) {
+        return;
+    }
+    var current = obj;
+    for(var i = 0; i < path.length; i++){
+        var key = path[i];
+        if (i === path.length - 1) {
+            current[key] = {};
+            break;
+        }
+        if (current[key] === undefined || current[key] === null) {
+            current[key] = {};
+        }
+        current = current[key];
+    }
+    return obj;
+}
+function removeObjectAtPath(obj, path) {
+    if (path.length === 0) {
+        return obj;
+    }
+    var current = obj;
+    for(var i = 0; i < path.length; i++){
+        var key = path[i];
+        if (current === null || (typeof current === "undefined" ? "undefined" : _type_of(current)) !== 'object' || !(key in current)) {
+            return obj;
+        }
+        if (i === path.length - 1) {
+            delete current[key];
+            break;
+        }
+        current = current[key];
+    }
+    return obj;
+}
+/**
+ * Утилита, которая получает на вход список отфильтрованных элементов и
+ * callback, с помощью которого эти элементы были отфильтрованы.
+ * Возвращает TreePathState, т.е. список раскрытых групп.
+ * По умолчанию группа не раскрывается, если в ней не было найдено ни одного элемента.
+ * Но т.к. поиск может осуществляться как по элементам, так и по группам,
+ * то может возникнуть ситуация, когда будет найдена как группа с определенным названием,
+ * так и элемент с таким же названием внутри нее, и в таком случае мы должны частично раскрыть группу,
+ * вплоть то найденного элемента.
+ * Если найдена только группа, без элементов внутри нее, то саму эту группу
+ * раскрывать не нужно. Нужно раскрыть только родителя этой группы.
+ */ function generateNestedTreePathFromFilteredItems(filteredItems, filterCb, textValue) {
+    var result = {};
+    function traverse(items, currentPath) {
+        var hasFoundItems = false;
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var item = _step.value;
+                var isFound = filterCb(item, textValue);
+                if (item.items && item.items.length > 0) {
+                    // Обрабатываем детей
+                    var childPath = {};
+                    var foundInChildren = traverse(item.items, childPath);
+                    if (foundInChildren) {
+                        // Если в детях найдены элементы - добавляем путь
+                        currentPath[item.value] = childPath;
+                        hasFoundItems = true;
+                    }
+                    // Если сама группа найдена, но в детях ничего нет - НЕ добавляем путь
+                    // Просто отмечаем что что-то найдено на этом уровне
+                    if (isFound && !foundInChildren) {
+                        hasFoundItems = true;
+                    }
+                } else if (isFound) {
+                    // Для конечного элемента не добавляем путь в currentPath,
+                    // но отмечаем что на этом уровне есть найденные элементы
+                    hasFoundItems = true;
+                }
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+        return hasFoundItems;
+    }
+    traverse(filteredItems, result);
+    return result;
+}
+export function treePathReducer(state, action) {
+    switch(action.type){
+        case 'reset':
+            {
+                return {};
+            }
+        case 'toggled_level':
+            {
+                var stateCopy = deepCopy(state);
+                var isTargetLevelOpened = keyExists(stateCopy, action.value);
+                if (isTargetLevelOpened) {
+                    // нужно закрыть текущий уровень
+                    removeObjectAtPath(stateCopy, action.value);
+                } else {
+                    // нужно открыть требуемый уровень
+                    createObjectAtPath(stateCopy, action.value);
+                }
+                return stateCopy;
+            }
+        case 'expand_by_key':
+            {
+                var _action_value = action.value, filteredItems = _action_value.filteredItems, filterCb = _action_value.filterCb, textValue = _action_value.textValue;
+                return generateNestedTreePathFromFilteredItems(filteredItems, filterCb, textValue);
+            }
+        case 'open_level':
+            {
+                var stateCopy1 = deepCopy(state);
+                createObjectAtPath(stateCopy1, action.value);
+                return stateCopy1;
+            }
+        case 'close_level':
+            {
+                var stateCopy2 = deepCopy(state);
+                removeObjectAtPath(stateCopy2, action.value);
+                return stateCopy2;
+            }
+        default:
+            {
+                return state;
+            }
+    }
+}

package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.js

@@ -0,0 +1,79 @@
+import React, { useRef } from "react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { getHeightAsNumber } from "../../../../../utils";
+import { Item } from "./ui/Item/Item";
+import { ListWrapper, ScrollContainer } from "./TreeList.styles";
+export var TreeList = function(param) {
+    var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, virtual = param.virtual, beforeList = param.beforeList, afterList = param.afterList;
+    if (virtual) {
+        return /*#__PURE__*/ React.createElement(VirtualTreeList, {
+            items: items,
+            listMaxHeight: listMaxHeight,
+            onScroll: onScroll,
+            beforeList: beforeList,
+            afterList: afterList
+        });
+    }
+    return /*#__PURE__*/ React.createElement(ListWrapper, null, /*#__PURE__*/ React.createElement(ScrollContainer, {
+        listMaxHeight: listMaxHeight,
+        onScroll: onScroll
+    }, beforeList, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
+        return /*#__PURE__*/ React.createElement(Item, {
+            key: index,
+            item: item,
+            pathToItem: [
+                index
+            ]
+        });
+    }), afterList));
+};
+var VirtualTreeList = function(param) {
+    var _param_items = param.items, items = _param_items === void 0 ? [] : _param_items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll, beforeList = param.beforeList, afterList = param.afterList;
+    var _virtualItems_;
+    var parentRef = useRef(null);
+    var virtualizer = useVirtualizer({
+        count: items.length,
+        getScrollElement: function() {
+            return parentRef.current;
+        },
+        estimateSize: function() {
+            return 48;
+        }
+    });
+    var virtualItems = virtualizer.getVirtualItems();
+    var _virtualItems__start;
+    return /*#__PURE__*/ React.createElement(ListWrapper, null, beforeList, /*#__PURE__*/ React.createElement("div", {
+        ref: parentRef,
+        style: {
+            height: 'auto',
+            maxHeight: getHeightAsNumber(listMaxHeight),
+            overflowY: 'auto'
+        },
+        onScroll: onScroll
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            height: virtualizer.getTotalSize(),
+            width: '100%',
+            position: 'relative'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            width: '100%',
+            transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
+        }
+    }, virtualItems.map(function(virtualRow) {
+        return /*#__PURE__*/ React.createElement("div", {
+            key: virtualRow.key,
+            "data-index": virtualRow.index,
+            ref: virtualizer.measureElement
+        }, /*#__PURE__*/ React.createElement(Item, {
+            item: items[virtualRow.index],
+            pathToItem: [
+                virtualRow.index
+            ]
+        }));
+    })))), afterList);
+};

package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.styles.js

@@ -0,0 +1,13 @@
+import styled from "@emotion/styled";
+import { constants, tokens } from "../../Combobox.tokens";
+export var ListWrapper = /*#__PURE__*/ styled("div", {
+    target: "e1w1aqp20",
+    label: "ListWrapper"
+})("width:100%;padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy91aS9UcmVlTGlzdC9UcmVlTGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvdWkvVHJlZUxpc3QvVHJlZUxpc3Quc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvU2VsZWN0JztcblxuaW1wb3J0IHsgY29uc3RhbnRzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db21ib2JveC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSArIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fSxcbiAgICAgICAgaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJDb2xvcn0sIHRyYW5zcGFyZW50KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiBsaXN0TWF4SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMkIifQ== */");
+export var ScrollContainer = /*#__PURE__*/ styled("div", {
+    target: "e1w1aqp21",
+    label: "ScrollContainer"
+})("max-height:", function(param) {
+    var listMaxHeight = param.listMaxHeight;
+    return listMaxHeight || 'auto';
+}, ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC9Db21ib2JveE5ldy91aS9UcmVlTGlzdC9UcmVlTGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvQ29tYm9ib3hOZXcvdWkvVHJlZUxpc3QvVHJlZUxpc3Quc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IFNlbGVjdFByb3BzIH0gZnJvbSAnc3JjL2NvbXBvbmVudHMvU2VsZWN0JztcblxuaW1wb3J0IHsgY29uc3RhbnRzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db21ib2JveC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IGNhbGModmFyKCR7dG9rZW5zLnBhZGRpbmd9KSArIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGJhY2tncm91bmQ6IHZhcigke2NvbnN0YW50cy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogJHtjb25zdGFudHMuYm94U2hhZG93fSxcbiAgICAgICAgaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmRyb3Bkb3duQm9yZGVyV2lkdGh9LCAwcmVtKSB2YXIoJHt0b2tlbnMuZHJvcGRvd25Cb3JkZXJDb2xvcn0sIHRyYW5zcGFyZW50KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBsaXN0TWF4SGVpZ2h0PzogU2VsZWN0UHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIG1heC1oZWlnaHQ6ICR7KHsgbGlzdE1heEhlaWdodCB9KSA9PiBsaXN0TWF4SGVpZ2h0IHx8ICdhdXRvJ307XG4gICAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSkgLSAwLjEyNXJlbSAtIHZhcigke3Rva2Vucy5kcm9wZG93bkJvcmRlcldpZHRofSwgMHJlbSkpO1xuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlK0IifQ== */");

package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/TreeList.types.js

@@ -0,0 +1 @@
+export { };

package/emotion/es/components/Combobox/ComboboxNew/ui/TreeList/ui/Item/Item.js

@@ -0,0 +1,141 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { useContext, useRef } from "react";
+import { classes } from "../../../../../../Select/Select.tokens";
+import { sizeToIconSize } from "../../../../../../Select/utils";
+import { useDidMountEffect } from "../../../../../../../hooks";
+import { isArraysEqual, cx } from "../../../../../../../utils";
+import { keyExists } from "../../../../reducers/treePathReducer";
+import { Context } from "../../../../Combobox.context";
+import { ItemWrapper, ChildItems, Offset, IconWrapper, StyledCheckboxWrapper, StyledCheckbox, StyledIndicator, StyledIconDone, StyledText, StyledWrapper, StyledCell, DisclosureIconWrapper, StyledArrowRight, Wrapper, StyledArrowLeft } from "./Item.styles";
+export var Item = function(param) {
+    var item = param.item, pathToItem = param.pathToItem;
+    var _valueToPathMap_get, _item_items;
+    var label = item.label, value = item.value, disabled = item.disabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
+    var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
+    var _useContext = useContext(Context), checked = _useContext.checked, multiple = _useContext.multiple, size = _useContext.size, variant = _useContext.variant, renderItem = _useContext.renderItem, // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    _checkboxAppearance = _useContext._checkboxAppearance, focusedPath = _useContext.focusedPath, treePath = _useContext.treePath, dispatchTreePath = _useContext.dispatchTreePath, arrowPlacement = _useContext.arrowPlacement, handleItemClick = _useContext.handleItemClick, handleCheckboxChange = _useContext.handleCheckboxChange, valueToPathMap = _useContext.valueToPathMap;
+    var ref = useRef(null);
+    var itemDisabled = disabled;
+    var disabledClassName = itemDisabled ? classes.dropdownItemIsDisabled : undefined;
+    var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
+    var isCurrentLevelOpened = keyExists(treePath, valueToPathMap.get(value.toString()) || []);
+    var withArrowInverse = isCurrentLevelOpened ? classes.arrowInverse : undefined;
+    var focusedClass = isArraysEqual(pathToItem, focusedPath) ? classes.dropdownItemIsFocused : undefined;
+    var handleClick = function(e) {
+        if (itemDisabled) return;
+        if (!isLeaf) {
+            dispatchTreePath({
+                type: 'toggled_level',
+                value: valueToPathMap.get(value.toString()) || []
+            });
+        }
+        if (handleItemClick) {
+            handleItemClick(item, e);
+        }
+    };
+    var handleChange = function(e) {
+        if (itemDisabled) return;
+        e.stopPropagation();
+        handleCheckboxChange(item);
+    };
+    useDidMountEffect(function() {
+        if (focusedClass && (ref === null || ref === void 0 ? void 0 : ref.current)) {
+            ref.current.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+                inline: 'center'
+            });
+        }
+    }, [
+        focusedClass
+    ]);
+    return /*#__PURE__*/ React.createElement(ItemWrapper, null, /*#__PURE__*/ React.createElement(Wrapper, {
+        ref: ref,
+        className: cx(focusedClass, disabledClassName),
+        onClick: handleClick,
+        variant: variant,
+        role: "treeitem"
+    }, /*#__PURE__*/ React.createElement(Offset, {
+        depth: currentItemDepth
+    }), arrowPlacement === 'left' && /*#__PURE__*/ React.createElement(DisclosureIconWrapper, {
+        visibility: isLeaf ? 'hidden' : 'visible'
+    }, /*#__PURE__*/ React.createElement(StyledArrowLeft, {
+        size: sizeToIconSize(size, variant),
+        color: "inherit",
+        className: withArrowInverse
+    })), multiple && /*#__PURE__*/ React.createElement(IconWrapper, {
+        variant: variant
+    }, /*#__PURE__*/ React.createElement(StyledCheckboxWrapper, {
+        onClick: function(e) {
+            return e.stopPropagation();
+        }
+    }, /*#__PURE__*/ React.createElement(StyledCheckbox, {
+        disabled: itemDisabled,
+        checked: Boolean(checked.get(item.value)),
+        indeterminate: checked.get(item.value) === 'indeterminate',
+        onChange: handleChange,
+        appearance: _checkboxAppearance !== null && _checkboxAppearance !== void 0 ? _checkboxAppearance : 'default'
+    }))), !multiple && arrowPlacement === 'right' && /*#__PURE__*/ React.createElement(IconWrapper, {
+        variant: variant
+    }, checked.get(item.value) === 'dot' && /*#__PURE__*/ React.createElement(StyledIndicator, {
+        size: "s",
+        view: "default"
+    }), checked.get(item.value) === 'done' && /*#__PURE__*/ React.createElement(StyledIconDone, {
+        size: sizeToIconSize(size, variant),
+        color: "inherit"
+    })), renderItem ? /*#__PURE__*/ React.createElement(StyledText, null, renderItem(item)) : /*#__PURE__*/ React.createElement(StyledWrapper, null, /*#__PURE__*/ React.createElement(StyledCell, {
+        contentLeft: contentLeft,
+        contentRight: contentRight,
+        // TODO: #1548
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        title: /*#__PURE__*/ React.createElement("span", null, label)
+    })), !multiple && arrowPlacement === 'left' && /*#__PURE__*/ React.createElement(IconWrapper, {
+        variant: variant
+    }, checked.get(item.value) === 'dot' && /*#__PURE__*/ React.createElement(StyledIndicator, {
+        size: "s",
+        view: "default"
+    }), checked.get(item.value) === 'done' && /*#__PURE__*/ React.createElement(StyledIconDone, {
+        size: sizeToIconSize(size, variant),
+        color: "inherit"
+    })), arrowPlacement === 'right' && /*#__PURE__*/ React.createElement(DisclosureIconWrapper, {
+        visibility: isLeaf ? 'hidden' : 'visible'
+    }, /*#__PURE__*/ React.createElement(StyledArrowRight, {
+        size: sizeToIconSize(size, variant),
+        color: "inherit",
+        className: withArrowInverse
+    }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ React.createElement(ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
+        return /*#__PURE__*/ React.createElement(Item, {
+            item: item,
+            key: item.value,
+            pathToItem: _to_consumable_array(pathToItem).concat([
+                index
+            ])
+        });
+    })));
+};