@skbkontur/side-menu 3.1.7 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/SideMenuDataTids.d.ts +8 -8
- package/SideMenuDataTids.js +8 -8
- package/hooks/useAnimateOnMount.d.ts +2 -2
- package/hooks/useAnimateOnMount.js +19 -19
- package/hooks/useMemoIcon.d.ts +8 -8
- package/hooks/useMemoIcon.js +27 -27
- package/index.d.ts +14 -14
- package/index.js +14 -14
- package/internal/themes/SideMenuTheme.d.ts +132 -132
- package/internal/themes/SideMenuTheme.js +291 -291
- package/lib/theming/ThemeHelpers.d.ts +18 -18
- package/lib/theming/ThemeHelpers.js +77 -77
- package/lib/theming/ThemeTypes.d.ts +3 -3
- package/lib/theming/ThemeTypes.js +1 -0
- package/lib/utils/memo.d.ts +1 -1
- package/lib/utils/memo.js +9 -9
- package/lib/utils/scripts.d.ts +5 -5
- package/lib/utils/scripts.js +10 -10
- package/package.json +4 -4
- package/src/Navigation.d.ts +52 -52
- package/src/Navigation.js +191 -156
- package/src/SideMenu/SideMenu.d.ts +90 -90
- package/src/SideMenu/SideMenu.js +315 -315
- package/src/SideMenu/SideMenu.styles.d.ts +27 -27
- package/src/SideMenu/SideMenu.styles.js +77 -77
- package/src/SideMenuAvatar/SideMenuAvatar.d.ts +13 -13
- package/src/SideMenuAvatar/SideMenuAvatar.js +18 -18
- package/src/SideMenuBody/SideMenuBody.d.ts +13 -13
- package/src/SideMenuBody/SideMenuBody.js +27 -27
- package/src/SideMenuBody/SideMenuBody.styles.d.ts +5 -5
- package/src/SideMenuBody/SideMenuBody.styles.js +13 -13
- package/src/SideMenuContext.d.ts +30 -30
- package/src/SideMenuContext.js +2 -2
- package/src/SideMenuDivider/SideMenuDivider.d.ts +10 -10
- package/src/SideMenuDivider/SideMenuDivider.js +19 -19
- package/src/SideMenuDivider/SideMenuDivider.styles.d.ts +4 -4
- package/src/SideMenuDivider/SideMenuDivider.styles.js +10 -10
- package/src/SideMenuDropdown/SideMenuDropdown.d.ts +17 -17
- package/src/SideMenuDropdown/SideMenuDropdown.js +40 -40
- package/src/SideMenuDropdown/SideMenuDropdown.styles.d.ts +7 -7
- package/src/SideMenuDropdown/SideMenuDropdown.styles.js +20 -20
- package/src/SideMenuFooter/SideMenuFooter.d.ts +13 -13
- package/src/SideMenuFooter/SideMenuFooter.js +34 -34
- package/src/SideMenuFooter/SideMenuFooter.styles.d.ts +6 -6
- package/src/SideMenuFooter/SideMenuFooter.styles.js +16 -16
- package/src/SideMenuHeader/SideMenuHeader.d.ts +13 -13
- package/src/SideMenuHeader/SideMenuHeader.js +39 -39
- package/src/SideMenuHeader/SideMenuHeader.styles.d.ts +8 -8
- package/src/SideMenuHeader/SideMenuHeader.styles.js +22 -22
- package/src/SideMenuItem/SideMenuItem.d.ts +15 -15
- package/src/SideMenuItem/SideMenuItem.js +16 -16
- package/src/SideMenuLink/SideMenuLink.d.ts +16 -16
- package/src/SideMenuLink/SideMenuLink.js +21 -21
- package/src/SideMenuLink/SideMenuLink.styles.d.ts +3 -3
- package/src/SideMenuLink/SideMenuLink.styles.js +9 -9
- package/src/SideMenuOrganisations/SideMenuOrganisations.d.ts +10 -10
- package/src/SideMenuOrganisations/SideMenuOrganisations.js +16 -16
- package/src/SideMenuSubItem/SideMenuSubItem.d.ts +12 -12
- package/src/SideMenuSubItem/SideMenuSubItem.js +15 -15
- package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.d.ts +13 -13
- package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js +26 -26
- package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.d.ts +5 -5
- package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.js +13 -13
- package/src/SideMenuSubLink/SideMenuSubLink.d.ts +14 -14
- package/src/SideMenuSubLink/SideMenuSubLink.js +18 -18
- package/src/Tree.d.ts +17 -17
- package/src/Tree.js +133 -133
- package/src/internal/BackButton.d.ts +9 -9
- package/src/internal/BackButton.js +25 -25
- package/src/internal/Backdrop.d.ts +4 -4
- package/src/internal/Backdrop.js +13 -13
- package/src/internal/Backdrop.styles.d.ts +3 -3
- package/src/internal/Backdrop.styles.js +10 -10
- package/src/internal/Burger.d.ts +1 -1
- package/src/internal/Burger.js +13 -13
- package/src/internal/Burger.styles.d.ts +4 -4
- package/src/internal/Burger.styles.js +11 -11
- package/src/internal/ClickableElement.d.ts +32 -32
- package/src/internal/ClickableElement.js +141 -141
- package/src/internal/ClickableElement.styles.d.ts +10 -10
- package/src/internal/ClickableElement.styles.js +29 -29
- package/src/internal/InnerSubMenu.d.ts +10 -10
- package/src/internal/InnerSubMenu.js +21 -21
- package/src/internal/ItemContent/Caption.d.ts +9 -9
- package/src/internal/ItemContent/Caption.js +73 -73
- package/src/internal/ItemContent/Caption.styles.d.ts +19 -19
- package/src/internal/ItemContent/Caption.styles.js +51 -51
- package/src/internal/ItemContent/Icon.d.ts +6 -6
- package/src/internal/ItemContent/Icon.js +42 -42
- package/src/internal/ItemContent/Icon.styles.d.ts +10 -10
- package/src/internal/ItemContent/Icon.styles.js +28 -28
- package/src/internal/ItemContent/ItemContent.d.ts +8 -8
- package/src/internal/ItemContent/ItemContent.js +68 -68
- package/src/internal/ItemContent/ItemContent.styles.d.ts +14 -14
- package/src/internal/ItemContent/ItemContent.styles.js +40 -40
- package/src/internal/ItemContent/Marker.d.ts +7 -7
- package/src/internal/ItemContent/Marker.js +21 -21
- package/src/internal/ItemContent/Marker.styles.d.ts +11 -11
- package/src/internal/ItemContent/Marker.styles.js +31 -31
- package/src/internal/NestedMenu.d.ts +10 -10
- package/src/internal/NestedMenu.js +26 -26
- package/src/internal/NestedMenu.styles.d.ts +4 -4
- package/src/internal/NestedMenu.styles.js +10 -10
- package/src/internal/RightBorder.d.ts +9 -9
- package/src/internal/RightBorder.js +33 -33
- package/src/internal/RightBorder.styles.d.ts +5 -5
- package/src/internal/RightBorder.styles.js +13 -13
- package/src/internal/SeparatedSubMenu.d.ts +11 -11
- package/src/internal/SeparatedSubMenu.js +64 -64
- package/src/internal/SeparatedSubMenu.styles.d.ts +13 -13
- package/src/internal/SeparatedSubMenu.styles.js +33 -33
- package/src/internal/SideMenuLogotype.d.ts +6 -6
- package/src/internal/SideMenuLogotype.js +80 -79
- package/src/internal/SideMenuLogotype.styles.d.ts +12 -12
- package/src/internal/SideMenuLogotype.styles.js +31 -31
- package/src/internal/SubMenu.d.ts +13 -13
- package/src/internal/SubMenu.js +25 -25
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { css, memoizeStyle } from '@skbkontur/react-ui/lib/theming/Emotion';
|
|
3
|
-
var styles = {
|
|
4
|
-
link: function () {
|
|
5
|
-
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n display: inline-block;\n "], ["\n text-decoration: none;\n display: inline-block;\n "])));
|
|
6
|
-
},
|
|
7
|
-
};
|
|
8
|
-
export var jsStyles = memoizeStyle(styles);
|
|
9
|
-
var templateObject_1;
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import { css, memoizeStyle } from '@skbkontur/react-ui/lib/theming/Emotion';
|
|
3
|
+
var styles = {
|
|
4
|
+
link: function () {
|
|
5
|
+
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n text-decoration: none;\n display: inline-block;\n "], ["\n text-decoration: none;\n display: inline-block;\n "])));
|
|
6
|
+
},
|
|
7
|
+
};
|
|
8
|
+
export var jsStyles = memoizeStyle(styles);
|
|
9
|
+
var templateObject_1;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
|
|
3
|
-
/**
|
|
4
|
-
* Список организаций
|
|
5
|
-
*
|
|
6
|
-
* @visibleName SideMenu.Organisations
|
|
7
|
-
*/
|
|
8
|
-
export declare const SideMenuOrganisations: React.ForwardRefExoticComponent<SideMenuDropdownProps & React.RefAttributes<HTMLLIElement>> & {
|
|
9
|
-
__KONTUR_REACT_UI__: string;
|
|
10
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SideMenuDropdownProps } from '../SideMenuDropdown/SideMenuDropdown';
|
|
3
|
+
/**
|
|
4
|
+
* Список организаций
|
|
5
|
+
*
|
|
6
|
+
* @visibleName SideMenu.Organisations
|
|
7
|
+
*/
|
|
8
|
+
export declare const SideMenuOrganisations: React.ForwardRefExoticComponent<SideMenuDropdownProps & React.RefAttributes<HTMLLIElement>> & {
|
|
9
|
+
__KONTUR_REACT_UI__: string;
|
|
10
|
+
};
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
|
|
4
|
-
var SideMenuOrganisationsInner = forwardRef(function (_a, ref) {
|
|
5
|
-
var children = _a.children, _b = _a.caption, caption = _b === void 0 ? 'СКБ Контур' : _b, rest = __rest(_a, ["children", "caption"]);
|
|
6
|
-
return (React.createElement(SideMenuDropdown, __assign({ caption: caption, menuWidth: '240px', positions: ['top left'], ref: ref }, rest), children));
|
|
7
|
-
});
|
|
8
|
-
SideMenuOrganisationsInner.displayName = 'SideMenuOrganisations';
|
|
9
|
-
/**
|
|
10
|
-
* Список организаций
|
|
11
|
-
*
|
|
12
|
-
* @visibleName SideMenu.Organisations
|
|
13
|
-
*/
|
|
14
|
-
export var SideMenuOrganisations = Object.assign(SideMenuOrganisationsInner, {
|
|
15
|
-
__KONTUR_REACT_UI__: 'SideMenuOrganisations',
|
|
16
|
-
});
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import { SideMenuDropdown } from '../SideMenuDropdown/SideMenuDropdown';
|
|
4
|
+
var SideMenuOrganisationsInner = forwardRef(function (_a, ref) {
|
|
5
|
+
var children = _a.children, _b = _a.caption, caption = _b === void 0 ? 'СКБ Контур' : _b, rest = __rest(_a, ["children", "caption"]);
|
|
6
|
+
return (React.createElement(SideMenuDropdown, __assign({ caption: caption, menuWidth: '240px', positions: ['top left'], ref: ref }, rest), children));
|
|
7
|
+
});
|
|
8
|
+
SideMenuOrganisationsInner.displayName = 'SideMenuOrganisations';
|
|
9
|
+
/**
|
|
10
|
+
* Список организаций
|
|
11
|
+
*
|
|
12
|
+
* @visibleName SideMenu.Organisations
|
|
13
|
+
*/
|
|
14
|
+
export var SideMenuOrganisations = Object.assign(SideMenuOrganisationsInner, {
|
|
15
|
+
__KONTUR_REACT_UI__: 'SideMenuOrganisations',
|
|
16
|
+
});
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SideMenuItemProps } from '../SideMenuItem/SideMenuItem';
|
|
3
|
-
export interface SideMenuSubItemProps extends Omit<SideMenuItemProps, 'icon'>, Partial<Pick<SideMenuItemProps, 'icon'>> {
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* Элемент списка второго уровня
|
|
7
|
-
*
|
|
8
|
-
* @visibleName SideMenu.SubItem
|
|
9
|
-
*/
|
|
10
|
-
export declare const SideMenuSubItem: React.ForwardRefExoticComponent<SideMenuSubItemProps & React.RefAttributes<HTMLLIElement>> & {
|
|
11
|
-
__KONTUR_REACT_UI__: string;
|
|
12
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SideMenuItemProps } from '../SideMenuItem/SideMenuItem';
|
|
3
|
+
export interface SideMenuSubItemProps extends Omit<SideMenuItemProps, 'icon'>, Partial<Pick<SideMenuItemProps, 'icon'>> {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Элемент списка второго уровня
|
|
7
|
+
*
|
|
8
|
+
* @visibleName SideMenu.SubItem
|
|
9
|
+
*/
|
|
10
|
+
export declare const SideMenuSubItem: React.ForwardRefExoticComponent<SideMenuSubItemProps & React.RefAttributes<HTMLLIElement>> & {
|
|
11
|
+
__KONTUR_REACT_UI__: string;
|
|
12
|
+
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
|
|
4
|
-
var SideMenuSubItemInner = forwardRef(function (_a, ref) {
|
|
5
|
-
var props = __rest(_a, []);
|
|
6
|
-
return (React.createElement("li", { ref: ref },
|
|
7
|
-
React.createElement(SideMenuItem, __assign({ _isSubMenu: true }, props))));
|
|
8
|
-
});
|
|
9
|
-
SideMenuSubItemInner.displayName = 'SideMenuSubItem';
|
|
10
|
-
/**
|
|
11
|
-
* Элемент списка второго уровня
|
|
12
|
-
*
|
|
13
|
-
* @visibleName SideMenu.SubItem
|
|
14
|
-
*/
|
|
15
|
-
export var SideMenuSubItem = Object.assign(SideMenuSubItemInner, { __KONTUR_REACT_UI__: 'SideMenuSubItem' });
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import { SideMenuItem } from '../SideMenuItem/SideMenuItem';
|
|
4
|
+
var SideMenuSubItemInner = forwardRef(function (_a, ref) {
|
|
5
|
+
var props = __rest(_a, []);
|
|
6
|
+
return (React.createElement("li", { ref: ref },
|
|
7
|
+
React.createElement(SideMenuItem, __assign({ _isSubMenu: true }, props))));
|
|
8
|
+
});
|
|
9
|
+
SideMenuSubItemInner.displayName = 'SideMenuSubItem';
|
|
10
|
+
/**
|
|
11
|
+
* Элемент списка второго уровня
|
|
12
|
+
*
|
|
13
|
+
* @visibleName SideMenu.SubItem
|
|
14
|
+
*/
|
|
15
|
+
export var SideMenuSubItem = Object.assign(SideMenuSubItemInner, { __KONTUR_REACT_UI__: 'SideMenuSubItem' });
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
|
|
3
|
-
export interface SideMenuSubItemHeaderProps extends CommonProps {
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Заголовок списка второго уровня
|
|
8
|
-
*
|
|
9
|
-
* @visibleName SideMenu.SubItemHeader
|
|
10
|
-
*/
|
|
11
|
-
export declare const SideMenuSubItemHeader: React.ForwardRefExoticComponent<SideMenuSubItemHeaderProps & React.RefAttributes<HTMLParagraphElement>> & {
|
|
12
|
-
__KONTUR_REACT_UI__: string;
|
|
13
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CommonProps } from '@skbkontur/react-ui/internal/CommonWrapper';
|
|
3
|
+
export interface SideMenuSubItemHeaderProps extends CommonProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Заголовок списка второго уровня
|
|
8
|
+
*
|
|
9
|
+
* @visibleName SideMenu.SubItemHeader
|
|
10
|
+
*/
|
|
11
|
+
export declare const SideMenuSubItemHeader: React.ForwardRefExoticComponent<SideMenuSubItemHeaderProps & React.RefAttributes<HTMLParagraphElement>> & {
|
|
12
|
+
__KONTUR_REACT_UI__: string;
|
|
13
|
+
};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { forwardRef, useContext } from 'react';
|
|
3
|
-
import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
|
|
4
|
-
import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
|
|
5
|
-
import { jsStyles } from './SideMenuSubItemHeader.styles';
|
|
6
|
-
import { SideMenuContext } from '../SideMenuContext';
|
|
7
|
-
import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
|
|
8
|
-
var SideMenuSubItemHeaderInner = forwardRef(function (_a, ref) {
|
|
9
|
-
var _b;
|
|
10
|
-
var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
|
|
11
|
-
var context = useContext(SideMenuContext);
|
|
12
|
-
var theme = getSideMenuTheme(useContext(ThemeContext));
|
|
13
|
-
return (React.createElement("p", __assign({ className: cx((_b = {},
|
|
14
|
-
_b[jsStyles.root(theme)] = true,
|
|
15
|
-
_b[jsStyles.rootInSeparatedSubMenu()] = context.isSeparatedMenu,
|
|
16
|
-
_b), className), ref: ref }, rest), children));
|
|
17
|
-
});
|
|
18
|
-
SideMenuSubItemHeaderInner.displayName = 'SideMenuSubItemHeader';
|
|
19
|
-
/**
|
|
20
|
-
* Заголовок списка второго уровня
|
|
21
|
-
*
|
|
22
|
-
* @visibleName SideMenu.SubItemHeader
|
|
23
|
-
*/
|
|
24
|
-
export var SideMenuSubItemHeader = Object.assign(SideMenuSubItemHeaderInner, {
|
|
25
|
-
__KONTUR_REACT_UI__: 'SideMenuSubItemHeader',
|
|
26
|
-
});
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import React, { forwardRef, useContext } from 'react';
|
|
3
|
+
import { cx } from '@skbkontur/react-ui/lib/theming/Emotion';
|
|
4
|
+
import { ThemeContext } from '@skbkontur/react-ui/lib/theming/ThemeContext';
|
|
5
|
+
import { jsStyles } from './SideMenuSubItemHeader.styles';
|
|
6
|
+
import { SideMenuContext } from '../SideMenuContext';
|
|
7
|
+
import { getSideMenuTheme } from '../../lib/theming/ThemeHelpers';
|
|
8
|
+
var SideMenuSubItemHeaderInner = forwardRef(function (_a, ref) {
|
|
9
|
+
var _b;
|
|
10
|
+
var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
|
|
11
|
+
var context = useContext(SideMenuContext);
|
|
12
|
+
var theme = getSideMenuTheme(useContext(ThemeContext));
|
|
13
|
+
return (React.createElement("p", __assign({ className: cx((_b = {},
|
|
14
|
+
_b[jsStyles.root(theme)] = true,
|
|
15
|
+
_b[jsStyles.rootInSeparatedSubMenu()] = context.isSeparatedMenu,
|
|
16
|
+
_b), className), ref: ref }, rest), children));
|
|
17
|
+
});
|
|
18
|
+
SideMenuSubItemHeaderInner.displayName = 'SideMenuSubItemHeader';
|
|
19
|
+
/**
|
|
20
|
+
* Заголовок списка второго уровня
|
|
21
|
+
*
|
|
22
|
+
* @visibleName SideMenu.SubItemHeader
|
|
23
|
+
*/
|
|
24
|
+
export var SideMenuSubItemHeader = Object.assign(SideMenuSubItemHeaderInner, {
|
|
25
|
+
__KONTUR_REACT_UI__: 'SideMenuSubItemHeader',
|
|
26
|
+
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
|
|
2
|
-
export declare const jsStyles: {
|
|
3
|
-
root(t: SideMenuTheme): string;
|
|
4
|
-
rootInSeparatedSubMenu(): string;
|
|
5
|
-
};
|
|
1
|
+
import { SideMenuTheme } from '../../lib/theming/ThemeTypes';
|
|
2
|
+
export declare const jsStyles: {
|
|
3
|
+
root(t: SideMenuTheme): string;
|
|
4
|
+
rootInSeparatedSubMenu(): string;
|
|
5
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { __makeTemplateObject } from "tslib";
|
|
2
|
-
import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
|
|
3
|
-
import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
|
|
4
|
-
var styles = {
|
|
5
|
-
root: function (t) {
|
|
6
|
-
return css(templateObject_1 || (templateObject_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);
|
|
7
|
-
},
|
|
8
|
-
rootInSeparatedSubMenu: function () {
|
|
9
|
-
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: 8px;\n "], ["\n padding-left: 8px;\n "])));
|
|
10
|
-
},
|
|
11
|
-
};
|
|
12
|
-
export var jsStyles = memoizeStyle(styles);
|
|
13
|
-
var templateObject_1, templateObject_2;
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import { css } from '@skbkontur/react-ui/lib/theming/Emotion';
|
|
3
|
+
import { memoizeStyle } from '../../lib/theming/ThemeHelpers';
|
|
4
|
+
var styles = {
|
|
5
|
+
root: function (t) {
|
|
6
|
+
return css(templateObject_1 || (templateObject_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);
|
|
7
|
+
},
|
|
8
|
+
rootInSeparatedSubMenu: function () {
|
|
9
|
+
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: 8px;\n "], ["\n padding-left: 8px;\n "])));
|
|
10
|
+
},
|
|
11
|
+
};
|
|
12
|
+
export var jsStyles = memoizeStyle(styles);
|
|
13
|
+
var templateObject_1, templateObject_2;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SideMenuLinkProps } from '../SideMenuLink/SideMenuLink';
|
|
3
|
-
export interface SideMenuSubLinkProps<T = string> extends Omit<SideMenuLinkProps<T>, 'icon'>, Partial<Pick<SideMenuLinkProps, 'icon'>> {
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* Ссылка в подменю для `SideMenu`
|
|
7
|
-
*
|
|
8
|
-
* Визуально повторяет `SideMenu.SubItem`
|
|
9
|
-
*
|
|
10
|
-
* Может принимать все атрибуты обычной HTML-ссылки
|
|
11
|
-
*
|
|
12
|
-
* @visibleName SideMenu.SubLink
|
|
13
|
-
*/
|
|
14
|
-
export declare const SideMenuSubLink: <T = string>(props: SideMenuSubLinkProps<T>) => React.ReactElement;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SideMenuLinkProps } from '../SideMenuLink/SideMenuLink';
|
|
3
|
+
export interface SideMenuSubLinkProps<T = string> extends Omit<SideMenuLinkProps<T>, 'icon'>, Partial<Pick<SideMenuLinkProps, 'icon'>> {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Ссылка в подменю для `SideMenu`
|
|
7
|
+
*
|
|
8
|
+
* Визуально повторяет `SideMenu.SubItem`
|
|
9
|
+
*
|
|
10
|
+
* Может принимать все атрибуты обычной HTML-ссылки
|
|
11
|
+
*
|
|
12
|
+
* @visibleName SideMenu.SubLink
|
|
13
|
+
*/
|
|
14
|
+
export declare const SideMenuSubLink: <T = string>(props: SideMenuSubLinkProps<T>) => React.ReactElement;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import { SideMenuLink } from '../SideMenuLink/SideMenuLink';
|
|
4
|
-
var SideMenuSubLinkInner = forwardRef(function (props, ref) {
|
|
5
|
-
return (React.createElement("li", { ref: ref },
|
|
6
|
-
React.createElement(SideMenuLink, __assign({ _isSubMenu: true }, props))));
|
|
7
|
-
});
|
|
8
|
-
SideMenuSubLinkInner.displayName = 'SideMenuSubLink';
|
|
9
|
-
/**
|
|
10
|
-
* Ссылка в подменю для `SideMenu`
|
|
11
|
-
*
|
|
12
|
-
* Визуально повторяет `SideMenu.SubItem`
|
|
13
|
-
*
|
|
14
|
-
* Может принимать все атрибуты обычной HTML-ссылки
|
|
15
|
-
*
|
|
16
|
-
* @visibleName SideMenu.SubLink
|
|
17
|
-
*/
|
|
18
|
-
export var SideMenuSubLink = Object.assign(SideMenuSubLinkInner, { __KONTUR_REACT_UI__: 'SideMenuSubLink' });
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import { SideMenuLink } from '../SideMenuLink/SideMenuLink';
|
|
4
|
+
var SideMenuSubLinkInner = forwardRef(function (props, ref) {
|
|
5
|
+
return (React.createElement("li", { ref: ref },
|
|
6
|
+
React.createElement(SideMenuLink, __assign({ _isSubMenu: true }, props))));
|
|
7
|
+
});
|
|
8
|
+
SideMenuSubLinkInner.displayName = 'SideMenuSubLink';
|
|
9
|
+
/**
|
|
10
|
+
* Ссылка в подменю для `SideMenu`
|
|
11
|
+
*
|
|
12
|
+
* Визуально повторяет `SideMenu.SubItem`
|
|
13
|
+
*
|
|
14
|
+
* Может принимать все атрибуты обычной HTML-ссылки
|
|
15
|
+
*
|
|
16
|
+
* @visibleName SideMenu.SubLink
|
|
17
|
+
*/
|
|
18
|
+
export var SideMenuSubLink = Object.assign(SideMenuSubLinkInner, { __KONTUR_REACT_UI__: 'SideMenuSubLink' });
|
package/src/Tree.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { NavigableElement } from './Navigation';
|
|
2
|
-
export declare class TreeNode {
|
|
3
|
-
id: string;
|
|
4
|
-
value: NavigableElement | null;
|
|
5
|
-
parent: TreeNode | null;
|
|
6
|
-
children: TreeNode[];
|
|
7
|
-
constructor(id: string, value?: NavigableElement | null, parent?: TreeNode | null);
|
|
8
|
-
get hasChildren(): boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare class Tree {
|
|
11
|
-
private root;
|
|
12
|
-
constructor(id: string, value?: NavigableElement | null);
|
|
13
|
-
preOrderTraversal(node?: TreeNode): Generator<TreeNode, void, undefined>;
|
|
14
|
-
insert(parentId: string, id: string | undefined | null, value?: NavigableElement | null): boolean;
|
|
15
|
-
remove(id: string): boolean;
|
|
16
|
-
find(id?: string | null): TreeNode | undefined;
|
|
17
|
-
}
|
|
1
|
+
import { NavigableElement } from './Navigation';
|
|
2
|
+
export declare class TreeNode {
|
|
3
|
+
id: string;
|
|
4
|
+
value: NavigableElement | null;
|
|
5
|
+
parent: TreeNode | null;
|
|
6
|
+
children: TreeNode[];
|
|
7
|
+
constructor(id: string, value?: NavigableElement | null, parent?: TreeNode | null);
|
|
8
|
+
get hasChildren(): boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare class Tree {
|
|
11
|
+
private root;
|
|
12
|
+
constructor(id: string, value?: NavigableElement | null);
|
|
13
|
+
preOrderTraversal(node?: TreeNode): Generator<TreeNode, void, undefined>;
|
|
14
|
+
insert(parentId: string, id: string | undefined | null, value?: NavigableElement | null): boolean;
|
|
15
|
+
remove(id: string): boolean;
|
|
16
|
+
find(id?: string | null): TreeNode | undefined;
|
|
17
|
+
}
|
package/src/Tree.js
CHANGED
|
@@ -1,133 +1,133 @@
|
|
|
1
|
-
import { __generator, __values } from "tslib";
|
|
2
|
-
var TreeNode = /** @class */ (function () {
|
|
3
|
-
function TreeNode(id, value, parent) {
|
|
4
|
-
if (value === void 0) { value = null; }
|
|
5
|
-
if (parent === void 0) { parent = null; }
|
|
6
|
-
this.id = id;
|
|
7
|
-
this.value = value;
|
|
8
|
-
this.parent = parent;
|
|
9
|
-
this.children = [];
|
|
10
|
-
}
|
|
11
|
-
Object.defineProperty(TreeNode.prototype, "hasChildren", {
|
|
12
|
-
get: function () {
|
|
13
|
-
return this.children.length !== 0;
|
|
14
|
-
},
|
|
15
|
-
enumerable: false,
|
|
16
|
-
configurable: true
|
|
17
|
-
});
|
|
18
|
-
return TreeNode;
|
|
19
|
-
}());
|
|
20
|
-
export { TreeNode };
|
|
21
|
-
var Tree = /** @class */ (function () {
|
|
22
|
-
function Tree(id, value) {
|
|
23
|
-
if (value === void 0) { value = null; }
|
|
24
|
-
this.root = new TreeNode(id, value);
|
|
25
|
-
}
|
|
26
|
-
Tree.prototype.preOrderTraversal = function (node) {
|
|
27
|
-
var _a, _b, child, e_1_1;
|
|
28
|
-
var e_1, _c;
|
|
29
|
-
if (node === void 0) { node = this.root; }
|
|
30
|
-
return __generator(this, function (_d) {
|
|
31
|
-
switch (_d.label) {
|
|
32
|
-
case 0: return [4 /*yield*/, node];
|
|
33
|
-
case 1:
|
|
34
|
-
_d.sent();
|
|
35
|
-
if (!node.children.length) return [3 /*break*/, 9];
|
|
36
|
-
_d.label = 2;
|
|
37
|
-
case 2:
|
|
38
|
-
_d.trys.push([2, 7, 8, 9]);
|
|
39
|
-
_a = __values(node.children), _b = _a.next();
|
|
40
|
-
_d.label = 3;
|
|
41
|
-
case 3:
|
|
42
|
-
if (!!_b.done) return [3 /*break*/, 6];
|
|
43
|
-
child = _b.value;
|
|
44
|
-
return [5 /*yield**/, __values(this.preOrderTraversal(child))];
|
|
45
|
-
case 4:
|
|
46
|
-
_d.sent();
|
|
47
|
-
_d.label = 5;
|
|
48
|
-
case 5:
|
|
49
|
-
_b = _a.next();
|
|
50
|
-
return [3 /*break*/, 3];
|
|
51
|
-
case 6: return [3 /*break*/, 9];
|
|
52
|
-
case 7:
|
|
53
|
-
e_1_1 = _d.sent();
|
|
54
|
-
e_1 = { error: e_1_1 };
|
|
55
|
-
return [3 /*break*/, 9];
|
|
56
|
-
case 8:
|
|
57
|
-
try {
|
|
58
|
-
if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
|
|
59
|
-
}
|
|
60
|
-
finally { if (e_1) throw e_1.error; }
|
|
61
|
-
return [7 /*endfinally*/];
|
|
62
|
-
case 9: return [2 /*return*/];
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
|
-
};
|
|
66
|
-
Tree.prototype.insert = function (parentId, id, value) {
|
|
67
|
-
var e_2, _a;
|
|
68
|
-
if (value === void 0) { value = null; }
|
|
69
|
-
if (!id)
|
|
70
|
-
return false;
|
|
71
|
-
try {
|
|
72
|
-
for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
73
|
-
var node = _c.value;
|
|
74
|
-
if (node.id === parentId && node.children.every(function (node) { return node.id !== id; })) {
|
|
75
|
-
node.children.push(new TreeNode(id, value, node));
|
|
76
|
-
return true;
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
81
|
-
finally {
|
|
82
|
-
try {
|
|
83
|
-
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
84
|
-
}
|
|
85
|
-
finally { if (e_2) throw e_2.error; }
|
|
86
|
-
}
|
|
87
|
-
return false;
|
|
88
|
-
};
|
|
89
|
-
Tree.prototype.remove = function (id) {
|
|
90
|
-
var e_3, _a;
|
|
91
|
-
try {
|
|
92
|
-
for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
93
|
-
var node = _c.value;
|
|
94
|
-
var filtered = node.children.filter(function (c) { return c.id !== id; });
|
|
95
|
-
if (filtered.length !== node.children.length) {
|
|
96
|
-
node.children = filtered;
|
|
97
|
-
return true;
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
catch (e_3_1) { e_3 = { error: e_3_1 }; }
|
|
102
|
-
finally {
|
|
103
|
-
try {
|
|
104
|
-
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
105
|
-
}
|
|
106
|
-
finally { if (e_3) throw e_3.error; }
|
|
107
|
-
}
|
|
108
|
-
return false;
|
|
109
|
-
};
|
|
110
|
-
Tree.prototype.find = function (id) {
|
|
111
|
-
var e_4, _a;
|
|
112
|
-
if (!id) {
|
|
113
|
-
return undefined;
|
|
114
|
-
}
|
|
115
|
-
try {
|
|
116
|
-
for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
117
|
-
var node = _c.value;
|
|
118
|
-
if (node.id === id)
|
|
119
|
-
return node;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
catch (e_4_1) { e_4 = { error: e_4_1 }; }
|
|
123
|
-
finally {
|
|
124
|
-
try {
|
|
125
|
-
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
126
|
-
}
|
|
127
|
-
finally { if (e_4) throw e_4.error; }
|
|
128
|
-
}
|
|
129
|
-
return undefined;
|
|
130
|
-
};
|
|
131
|
-
return Tree;
|
|
132
|
-
}());
|
|
133
|
-
export { Tree };
|
|
1
|
+
import { __generator, __values } from "tslib";
|
|
2
|
+
var TreeNode = /** @class */ (function () {
|
|
3
|
+
function TreeNode(id, value, parent) {
|
|
4
|
+
if (value === void 0) { value = null; }
|
|
5
|
+
if (parent === void 0) { parent = null; }
|
|
6
|
+
this.id = id;
|
|
7
|
+
this.value = value;
|
|
8
|
+
this.parent = parent;
|
|
9
|
+
this.children = [];
|
|
10
|
+
}
|
|
11
|
+
Object.defineProperty(TreeNode.prototype, "hasChildren", {
|
|
12
|
+
get: function () {
|
|
13
|
+
return this.children.length !== 0;
|
|
14
|
+
},
|
|
15
|
+
enumerable: false,
|
|
16
|
+
configurable: true
|
|
17
|
+
});
|
|
18
|
+
return TreeNode;
|
|
19
|
+
}());
|
|
20
|
+
export { TreeNode };
|
|
21
|
+
var Tree = /** @class */ (function () {
|
|
22
|
+
function Tree(id, value) {
|
|
23
|
+
if (value === void 0) { value = null; }
|
|
24
|
+
this.root = new TreeNode(id, value);
|
|
25
|
+
}
|
|
26
|
+
Tree.prototype.preOrderTraversal = function (node) {
|
|
27
|
+
var _a, _b, child, e_1_1;
|
|
28
|
+
var e_1, _c;
|
|
29
|
+
if (node === void 0) { node = this.root; }
|
|
30
|
+
return __generator(this, function (_d) {
|
|
31
|
+
switch (_d.label) {
|
|
32
|
+
case 0: return [4 /*yield*/, node];
|
|
33
|
+
case 1:
|
|
34
|
+
_d.sent();
|
|
35
|
+
if (!node.children.length) return [3 /*break*/, 9];
|
|
36
|
+
_d.label = 2;
|
|
37
|
+
case 2:
|
|
38
|
+
_d.trys.push([2, 7, 8, 9]);
|
|
39
|
+
_a = __values(node.children), _b = _a.next();
|
|
40
|
+
_d.label = 3;
|
|
41
|
+
case 3:
|
|
42
|
+
if (!!_b.done) return [3 /*break*/, 6];
|
|
43
|
+
child = _b.value;
|
|
44
|
+
return [5 /*yield**/, __values(this.preOrderTraversal(child))];
|
|
45
|
+
case 4:
|
|
46
|
+
_d.sent();
|
|
47
|
+
_d.label = 5;
|
|
48
|
+
case 5:
|
|
49
|
+
_b = _a.next();
|
|
50
|
+
return [3 /*break*/, 3];
|
|
51
|
+
case 6: return [3 /*break*/, 9];
|
|
52
|
+
case 7:
|
|
53
|
+
e_1_1 = _d.sent();
|
|
54
|
+
e_1 = { error: e_1_1 };
|
|
55
|
+
return [3 /*break*/, 9];
|
|
56
|
+
case 8:
|
|
57
|
+
try {
|
|
58
|
+
if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
|
|
59
|
+
}
|
|
60
|
+
finally { if (e_1) throw e_1.error; }
|
|
61
|
+
return [7 /*endfinally*/];
|
|
62
|
+
case 9: return [2 /*return*/];
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
Tree.prototype.insert = function (parentId, id, value) {
|
|
67
|
+
var e_2, _a;
|
|
68
|
+
if (value === void 0) { value = null; }
|
|
69
|
+
if (!id)
|
|
70
|
+
return false;
|
|
71
|
+
try {
|
|
72
|
+
for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
73
|
+
var node = _c.value;
|
|
74
|
+
if (node.id === parentId && node.children.every(function (node) { return node.id !== id; })) {
|
|
75
|
+
node.children.push(new TreeNode(id, value, node));
|
|
76
|
+
return true;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
81
|
+
finally {
|
|
82
|
+
try {
|
|
83
|
+
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
84
|
+
}
|
|
85
|
+
finally { if (e_2) throw e_2.error; }
|
|
86
|
+
}
|
|
87
|
+
return false;
|
|
88
|
+
};
|
|
89
|
+
Tree.prototype.remove = function (id) {
|
|
90
|
+
var e_3, _a;
|
|
91
|
+
try {
|
|
92
|
+
for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
93
|
+
var node = _c.value;
|
|
94
|
+
var filtered = node.children.filter(function (c) { return c.id !== id; });
|
|
95
|
+
if (filtered.length !== node.children.length) {
|
|
96
|
+
node.children = filtered;
|
|
97
|
+
return true;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
catch (e_3_1) { e_3 = { error: e_3_1 }; }
|
|
102
|
+
finally {
|
|
103
|
+
try {
|
|
104
|
+
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
105
|
+
}
|
|
106
|
+
finally { if (e_3) throw e_3.error; }
|
|
107
|
+
}
|
|
108
|
+
return false;
|
|
109
|
+
};
|
|
110
|
+
Tree.prototype.find = function (id) {
|
|
111
|
+
var e_4, _a;
|
|
112
|
+
if (!id) {
|
|
113
|
+
return undefined;
|
|
114
|
+
}
|
|
115
|
+
try {
|
|
116
|
+
for (var _b = __values(this.preOrderTraversal()), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
117
|
+
var node = _c.value;
|
|
118
|
+
if (node.id === id)
|
|
119
|
+
return node;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
catch (e_4_1) { e_4 = { error: e_4_1 }; }
|
|
123
|
+
finally {
|
|
124
|
+
try {
|
|
125
|
+
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
126
|
+
}
|
|
127
|
+
finally { if (e_4) throw e_4.error; }
|
|
128
|
+
}
|
|
129
|
+
return undefined;
|
|
130
|
+
};
|
|
131
|
+
return Tree;
|
|
132
|
+
}());
|
|
133
|
+
export { Tree };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { CommonClickableElementProps } from './ClickableElement';
|
|
3
|
-
export interface BackButtonProps extends Pick<CommonClickableElementProps, 'caption' | 'id'> {
|
|
4
|
-
href?: string;
|
|
5
|
-
}
|
|
6
|
-
declare const BackButtonWithStaticFields: React.ForwardRefExoticComponent<BackButtonProps & React.RefAttributes<HTMLButtonElement>> & {
|
|
7
|
-
__KONTUR_REACT_UI__: string;
|
|
8
|
-
};
|
|
9
|
-
export { BackButtonWithStaticFields as BackButton };
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CommonClickableElementProps } from './ClickableElement';
|
|
3
|
+
export interface BackButtonProps extends Pick<CommonClickableElementProps, 'caption' | 'id'> {
|
|
4
|
+
href?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const BackButtonWithStaticFields: React.ForwardRefExoticComponent<BackButtonProps & React.RefAttributes<HTMLButtonElement>> & {
|
|
7
|
+
__KONTUR_REACT_UI__: string;
|
|
8
|
+
};
|
|
9
|
+
export { BackButtonWithStaticFields as BackButton };
|