@skbkontur/side-menu 3.1.7 → 3.2.0

package/lib/theming/ThemeHelpers.js

@@ -1,77 +1,77 @@
-import { __values } from "tslib";
-import { isFunction } from '@skbkontur/react-ui/lib/utils';
-import { memo } from '../utils/memo';
-import { SideMenuThemeInternal, isSideMenuTheme, markAsSideMenuTheme } from '../../internal/themes/SideMenuTheme';
-/**
- * Creates SideMenuTheme out of ReactUI's Theme.
- *
- * Inserts SideMenu vars in the theme, puts them over ReactUI's vars,
- * but respects these SideMenu vars values that might have been specified in ReactUI's theme before that.
- *
- * This allows inserting SideMenu vars in the theme on the fly
- * (without need for users to do it manually in their apps),
- * and using ReactUI's ThemeContext.Provider for overriding them.
- */
-export var createSideMenuTheme = function (theme) {
-    var e_1, _a;
-    if (isSideMenuTheme(theme))
-        return theme;
-    var sideMenuTheme = Object.create(theme, Object.assign(Object.getOwnPropertyDescriptors(SideMenuThemeInternal), {}));
-    var _loop_1 = function (key) {
-        var descriptor = Object.getOwnPropertyDescriptor(sideMenuTheme, key);
-        Object.defineProperty(sideMenuTheme, key, {
-            get: function () {
-                if (descriptor) {
-                    var get = descriptor.get, value = descriptor.value;
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
-                    // @ts-ignore
-                    return theme[key] || (isFunction(get) ? get.call(this) : value);
-                }
-            },
-        });
-    };
-    try {
-        for (var _b = __values(Object.keys(sideMenuTheme)), _c = _b.next(); !_c.done; _c = _b.next()) {
-            var key = _c.value;
-            _loop_1(key);
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return markAsSideMenuTheme(sideMenuTheme);
-};
-export var getSideMenuTheme = memo(function (theme) {
-    return createSideMenuTheme(theme);
-});
-function isZeroArgs(fn) {
-    return fn.length == 0;
-}
-var memoize = function (fn) {
-    if (isZeroArgs(fn)) {
-        var isCalled_1 = false;
-        var result_1;
-        return function () {
-            if (!isCalled_1) {
-                isCalled_1 = true;
-                result_1 = fn();
-            }
-            return result_1;
-        };
-    }
-    var cache = new WeakMap();
-    return function (arg) {
-        if (!cache.has(arg))
-            cache.set(arg, fn(arg));
-        return cache.get(arg);
-    };
-};
-export var memoizeStyle = function (styles) {
-    Object.keys(styles).forEach(function (className) { return (styles[className] = memoize(styles[className])); });
-    return styles;
-};
-export var cssName = function (className) { return "." + className; };
+import { __values } from "tslib";
+import { isFunction } from '@skbkontur/react-ui/lib/utils';
+import { memo } from '../utils/memo';
+import { SideMenuThemeInternal, isSideMenuTheme, markAsSideMenuTheme } from '../../internal/themes/SideMenuTheme';
+/**
+ * Creates SideMenuTheme out of ReactUI's Theme.
+ *
+ * Inserts SideMenu vars in the theme, puts them over ReactUI's vars,
+ * but respects these SideMenu vars values that might have been specified in ReactUI's theme before that.
+ *
+ * This allows inserting SideMenu vars in the theme on the fly
+ * (without need for users to do it manually in their apps),
+ * and using ReactUI's ThemeContext.Provider for overriding them.
+ */
+export var createSideMenuTheme = function (theme) {
+    var e_1, _a;
+    if (isSideMenuTheme(theme))
+        return theme;
+    var sideMenuTheme = Object.create(theme, Object.assign(Object.getOwnPropertyDescriptors(SideMenuThemeInternal), {}));
+    var _loop_1 = function (key) {
+        var descriptor = Object.getOwnPropertyDescriptor(sideMenuTheme, key);
+        Object.defineProperty(sideMenuTheme, key, {
+            get: function () {
+                if (descriptor) {
+                    var get = descriptor.get, value = descriptor.value;
+                    // eslint-disable-next-line @typescript-eslint/naming-convention
+                    // @ts-ignore
+                    return theme[key] || (isFunction(get) ? get.call(this) : value);
+                }
+            },
+        });
+    };
+    try {
+        for (var _b = __values(Object.keys(sideMenuTheme)), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var key = _c.value;
+            _loop_1(key);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return markAsSideMenuTheme(sideMenuTheme);
+};
+export var getSideMenuTheme = memo(function (theme) {
+    return createSideMenuTheme(theme);
+});
+function isZeroArgs(fn) {
+    return fn.length == 0;
+}
+var memoize = function (fn) {
+    if (isZeroArgs(fn)) {
+        var isCalled_1 = false;
+        var result_1;
+        return function () {
+            if (!isCalled_1) {
+                isCalled_1 = true;
+                result_1 = fn();
+            }
+            return result_1;
+        };
+    }
+    var cache = new WeakMap();
+    return function (arg) {
+        if (!cache.has(arg))
+            cache.set(arg, fn(arg));
+        return cache.get(arg);
+    };
+};
+export var memoizeStyle = function (styles) {
+    Object.keys(styles).forEach(function (className) { return (styles[className] = memoize(styles[className])); });
+    return styles;
+};
+export var cssName = function (className) { return ".".concat(className); };

package/lib/theming/ThemeTypes.d.ts

@@ -1,3 +1,3 @@
-import { SideMenuThemeInternal } from '../../internal/themes/SideMenuTheme';
-export declare type SideMenuTheme = Readonly<typeof SideMenuThemeInternal>;
-export declare type SideMenuThemeIn = Partial<SideMenuTheme>;
+import { SideMenuThemeInternal } from '../../internal/themes/SideMenuTheme';
+export type SideMenuTheme = Readonly<typeof SideMenuThemeInternal>;
+export type SideMenuThemeIn = Partial<SideMenuTheme>;

package/lib/theming/ThemeTypes.js

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

package/lib/utils/memo.d.ts

@@ -1 +1 @@
-export declare const memo: <A extends Record<string, unknown>, R>(fn: (() => R) | ((arg: A) => R)) => (() => R) | ((arg: A) => R);
+export declare const memo: <A extends Record<string, unknown>, R>(fn: (() => R) | ((arg: A) => R)) => (() => R) | ((arg: A) => R);

package/lib/utils/memo.js

@@ -1,9 +1,9 @@
-export var memo = function (fn) {
-    var cache = new WeakMap();
-    return function (arg) {
-        if (!cache.has(arg)) {
-            cache.set(arg, fn(arg));
-        }
-        return cache.get(arg);
-    };
-};
+export var memo = function (fn) {
+    var cache = new WeakMap();
+    return function (arg) {
+        if (!cache.has(arg)) {
+            cache.set(arg, fn(arg));
+        }
+        return cache.get(arg);
+    };
+};

package/lib/utils/scripts.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const isBrowser: boolean;
-export declare const isTouchDevice: () => boolean;
-export declare const isKonturIcon: (icon: React.ReactElement) => boolean;
-export declare const generateId: () => string;
+import React from 'react';
+export declare const isBrowser: boolean;
+export declare const isTouchDevice: () => boolean;
+export declare const isKonturIcon: (icon: React.ReactElement) => boolean;
+export declare const generateId: () => string;

package/lib/utils/scripts.js

@@ -1,10 +1,10 @@
-export var isBrowser = typeof window !== 'undefined';
-export var isTouchDevice = function () {
-    return isBrowser && ('ontouchstart' in window || navigator.maxTouchPoints > 0);
-};
-export var isKonturIcon = function (icon) {
-    return Object.prototype.hasOwnProperty.call(icon === null || icon === void 0 ? void 0 : icon.type, '__KONTUR_ICON__');
-};
-export var generateId = function () {
-    return Date.now().toString(36) + Math.random().toString(36).substr(2);
-};
+export var isBrowser = typeof window !== 'undefined';
+export var isTouchDevice = function () {
+    return isBrowser && ('ontouchstart' in window || navigator.maxTouchPoints > 0);
+};
+export var isKonturIcon = function (icon) {
+    return Object.prototype.hasOwnProperty.call(icon === null || icon === void 0 ? void 0 : icon.type, '__KONTUR_ICON__');
+};
+export var generateId = function () {
+    return Date.now().toString(36) + Math.random().toString(36).substr(2);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/side-menu",
-  "version": "3.1.7",
+  "version": "3.2.0",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -22,8 +22,8 @@
     "@skbkontur/react-ui": "^5.0.0"
   },
   "dependencies": {
-    "@skbkontur/icons": "^1.15.3",
-    "@skbkontur/react-ui-addons": "^5.1.5",
-    "tslib": "^1"
+    "@skbkontur/icons": "^1.17.0",
+    "@skbkontur/react-ui-addons": "^5.2.0",
+    "tslib": "^2.8.0"
   }
 }

package/src/Navigation.d.ts

@@ -1,52 +1,52 @@
-import { RefObject } from 'react';
-import { Tree, TreeNode } from './Tree';
-export declare const navigationAttribute = "data-navigation-id";
-export declare const navigationAttributeForSeparatedMenu = "data-parent-navigation-id";
-export declare const navigationAttributeBackButton = "data-navigation-back-button";
-export interface NavigableElement {
-    setIsActive: (value: boolean) => void;
-    setIsOpened: (value: boolean) => void;
-    setIsNestedSubMenu: (value: boolean) => void;
-    setHasSubIcons: (value: boolean) => void;
-    setIsFirstLevelParentOfActiveMenuItem: (value: boolean) => void;
-    isSubMenu?: boolean;
-}
-interface MenuNavigationOptions {
-    rootRef: RefObject<HTMLDivElement> | null;
-    activeMenuItem?: string;
-    setActiveMenuItem: (id: string) => void;
-    isSeparatedMenu: boolean;
-    isSeparatedMenuShown: boolean;
-    setIsSeparatedMenuShown: (value: boolean) => void;
-    isOpened?: boolean;
-    isDesktopQuery?: boolean;
-    isMobile?: boolean;
-    isCollapsable?: boolean;
-}
-export declare class MenuNavigation {
-    navigationTree: Tree | null;
-    activeMenuItem?: string;
-    isSeparatedMenuShown?: boolean;
-    setIsSeparatedMenuShown?: (value: boolean) => void;
-    activeMenuItemTreeNode?: TreeNode;
-    private readonly rootRef;
-    private readonly setActiveMenuItem?;
-    private isSeparatedMenu;
-    private readonly isOpened?;
-    private readonly isDesktop?;
-    private readonly isMobile?;
-    isCollapsable?: boolean;
-    private menuItemsIds;
-    constructor(options: MenuNavigationOptions);
-    updateNavigationTree(): void;
-    addValue(id: string, value: NavigableElement): void;
-    switchActiveMenuItem(id?: string, isButton?: boolean): void;
-    switchIsSeparatedMenu(value: boolean): void;
-    private setHighlightedFirstLevelMenuItemInMinimizedInnerMenu;
-    private getFirstLevelParent;
-    private openMenuItems;
-    private openAllParents;
-    private getParentId;
-    private switchVisibilityOfSeparatedMenu;
-}
-export {};
+import { RefObject } from 'react';
+import { Tree, TreeNode } from './Tree';
+export declare const navigationAttribute = "data-navigation-id";
+export declare const navigationAttributeForSeparatedMenu = "data-parent-navigation-id";
+export declare const navigationAttributeBackButton = "data-navigation-back-button";
+export interface NavigableElement {
+    setIsActive: (value: boolean) => void;
+    setIsOpened: (value: boolean) => void;
+    setIsNestedSubMenu: (value: boolean) => void;
+    setHasSubIcons: (value: boolean) => void;
+    setIsFirstLevelParentOfActiveMenuItem: (value: boolean) => void;
+    isSubMenu?: boolean;
+}
+interface MenuNavigationOptions {
+    rootRef: RefObject<HTMLDivElement> | null;
+    activeMenuItem?: string;
+    setActiveMenuItem: (id: string) => void;
+    isSeparatedMenu: boolean;
+    isSeparatedMenuShown: boolean;
+    setIsSeparatedMenuShown: (value: boolean) => void;
+    isOpened?: boolean;
+    isDesktopQuery?: boolean;
+    isMobile?: boolean;
+    isCollapsable?: boolean;
+}
+export declare class MenuNavigation {
+    navigationTree: Tree | null;
+    activeMenuItem?: string;
+    isSeparatedMenuShown?: boolean;
+    setIsSeparatedMenuShown?: (value: boolean) => void;
+    activeMenuItemTreeNode?: TreeNode;
+    private readonly rootRef;
+    private readonly setActiveMenuItem?;
+    private isSeparatedMenu;
+    private readonly isOpened?;
+    private readonly isDesktop?;
+    private readonly isMobile?;
+    isCollapsable?: boolean;
+    private menuItemsIds;
+    constructor(options: MenuNavigationOptions);
+    updateNavigationTree(): void;
+    addValue(id: string, value: NavigableElement): void;
+    switchActiveMenuItem(id?: string, isButton?: boolean): void;
+    switchIsSeparatedMenu(value: boolean): void;
+    private setHighlightedFirstLevelMenuItemInMinimizedInnerMenu;
+    private getFirstLevelParent;
+    private openMenuItems;
+    private openAllParents;
+    private getParentId;
+    private switchVisibilityOfSeparatedMenu;
+}
+export {};