@skbkontur/side-menu 3.3.3 → 3.3.5-19a67.0

package/src/SideMenuSubItem/SideMenuSubItem.js

@@ -1,13 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideMenuSubItem = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var SideMenuItem_1 = require("../SideMenuItem/SideMenuItem");
-var SideMenuSubItemInner = (0, react_1.forwardRef)(function (_a, ref) {
-    var props = tslib_1.__rest(_a, []);
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const SideMenuItem_1 = require("../SideMenuItem/SideMenuItem");
+const SideMenuSubItemInner = (0, react_1.forwardRef)(({ ...props }, ref) => {
     return (react_1.default.createElement("li", { ref: ref },
-        react_1.default.createElement(SideMenuItem_1.SideMenuItem, tslib_1.__assign({ _isSubMenu: true }, props))));
+        react_1.default.createElement(SideMenuItem_1.SideMenuItem, { _isSubMenu: true, ...props })));
 });
 SideMenuSubItemInner.displayName = 'SideMenuSubItem';
 /**

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js

@@ -1,22 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideMenuSubItemHeader = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var ThemeContext_1 = require("@skbkontur/react-ui/lib/theming/ThemeContext");
-var SideMenuContext_1 = require("../SideMenuContext");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
-var SideMenuSubItemHeader_styles_1 = require("./SideMenuSubItemHeader.styles");
-var SideMenuSubItemHeaderInner = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b;
-    var className = _a.className, children = _a.children, rest = tslib_1.__rest(_a, ["className", "children"]);
-    var context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
-    var theme = (0, ThemeHelpers_1.getSideMenuTheme)((0, react_1.useContext)(ThemeContext_1.ThemeContext));
-    return (react_1.default.createElement("p", tslib_1.__assign({ className: (0, Emotion_1.cx)((_b = {},
-            _b[SideMenuSubItemHeader_styles_1.jsStyles.root(theme)] = true,
-            _b[SideMenuSubItemHeader_styles_1.jsStyles.rootInSeparatedSubMenu()] = context.isSeparatedMenu,
-            _b), className), ref: ref }, rest), children));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
+const ThemeContext_1 = require("@skbkontur/react-ui/lib/theming/ThemeContext");
+const SideMenuContext_1 = require("../SideMenuContext");
+const ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
+const SideMenuSubItemHeader_styles_1 = require("./SideMenuSubItemHeader.styles");
+const SideMenuSubItemHeaderInner = (0, react_1.forwardRef)(({ className, children, ...rest }, ref) => {
+    const context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
+    const theme = (0, ThemeHelpers_1.getSideMenuTheme)((0, react_1.useContext)(ThemeContext_1.ThemeContext));
+    return (react_1.default.createElement("p", { className: (0, Emotion_1.cx)({
+            [SideMenuSubItemHeader_styles_1.jsStyles.root(theme)]: true,
+            [SideMenuSubItemHeader_styles_1.jsStyles.rootInSeparatedSubMenu()]: context.isSeparatedMenu,
+        }, className), ref: ref, ...rest }, children));
 });
 SideMenuSubItemHeaderInner.displayName = 'SideMenuSubItemHeader';
 /**

package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.js

@@ -1,16 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.jsStyles = void 0;
-var tslib_1 = require("tslib");
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
-var styles = {
-    root: function (t) {
-        return (0, Emotion_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      font-size: ", ";\n      color: ", ";\n      padding: ", ";\n      margin: 0;\n    "], ["\n      font-size: ", ";\n      color: ", ";\n      padding: ", ";\n      margin: 0;\n    "])), t.sideMenuSubItemHeaderFontSize, t.sideMenuSubItemHeaderColor, t.sideMenuSubItemHeaderPadding);
+const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
+const ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
+const styles = {
+    root(t) {
+        return (0, Emotion_1.css) `
+      font-size: ${t.sideMenuSubItemHeaderFontSize};
+      color: ${t.sideMenuSubItemHeaderColor};
+      padding: ${t.sideMenuSubItemHeaderPadding};
+      margin: 0;
+    `;
     },
-    rootInSeparatedSubMenu: function () {
-        return (0, Emotion_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      padding-left: 8px;\n    "], ["\n      padding-left: 8px;\n    "])));
+    rootInSeparatedSubMenu() {
+        return (0, Emotion_1.css) `
+      padding-left: 8px;
+    `;
     },
 };
 exports.jsStyles = (0, ThemeHelpers_1.memoizeStyle)(styles);
-var templateObject_1, templateObject_2;

package/src/SideMenuSubLink/SideMenuSubLink.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SideMenuSubLink = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var SideMenuLink_1 = require("../SideMenuLink/SideMenuLink");
-var SideMenuSubLinkInner = (0, react_1.forwardRef)(function (props, ref) {
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const SideMenuLink_1 = require("../SideMenuLink/SideMenuLink");
+const SideMenuSubLinkInner = (0, react_1.forwardRef)((props, ref) => {
     return (react_1.default.createElement("li", { ref: ref },
-        react_1.default.createElement(SideMenuLink_1.SideMenuLink, tslib_1.__assign({ _isSubMenu: true }, props))));
+        react_1.default.createElement(SideMenuLink_1.SideMenuLink, { _isSubMenu: true, ...props })));
 });
 SideMenuSubLinkInner.displayName = 'SideMenuSubLink';
 /**

package/src/Tree.js

@@ -1,138 +1,62 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tree = exports.TreeNode = void 0;
-var tslib_1 = require("tslib");
-var TreeNode = /** @class */ (function () {
-    function TreeNode(id, value, parent) {
-        if (value === void 0) { value = null; }
-        if (parent === void 0) { parent = null; }
+class TreeNode {
+    constructor(id, value = null, parent = null) {
         this.id = id;
         this.value = value;
         this.parent = parent;
         this.children = [];
     }
-    Object.defineProperty(TreeNode.prototype, "hasChildren", {
-        get: function () {
-            return this.children.length !== 0;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    return TreeNode;
-}());
+    get hasChildren() {
+        return this.children.length !== 0;
+    }
+}
 exports.TreeNode = TreeNode;
-var Tree = /** @class */ (function () {
-    function Tree(id, value) {
-        if (value === void 0) { value = null; }
+class Tree {
+    constructor(id, value = null) {
         this.root = new TreeNode(id, value);
     }
-    Tree.prototype.preOrderTraversal = function (node) {
-        var _a, _b, child, e_1_1;
-        var e_1, _c;
-        if (node === void 0) { node = this.root; }
-        return tslib_1.__generator(this, function (_d) {
-            switch (_d.label) {
-                case 0: return [4 /*yield*/, node];
-                case 1:
-                    _d.sent();
-                    if (!node.children.length) return [3 /*break*/, 9];
-                    _d.label = 2;
-                case 2:
-                    _d.trys.push([2, 7, 8, 9]);
-                    _a = tslib_1.__values(node.children), _b = _a.next();
-                    _d.label = 3;
-                case 3:
-                    if (!!_b.done) return [3 /*break*/, 6];
-                    child = _b.value;
-                    return [5 /*yield**/, tslib_1.__values(this.preOrderTraversal(child))];
-                case 4:
-                    _d.sent();
-                    _d.label = 5;
-                case 5:
-                    _b = _a.next();
-                    return [3 /*break*/, 3];
-                case 6: return [3 /*break*/, 9];
-                case 7:
-                    e_1_1 = _d.sent();
-                    e_1 = { error: e_1_1 };
-                    return [3 /*break*/, 9];
-                case 8:
-                    try {
-                        if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                    return [7 /*endfinally*/];
-                case 9: return [2 /*return*/];
+    *preOrderTraversal(node = this.root) {
+        yield node;
+        if (node.children.length) {
+            for (const child of node.children) {
+                yield* this.preOrderTraversal(child);
             }
-        });
-    };
-    Tree.prototype.insert = function (parentId, id, value) {
-        var e_2, _a;
-        if (value === void 0) { value = null; }
+        }
+    }
+    insert(parentId, id, value = null) {
         if (!id) {
             return false;
         }
-        try {
-            for (var _b = tslib_1.__values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var node = _c.value;
-                if (node.id === parentId && node.children.every(function (node) { return node.id !== id; })) {
-                    node.children.push(new TreeNode(id, value, node));
-                    return true;
-                }
+        for (const node of this.preOrderTraversal()) {
+            if (node.id === parentId && node.children.every((node) => node.id !== id)) {
+                node.children.push(new TreeNode(id, value, node));
+                return true;
             }
         }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
         return false;
-    };
-    Tree.prototype.remove = function (id) {
-        var e_3, _a;
-        try {
-            for (var _b = tslib_1.__values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var node = _c.value;
-                var filtered = node.children.filter(function (c) { return c.id !== id; });
-                if (filtered.length !== node.children.length) {
-                    node.children = filtered;
-                    return true;
-                }
-            }
-        }
-        catch (e_3_1) { e_3 = { error: e_3_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+    }
+    remove(id) {
+        for (const node of this.preOrderTraversal()) {
+            const filtered = node.children.filter((c) => c.id !== id);
+            if (filtered.length !== node.children.length) {
+                node.children = filtered;
+                return true;
             }
-            finally { if (e_3) throw e_3.error; }
         }
         return false;
-    };
-    Tree.prototype.find = function (id) {
-        var e_4, _a;
+    }
+    find(id) {
         if (!id) {
             return undefined;
         }
-        try {
-            for (var _b = tslib_1.__values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
-                var node = _c.value;
-                if (node.id === id) {
-                    return node;
-                }
+        for (const node of this.preOrderTraversal()) {
+            if (node.id === id) {
+                return node;
             }
         }
-        catch (e_4_1) { e_4 = { error: e_4_1 }; }
-        finally {
-            try {
-                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-            }
-            finally { if (e_4) throw e_4.error; }
-        }
         return undefined;
-    };
-    return Tree;
-}());
+    }
+}
 exports.Tree = Tree;

package/src/internal/BackButton.js

@@ -1,28 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackButton = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var ArrowALeftIcon20Regular_1 = require("@skbkontur/icons/icons/ArrowALeftIcon/ArrowALeftIcon20Regular");
-var SideMenuDataTids_1 = require("../../SideMenuDataTids");
-var SideMenuItem_1 = require("../SideMenuItem/SideMenuItem");
-var SideMenuContext_1 = require("../SideMenuContext");
-var Navigation_1 = require("../Navigation");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const ArrowALeftIcon20Regular_1 = require("@skbkontur/icons/icons/ArrowALeftIcon/ArrowALeftIcon20Regular");
+const SideMenuDataTids_1 = require("../../SideMenuDataTids");
+const SideMenuItem_1 = require("../SideMenuItem/SideMenuItem");
+const SideMenuContext_1 = require("../SideMenuContext");
+const Navigation_1 = require("../Navigation");
 /**
  * Кнопка возврата в меню первого уровня
  *
  * @visibleName BackButton
  */
-var BackButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b;
-    var caption = _a.caption, id = _a.id;
-    var context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
-    var handleClick = function () {
-        var _a;
-        (_a = context.navigation) === null || _a === void 0 ? void 0 : _a.switchActiveMenuItem(id);
+const BackButton = (0, react_1.forwardRef)(({ caption, id }, ref) => {
+    const context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
+    const handleClick = () => {
+        context.navigation?.switchActiveMenuItem(id);
     };
-    return (react_1.default.createElement(SideMenuItem_1.SideMenuItem, (_b = { "data-tid": SideMenuDataTids_1.SideMenuDataTids.backButton, icon: react_1.default.createElement(ArrowALeftIcon20Regular_1.ArrowALeftIcon20Regular, null), caption: caption, _isSubMenu: true, onClick: handleClick, _isBackButton: true, ref: ref }, _b[Navigation_1.navigationAttributeBackButton] = '', _b)));
+    return (react_1.default.createElement(SideMenuItem_1.SideMenuItem, { "data-tid": SideMenuDataTids_1.SideMenuDataTids.backButton, icon: react_1.default.createElement(ArrowALeftIcon20Regular_1.ArrowALeftIcon20Regular, null), caption: caption, _isSubMenu: true, onClick: handleClick, _isBackButton: true, ref: ref, [Navigation_1.navigationAttributeBackButton]: '' }));
 });
 BackButton.displayName = 'BackButton';
-var BackButtonWithStaticFields = Object.assign(BackButton, { __KONTUR_REACT_UI__: 'BackButton' });
+const BackButtonWithStaticFields = Object.assign(BackButton, { __KONTUR_REACT_UI__: 'BackButton' });
 exports.BackButton = BackButtonWithStaticFields;

package/src/internal/Backdrop.js

@@ -1,17 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Backdrop = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var HideBodyVerticalScroll_1 = require("@skbkontur/react-ui/internal/HideBodyVerticalScroll");
-var react_ui_1 = require("@skbkontur/react-ui");
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var Backdrop_styles_1 = require("./Backdrop.styles");
-var Backdrop = function (props) {
-    var _a;
-    return (react_1.default.createElement("div", { className: (0, Emotion_1.cx)((_a = {},
-            _a[Backdrop_styles_1.jsStyles.rootForTabletsOrMobiles()] = true,
-            _a)), style: tslib_1.__assign({ background: react_ui_1.LIGHT_THEME.sidePageBackingBg }, props.style) },
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const HideBodyVerticalScroll_1 = require("@skbkontur/react-ui/internal/HideBodyVerticalScroll");
+const LightTheme_1 = require("@skbkontur/react-ui/lib/theming/themes/LightTheme");
+const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
+const Backdrop_styles_1 = require("./Backdrop.styles");
+const Backdrop = (props) => {
+    return (react_1.default.createElement("div", { className: (0, Emotion_1.cx)({
+            [Backdrop_styles_1.jsStyles.rootForTabletsOrMobiles()]: true,
+        }), style: {
+            background: LightTheme_1.LIGHT_THEME.sidePageBackingBg,
+            ...props.style,
+        } },
         react_1.default.createElement(HideBodyVerticalScroll_1.HideBodyVerticalScroll, null)));
 };
 exports.Backdrop = Backdrop;

package/src/internal/Backdrop.styles.js

@@ -1,13 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.jsStyles = void 0;
-var tslib_1 = require("tslib");
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var SideMenu_1 = require("../SideMenu/SideMenu");
-var styles = {
-    rootForTabletsOrMobiles: function () {
-        return (0, Emotion_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      transition: opacity ", "ms ease-out;\n    "], ["\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      transition: opacity ", "ms ease-out;\n    "])), SideMenu_1.burgerTransitionDuration);
+const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
+const SideMenu_1 = require("../SideMenu/SideMenu");
+const styles = {
+    rootForTabletsOrMobiles() {
+        return (0, Emotion_1.css) `
+      position: fixed;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      transition: opacity ${SideMenu_1.burgerTransitionDuration}ms ease-out;
+    `;
     },
 };
 exports.jsStyles = (0, Emotion_1.memoizeStyle)(styles);
-var templateObject_1;

package/src/internal/Burger.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Burger = void 0;
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var UiMenuBars3HIcon24Regular_1 = require("@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon24Regular");
-var react_ui_1 = require("@skbkontur/react-ui");
-var SideMenuContext_1 = require("../SideMenuContext");
-var SideMenuDataTids_1 = require("../../SideMenuDataTids");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
-var Burger_styles_1 = require("./Burger.styles");
-var Burger = function () {
-    var context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
-    var theme = (0, ThemeHelpers_1.getSideMenuTheme)((0, react_1.useContext)(react_ui_1.ThemeContext));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const UiMenuBars3HIcon24Regular_1 = require("@skbkontur/icons/icons/UiMenuBars3HIcon/UiMenuBars3HIcon24Regular");
+const ThemeContext_1 = require("@skbkontur/react-ui/lib/theming/ThemeContext");
+const SideMenuContext_1 = require("../SideMenuContext");
+const SideMenuDataTids_1 = require("../../SideMenuDataTids");
+const ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
+const Burger_styles_1 = require("./Burger.styles");
+const Burger = () => {
+    const context = (0, react_1.useContext)(SideMenuContext_1.SideMenuContext);
+    const theme = (0, ThemeHelpers_1.getSideMenuTheme)((0, react_1.useContext)(ThemeContext_1.ThemeContext));
     return (react_1.default.createElement("button", { className: Burger_styles_1.jsStyles.rootForTabletsOrMobiles(theme), onClick: context.toggleIsOpened, "data-tid": SideMenuDataTids_1.SideMenuDataTids.burger },
         react_1.default.createElement(UiMenuBars3HIcon24Regular_1.UiMenuBars3HIcon24Regular, null)));
 };

package/src/internal/Burger.styles.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.jsStyles = void 0;
-var tslib_1 = require("tslib");
-var Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
-var Mixins_1 = require("@skbkontur/react-ui/lib/styles/Mixins");
-var ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
-var styles = {
-    rootForTabletsOrMobiles: function (t) {
-        return (0, Emotion_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n      margin-right: ", ";\n      cursor: pointer;\n    "], ["\n      ", ";\n      margin-right: ", ";\n      cursor: pointer;\n    "])), (0, Mixins_1.resetButton)(), t.sideMenuBurgerMarginRight);
+const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
+const Mixins_1 = require("@skbkontur/react-ui/lib/styles/Mixins");
+const ThemeHelpers_1 = require("../../lib/theming/ThemeHelpers");
+const styles = {
+    rootForTabletsOrMobiles(t) {
+        return (0, Emotion_1.css) `
+      ${(0, Mixins_1.resetButton)()};
+      margin-right: ${t.sideMenuBurgerMarginRight};
+      cursor: pointer;
+    `;
     },
 };
 exports.jsStyles = (0, ThemeHelpers_1.memoizeStyle)(styles);
-var templateObject_1;