@salutejs/plasma-new-hope 0.339.0-canary.2291.18715632452.0 → 0.339.0-canary.2292.18775879461.0

package/styled-components/cjs/components/Select/reducers/treePathReducer.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get keyExists () {
+        return keyExists;
+    },
+    get treePathReducer () {
+        return treePathReducer;
+    }
+});
+var _utils = require("../../../utils");
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+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;
+}
+function treePathReducer(state, action) {
+    switch(action.type){
+        case 'reset':
+            {
+                return {};
+            }
+        case 'toggled_level':
+            {
+                var stateCopy = (0, _utils.deepCopy)(state);
+                var isTargetLevelOpened = keyExists(stateCopy, action.value);
+                if (isTargetLevelOpened) {
+                    // нужно закрыть текущий уровень
+                    removeObjectAtPath(stateCopy, action.value);
+                } else {
+                    // нужно открыть требуемый уровень
+                    createObjectAtPath(stateCopy, action.value);
+                }
+                return stateCopy;
+            }
+        default:
+            {
+                return state;
+            }
+    }
+}

package/styled-components/cjs/components/Select/ui/TreeList/TreeList.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TreeList", {
+    enumerable: true,
+    get: function() {
+        return TreeList;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _reactvirtual = require("@tanstack/react-virtual");
+var _utils = require("../../../../utils");
+var _Item = require("./ui/Item/Item");
+var _TreeListstyles = require("./TreeList.styles");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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.default.createElement(VirtualTreeList, {
+            items: items,
+            listMaxHeight: listMaxHeight,
+            onScroll: onScroll,
+            beforeList: beforeList,
+            afterList: afterList
+        });
+    }
+    return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ScrollContainer, {
+        listMaxHeight: listMaxHeight,
+        onScroll: onScroll
+    }, beforeList, items === null || items === void 0 ? void 0 : items.map(function(item, index) {
+        return /*#__PURE__*/ _react.default.createElement(_Item.Item, {
+            key: index,
+            index: index,
+            item: item
+        });
+    }), 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 = (0, _react.useRef)(null);
+    var virtualizer = (0, _reactvirtual.useVirtualizer)({
+        count: items.length,
+        getScrollElement: function() {
+            return parentRef.current;
+        },
+        estimateSize: function() {
+            return 48;
+        }
+    });
+    var virtualItems = virtualizer.getVirtualItems();
+    var _virtualItems__start;
+    return /*#__PURE__*/ _react.default.createElement(_TreeListstyles.ListWrapper, null, beforeList, /*#__PURE__*/ _react.default.createElement("div", {
+        ref: parentRef,
+        style: {
+            height: 'auto',
+            maxHeight: (0, _utils.getHeightAsNumber)(listMaxHeight),
+            overflowY: 'auto'
+        },
+        onScroll: onScroll
+    }, /*#__PURE__*/ _react.default.createElement("div", {
+        style: {
+            height: virtualizer.getTotalSize(),
+            width: '100%',
+            position: 'relative'
+        }
+    }, /*#__PURE__*/ _react.default.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.default.createElement("div", {
+            key: virtualRow.key,
+            "data-index": virtualRow.index,
+            ref: virtualizer.measureElement
+        }, /*#__PURE__*/ _react.default.createElement(_Item.Item, {
+            item: items[virtualRow.index],
+            index: virtualRow.index
+        }));
+    })))), afterList);
+};

