@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.
Files changed (118) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/SideMenuDataTids.d.ts +8 -8
  3. package/SideMenuDataTids.js +8 -8
  4. package/hooks/useAnimateOnMount.d.ts +2 -2
  5. package/hooks/useAnimateOnMount.js +19 -19
  6. package/hooks/useMemoIcon.d.ts +8 -8
  7. package/hooks/useMemoIcon.js +27 -27
  8. package/index.d.ts +14 -14
  9. package/index.js +14 -14
  10. package/internal/themes/SideMenuTheme.d.ts +132 -132
  11. package/internal/themes/SideMenuTheme.js +291 -291
  12. package/lib/theming/ThemeHelpers.d.ts +18 -18
  13. package/lib/theming/ThemeHelpers.js +77 -77
  14. package/lib/theming/ThemeTypes.d.ts +3 -3
  15. package/lib/theming/ThemeTypes.js +1 -0
  16. package/lib/utils/memo.d.ts +1 -1
  17. package/lib/utils/memo.js +9 -9
  18. package/lib/utils/scripts.d.ts +5 -5
  19. package/lib/utils/scripts.js +10 -10
  20. package/package.json +4 -4
  21. package/src/Navigation.d.ts +52 -52
  22. package/src/Navigation.js +191 -156
  23. package/src/SideMenu/SideMenu.d.ts +90 -90
  24. package/src/SideMenu/SideMenu.js +315 -315
  25. package/src/SideMenu/SideMenu.styles.d.ts +27 -27
  26. package/src/SideMenu/SideMenu.styles.js +77 -77
  27. package/src/SideMenuAvatar/SideMenuAvatar.d.ts +13 -13
  28. package/src/SideMenuAvatar/SideMenuAvatar.js +18 -18
  29. package/src/SideMenuBody/SideMenuBody.d.ts +13 -13
  30. package/src/SideMenuBody/SideMenuBody.js +27 -27
  31. package/src/SideMenuBody/SideMenuBody.styles.d.ts +5 -5
  32. package/src/SideMenuBody/SideMenuBody.styles.js +13 -13
  33. package/src/SideMenuContext.d.ts +30 -30
  34. package/src/SideMenuContext.js +2 -2
  35. package/src/SideMenuDivider/SideMenuDivider.d.ts +10 -10
  36. package/src/SideMenuDivider/SideMenuDivider.js +19 -19
  37. package/src/SideMenuDivider/SideMenuDivider.styles.d.ts +4 -4
  38. package/src/SideMenuDivider/SideMenuDivider.styles.js +10 -10
  39. package/src/SideMenuDropdown/SideMenuDropdown.d.ts +17 -17
  40. package/src/SideMenuDropdown/SideMenuDropdown.js +40 -40
  41. package/src/SideMenuDropdown/SideMenuDropdown.styles.d.ts +7 -7
  42. package/src/SideMenuDropdown/SideMenuDropdown.styles.js +20 -20
  43. package/src/SideMenuFooter/SideMenuFooter.d.ts +13 -13
  44. package/src/SideMenuFooter/SideMenuFooter.js +34 -34
  45. package/src/SideMenuFooter/SideMenuFooter.styles.d.ts +6 -6
  46. package/src/SideMenuFooter/SideMenuFooter.styles.js +16 -16
  47. package/src/SideMenuHeader/SideMenuHeader.d.ts +13 -13
  48. package/src/SideMenuHeader/SideMenuHeader.js +39 -39
  49. package/src/SideMenuHeader/SideMenuHeader.styles.d.ts +8 -8
  50. package/src/SideMenuHeader/SideMenuHeader.styles.js +22 -22
  51. package/src/SideMenuItem/SideMenuItem.d.ts +15 -15
  52. package/src/SideMenuItem/SideMenuItem.js +16 -16
  53. package/src/SideMenuLink/SideMenuLink.d.ts +16 -16
  54. package/src/SideMenuLink/SideMenuLink.js +21 -21
  55. package/src/SideMenuLink/SideMenuLink.styles.d.ts +3 -3
  56. package/src/SideMenuLink/SideMenuLink.styles.js +9 -9
  57. package/src/SideMenuOrganisations/SideMenuOrganisations.d.ts +10 -10
  58. package/src/SideMenuOrganisations/SideMenuOrganisations.js +16 -16
  59. package/src/SideMenuSubItem/SideMenuSubItem.d.ts +12 -12
  60. package/src/SideMenuSubItem/SideMenuSubItem.js +15 -15
  61. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.d.ts +13 -13
  62. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.js +26 -26
  63. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.d.ts +5 -5
  64. package/src/SideMenuSubItemHeader/SideMenuSubItemHeader.styles.js +13 -13
  65. package/src/SideMenuSubLink/SideMenuSubLink.d.ts +14 -14
  66. package/src/SideMenuSubLink/SideMenuSubLink.js +18 -18
  67. package/src/Tree.d.ts +17 -17
  68. package/src/Tree.js +133 -133
  69. package/src/internal/BackButton.d.ts +9 -9
  70. package/src/internal/BackButton.js +25 -25
  71. package/src/internal/Backdrop.d.ts +4 -4
  72. package/src/internal/Backdrop.js +13 -13
  73. package/src/internal/Backdrop.styles.d.ts +3 -3
  74. package/src/internal/Backdrop.styles.js +10 -10
  75. package/src/internal/Burger.d.ts +1 -1
  76. package/src/internal/Burger.js +13 -13
  77. package/src/internal/Burger.styles.d.ts +4 -4
  78. package/src/internal/Burger.styles.js +11 -11
  79. package/src/internal/ClickableElement.d.ts +32 -32
  80. package/src/internal/ClickableElement.js +141 -141
  81. package/src/internal/ClickableElement.styles.d.ts +10 -10
  82. package/src/internal/ClickableElement.styles.js +29 -29
  83. package/src/internal/InnerSubMenu.d.ts +10 -10
  84. package/src/internal/InnerSubMenu.js +21 -21
  85. package/src/internal/ItemContent/Caption.d.ts +9 -9
  86. package/src/internal/ItemContent/Caption.js +73 -73
  87. package/src/internal/ItemContent/Caption.styles.d.ts +19 -19
  88. package/src/internal/ItemContent/Caption.styles.js +51 -51
  89. package/src/internal/ItemContent/Icon.d.ts +6 -6
  90. package/src/internal/ItemContent/Icon.js +42 -42
  91. package/src/internal/ItemContent/Icon.styles.d.ts +10 -10
  92. package/src/internal/ItemContent/Icon.styles.js +28 -28
  93. package/src/internal/ItemContent/ItemContent.d.ts +8 -8
  94. package/src/internal/ItemContent/ItemContent.js +68 -68
  95. package/src/internal/ItemContent/ItemContent.styles.d.ts +14 -14
  96. package/src/internal/ItemContent/ItemContent.styles.js +40 -40
  97. package/src/internal/ItemContent/Marker.d.ts +7 -7
  98. package/src/internal/ItemContent/Marker.js +21 -21
  99. package/src/internal/ItemContent/Marker.styles.d.ts +11 -11
  100. package/src/internal/ItemContent/Marker.styles.js +31 -31
  101. package/src/internal/NestedMenu.d.ts +10 -10
  102. package/src/internal/NestedMenu.js +26 -26
  103. package/src/internal/NestedMenu.styles.d.ts +4 -4
  104. package/src/internal/NestedMenu.styles.js +10 -10
  105. package/src/internal/RightBorder.d.ts +9 -9
  106. package/src/internal/RightBorder.js +33 -33
  107. package/src/internal/RightBorder.styles.d.ts +5 -5
  108. package/src/internal/RightBorder.styles.js +13 -13
  109. package/src/internal/SeparatedSubMenu.d.ts +11 -11
  110. package/src/internal/SeparatedSubMenu.js +64 -64
  111. package/src/internal/SeparatedSubMenu.styles.d.ts +13 -13
  112. package/src/internal/SeparatedSubMenu.styles.js +33 -33
  113. package/src/internal/SideMenuLogotype.d.ts +6 -6
  114. package/src/internal/SideMenuLogotype.js +80 -79
  115. package/src/internal/SideMenuLogotype.styles.d.ts +12 -12
  116. package/src/internal/SideMenuLogotype.styles.js +31 -31
  117. package/src/internal/SubMenu.d.ts +13 -13
  118. 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 };