package/styled-components/cjs/components/Select/ui/TreeList/TreeList.styles.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get ListWrapper () {
+        return ListWrapper;
+    },
+    get ScrollContainer () {
+        return ScrollContainer;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _Selecttokens = require("../../Select.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var ListWrapper = _styledcomponents.default.div.withConfig({
+    displayName: "TreeList.styles__ListWrapper",
+    componentId: "sc-2a5707f5-0"
+})([
+    "width:100%;padding:calc(var(",
+    ") + var(",
+    ",0rem));border-radius:var(",
+    ");box-sizing:border-box;background:var(",
+    ");box-shadow:",
+    ",inset 0 0 0 var(",
+    ",0rem) var(",
+    ",transparent);"
+], _Selecttokens.tokens.padding, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.borderRadius, _Selecttokens.constants.background, _Selecttokens.constants.boxShadow, _Selecttokens.tokens.dropdownBorderWidth, _Selecttokens.tokens.dropdownBorderColor);
+var ScrollContainer = _styledcomponents.default.div.withConfig({
+    displayName: "TreeList.styles__ScrollContainer",
+    componentId: "sc-2a5707f5-1"
+})([
+    "max-height:",
+    ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(",
+    ") - 0.125rem - var(",
+    ",0rem));"
+], function(param) {
+    var listMaxHeight = param.listMaxHeight;
+    return listMaxHeight || 'auto';
+}, _Selecttokens.tokens.borderRadius, _Selecttokens.tokens.dropdownBorderWidth);

package/styled-components/cjs/components/Select/ui/TreeList/TreeList.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/styled-components/cjs/components/Select/ui/TreeList/ui/Item/Item.js

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Item", {
+    enumerable: true,
+    get: function() {
+        return Item;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _Selecttokens = require("../../../../Select.tokens");
+var _utils = require("../../../../utils");
+var _treePathReducer = require("../../../../reducers/treePathReducer");
+var _Selectcontext = require("../../../../Select.context");
+var _Itemstyles = require("./Item.styles");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+var Item = function(param) {
+    var item = param.item, index = param.index;
+    var _valueToPathMap_get, _item_items;
+    var label = item.label, value = item.value, disabled = item.disabled, isDisabled = item.isDisabled, contentLeft = item.contentLeft, contentRight = item.contentRight;
+    var isLeaf = !(item === null || item === void 0 ? void 0 : item.items);
+    var _useContext = (0, _react.useContext)(_Selectcontext.Context), checked = _useContext.checked, multiselect = _useContext.multiselect, 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 itemDisabled = Boolean(disabled || isDisabled);
+    var currentItemDepth = (((_valueToPathMap_get = valueToPathMap.get(item.value.toString())) === null || _valueToPathMap_get === void 0 ? void 0 : _valueToPathMap_get.length) || 0) - 1;
+    var isCurrentLevelOpened = (0, _treePathReducer.keyExists)(treePath, valueToPathMap.get(value.toString()) || []);
+    var withArrowInverse = isCurrentLevelOpened ? _Selecttokens.classes.arrowInverse : undefined;
+    var focusedClass = currentItemDepth === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentItemDepth]) ? _Selecttokens.classes.dropdownItemIsFocused : undefined;
+    var handleClick = function(e) {
+        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);
+    };
+    return /*#__PURE__*/ _react.default.createElement(_Itemstyles.ItemWrapper, null, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Wrapper, {
+        className: focusedClass,
+        onClick: handleClick,
+        variant: variant,
+        role: "treeitem"
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.Offset, {
+        depth: currentItemDepth
+    }), arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
+        visibility: isLeaf ? 'hidden' : 'visible'
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowLeft, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit",
+        className: withArrowInverse
+    })), multiselect && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
+        variant: variant
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCheckboxWrapper, {
+        onClick: function(e) {
+            return e.stopPropagation();
+        }
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.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'
+    }))), !multiselect && arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
+        variant: variant
+    }, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
+        size: "s",
+        view: "default"
+    }), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit"
+    })), renderItem ? /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledText, null, renderItem(item)) : /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledWrapper, {
+        disabled: itemDisabled
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledCell, {
+        contentLeft: contentLeft,
+        contentRight: contentRight,
+        // TODO: #1548
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        title: /*#__PURE__*/ _react.default.createElement("span", null, label)
+    })), !multiselect && arrowPlacement === 'left' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.IconWrapper, {
+        variant: variant
+    }, checked.get(item.value) === 'dot' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIndicator, {
+        size: "s",
+        view: "default"
+    }), checked.get(item.value) === 'done' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledIconDone, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit"
+    })), arrowPlacement === 'right' && /*#__PURE__*/ _react.default.createElement(_Itemstyles.DisclosureIconWrapper, {
+        visibility: isLeaf ? 'hidden' : 'visible'
+    }, /*#__PURE__*/ _react.default.createElement(_Itemstyles.StyledArrowRight, {
+        size: (0, _utils.sizeToIconSize)(size, variant),
+        color: "inherit",
+        className: withArrowInverse
+    }))), !isLeaf && isCurrentLevelOpened && /*#__PURE__*/ _react.default.createElement(_Itemstyles.ChildItems, null, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(item, index) {
+        return /*#__PURE__*/ _react.default.createElement(Item, {
+            item: item,
+            index: index,
+            key: index
+        });
+    })));
+};