@infomaximum/ui-kit 0.10.2 → 0.11.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/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -0
- package/dist/components/Dropdown/Dropdown.types.d.ts +0 -1
- package/dist/components/Dropdown/Dropdown.utils.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.utils.js +1 -2
- package/dist/components/Dropdown/components/Group/Group.js +5 -7
- package/dist/components/Dropdown/components/Menu/Menu.js +4 -6
- package/dist/components/Dropdown/hooks/useSelectedKeysController.d.ts +2 -1
- package/dist/components/Dropdown/hooks/useSelectedKeysController.js +2 -1
- package/dist/components/Tabs/Tabs.d.ts +3 -0
- package/dist/components/Tabs/Tabs.js +60 -0
- package/dist/components/Tabs/Tabs.styles.d.ts +6 -0
- package/dist/components/Tabs/Tabs.styles.js +9 -0
- package/dist/components/Tabs/Tabs.tokens.d.ts +14 -0
- package/dist/components/Tabs/Tabs.tokens.js +15 -0
- package/dist/components/Tabs/Tabs.types.d.ts +28 -0
- package/dist/components/Tabs/components/TabBar/TabBar.d.ts +3 -0
- package/dist/components/Tabs/components/TabBar/TabBar.js +88 -0
- package/dist/components/Tabs/components/TabBar/TabBar.styles.d.ts +46 -0
- package/dist/components/Tabs/components/TabBar/TabBar.styles.js +70 -0
- package/dist/components/Tabs/components/TabBar/TabBar.types.d.ts +14 -0
- package/dist/components/Tabs/components/TabItem/TabItem.d.ts +3 -0
- package/dist/components/Tabs/components/TabItem/TabItem.js +94 -0
- package/dist/components/Tabs/components/TabItem/TabItem.styles.d.ts +38 -0
- package/dist/components/Tabs/components/TabItem/TabItem.styles.js +67 -0
- package/dist/components/Tabs/components/TabItem/TabItem.types.d.ts +32 -0
- package/dist/components/Tabs/forStories/items.d.ts +50 -0
- package/dist/components/Tabs/hooks/useMoreTabsController.d.ts +17 -0
- package/dist/components/Tabs/hooks/useMoreTabsController.js +68 -0
- package/dist/components/Tabs/hooks/useTabsDndController.d.ts +10 -0
- package/dist/components/Tabs/hooks/useTabsDndController.js +36 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +2 -0
- package/package.json +10 -3
- package/dist/docComponents/Demonstration/Demonstration.d.ts +0 -4
- package/dist/docComponents/Demonstration/Demonstration.styles.d.ts +0 -9
- package/dist/docComponents/Demonstration/Demonstration.types.d.ts +0 -5
- package/dist/docComponents/Description/Description.d.ts +0 -5
- package/dist/docComponents/Description/Description.style.d.ts +0 -26
- package/dist/docComponents/Doc/Doc.d.ts +0 -4
- package/dist/docComponents/Doc/Doc.style.d.ts +0 -13
- package/dist/docComponents/Example/Example.d.ts +0 -4
- package/dist/docComponents/Example/Example.styles.d.ts +0 -9
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { Avatar } from './Avatar';
|
|
2
|
-
export type { AvatarProps } from './Avatar.types';
|
|
2
|
+
export type { AvatarProps, AvatarColorType } from './Avatar.types';
|
|
@@ -35,6 +35,7 @@ const DropdownComponent = memo(({
|
|
|
35
35
|
defaultSelectedKeys: menu == null ? void 0 : menu.defaultSelectedKeys,
|
|
36
36
|
selectedKeys: menu == null ? void 0 : menu.selectedKeys,
|
|
37
37
|
multiple: (menu == null ? void 0 : menu.multiple) ?? true,
|
|
38
|
+
selectable: (menu == null ? void 0 : menu.selectable) ?? false,
|
|
38
39
|
onClick: menu == null ? void 0 : menu.onClick,
|
|
39
40
|
onDeselect: menu == null ? void 0 : menu.onClick,
|
|
40
41
|
onSelect: menu == null ? void 0 : menu.onClick
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { DropdownMenu, GetMenuBySchemaParams } from './Dropdown.types';
|
|
2
|
-
export declare const getMenuBySchema: ({ schema, selectedKeys,
|
|
2
|
+
export declare const getMenuBySchema: ({ schema, selectedKeys, onClick, clearSearchValue, }: GetMenuBySchemaParams) => import("@emotion/react/jsx-runtime").JSX.Element[];
|
|
3
3
|
export declare const menuData: DropdownMenu;
|
|
4
4
|
export declare const subMenuData: DropdownMenu;
|
|
@@ -9,7 +9,6 @@ import { SubMenu } from "./components/SubMenu/SubMenu.js";
|
|
|
9
9
|
const getMenuBySchema = ({
|
|
10
10
|
schema,
|
|
11
11
|
selectedKeys,
|
|
12
|
-
selectable,
|
|
13
12
|
onClick,
|
|
14
13
|
clearSearchValue
|
|
15
14
|
}) => {
|
|
@@ -26,7 +25,7 @@ const getMenuBySchema = ({
|
|
|
26
25
|
const selected = selectedKeys.includes(item.key);
|
|
27
26
|
const handleClick = (e) => {
|
|
28
27
|
e.stopPropagation();
|
|
29
|
-
if (item.disabled
|
|
28
|
+
if (item.disabled) {
|
|
30
29
|
return;
|
|
31
30
|
}
|
|
32
31
|
onClick(item.key, item, e);
|
|
@@ -14,19 +14,17 @@ const Group = memo(({
|
|
|
14
14
|
const theme = useTheme();
|
|
15
15
|
const {
|
|
16
16
|
selectedKeys,
|
|
17
|
-
selectable = true,
|
|
18
17
|
inlineIndent = 20
|
|
19
18
|
} = useContext(dropdownContext);
|
|
20
19
|
const groupDefaultStyle = getGroupDefaultStyle(inlineIndent);
|
|
21
|
-
return /* @__PURE__ */ jsxs("div", { css: [groupDefaultStyle.wrapper(), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
-
/* @__PURE__ */ jsxs("div", { css: [groupDefaultStyle.labelWrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
-
icon && /* @__PURE__ */ jsx("span", { css: [groupDefaultStyle.iconWrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J5QiIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvR3JvdXAvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ29udGV4dCwgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBHcm91cFByb3BzIH0gZnJvbSBcIi4vR3JvdXAudHlwZXNcIjtcbmltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyBnZXRHcm91cERlZmF1bHRTdHlsZSB9IGZyb20gXCIuL0dyb3VwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGRyb3Bkb3duQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL2NvbnRleHRzL2Ryb3Bkb3duQ29udGV4dFwiO1xuXG5leHBvcnQgY29uc3QgR3JvdXA6IEZDPEdyb3VwUHJvcHM+ID0gbWVtbyhcbiAgKHsgY2hpbGRyZW4sIGljb24sIGxhYmVsLCBvbkNsaWNrLCBjbGVhclNlYXJjaFZhbHVlIH0pID0+
|
|
24
|
-
label && /* @__PURE__ */ jsx("span", { css: [groupDefaultStyle.itemLabel(theme), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUIwQiIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvR3JvdXAvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ29udGV4dCwgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBHcm91cFByb3BzIH0gZnJvbSBcIi4vR3JvdXAudHlwZXNcIjtcbmltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyBnZXRHcm91cERlZmF1bHRTdHlsZSB9IGZyb20gXCIuL0dyb3VwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGRyb3Bkb3duQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL2NvbnRleHRzL2Ryb3Bkb3duQ29udGV4dFwiO1xuXG5leHBvcnQgY29uc3QgR3JvdXA6IEZDPEdyb3VwUHJvcHM+ID0gbWVtbyhcbiAgKHsgY2hpbGRyZW4sIGljb24sIGxhYmVsLCBvbkNsaWNrLCBjbGVhclNlYXJjaFZhbHVlIH0pID0+
|
|
20
|
+
return /* @__PURE__ */ jsxs("div", { css: [groupDefaultStyle.wrapper(), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JXIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZW1vLCB1c2VDb250ZXh0LCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEdyb3VwUHJvcHMgfSBmcm9tIFwiLi9Hcm91cC50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0TWVudUJ5U2NoZW1hIH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24udXRpbHNcIjtcbmltcG9ydCB7IGdldEdyb3VwRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vR3JvdXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZHJvcGRvd25Db250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vY29udGV4dHMvZHJvcGRvd25Db250ZXh0XCI7XG5cbmV4cG9ydCBjb25zdCBHcm91cDogRkM8R3JvdXBQcm9wcz4gPSBtZW1vKFxuICAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIG9uQ2xpY2ssIGNsZWFyU2VhcmNoVmFsdWUgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IHsgc2VsZWN0ZWRLZXlzLCBpbmxpbmVJbmRlbnQgPSAyMCB9ID0gdXNlQ29udGV4dChkcm9wZG93bkNvbnRleHQpO1xuXG4gICAgY29uc3QgZ3JvdXBEZWZhdWx0U3R5bGUgPSBnZXRHcm91cERlZmF1bHRTdHlsZShpbmxpbmVJbmRlbnQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbZ3JvdXBEZWZhdWx0U3R5bGUud3JhcHBlcigpXX0+XG4gICAgICAgIDxkaXYgY3NzPXtbZ3JvdXBEZWZhdWx0U3R5bGUubGFiZWxXcmFwcGVyKHRoZW1lKV19PlxuICAgICAgICAgIHtpY29uICYmIDxzcGFuIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLmljb25XcmFwcGVyKHRoZW1lKV19PntpY29ufTwvc3Bhbj59XG4gICAgICAgICAge2xhYmVsICYmIDxzcGFuIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLml0ZW1MYWJlbCh0aGVtZSldfT57bGFiZWx9PC9zcGFuPn1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPHVsIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLml0ZW1zXX0+XG4gICAgICAgICAge2dldE1lbnVCeVNjaGVtYSh7XG4gICAgICAgICAgICBzY2hlbWE6IGNoaWxkcmVuLFxuICAgICAgICAgICAgc2VsZWN0ZWRLZXlzLFxuICAgICAgICAgICAgb25DbGljayxcbiAgICAgICAgICAgIGNsZWFyU2VhcmNoVmFsdWUsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvdWw+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], children: [
|
|
21
|
+
/* @__PURE__ */ jsxs("div", { css: [groupDefaultStyle.labelWrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJhIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZW1vLCB1c2VDb250ZXh0LCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEdyb3VwUHJvcHMgfSBmcm9tIFwiLi9Hcm91cC50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0TWVudUJ5U2NoZW1hIH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24udXRpbHNcIjtcbmltcG9ydCB7IGdldEdyb3VwRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vR3JvdXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZHJvcGRvd25Db250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vY29udGV4dHMvZHJvcGRvd25Db250ZXh0XCI7XG5cbmV4cG9ydCBjb25zdCBHcm91cDogRkM8R3JvdXBQcm9wcz4gPSBtZW1vKFxuICAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIG9uQ2xpY2ssIGNsZWFyU2VhcmNoVmFsdWUgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IHsgc2VsZWN0ZWRLZXlzLCBpbmxpbmVJbmRlbnQgPSAyMCB9ID0gdXNlQ29udGV4dChkcm9wZG93bkNvbnRleHQpO1xuXG4gICAgY29uc3QgZ3JvdXBEZWZhdWx0U3R5bGUgPSBnZXRHcm91cERlZmF1bHRTdHlsZShpbmxpbmVJbmRlbnQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbZ3JvdXBEZWZhdWx0U3R5bGUud3JhcHBlcigpXX0+XG4gICAgICAgIDxkaXYgY3NzPXtbZ3JvdXBEZWZhdWx0U3R5bGUubGFiZWxXcmFwcGVyKHRoZW1lKV19PlxuICAgICAgICAgIHtpY29uICYmIDxzcGFuIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLmljb25XcmFwcGVyKHRoZW1lKV19PntpY29ufTwvc3Bhbj59XG4gICAgICAgICAge2xhYmVsICYmIDxzcGFuIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLml0ZW1MYWJlbCh0aGVtZSldfT57bGFiZWx9PC9zcGFuPn1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPHVsIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLml0ZW1zXX0+XG4gICAgICAgICAge2dldE1lbnVCeVNjaGVtYSh7XG4gICAgICAgICAgICBzY2hlbWE6IGNoaWxkcmVuLFxuICAgICAgICAgICAgc2VsZWN0ZWRLZXlzLFxuICAgICAgICAgICAgb25DbGljayxcbiAgICAgICAgICAgIGNsZWFyU2VhcmNoVmFsdWUsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvdWw+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], children: [
|
|
22
|
+
icon && /* @__PURE__ */ jsx("span", { css: [groupDefaultStyle.iconWrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0J5QiIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvR3JvdXAvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ29udGV4dCwgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBHcm91cFByb3BzIH0gZnJvbSBcIi4vR3JvdXAudHlwZXNcIjtcbmltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyBnZXRHcm91cERlZmF1bHRTdHlsZSB9IGZyb20gXCIuL0dyb3VwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGRyb3Bkb3duQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL2NvbnRleHRzL2Ryb3Bkb3duQ29udGV4dFwiO1xuXG5leHBvcnQgY29uc3QgR3JvdXA6IEZDPEdyb3VwUHJvcHM+ID0gbWVtbyhcbiAgKHsgY2hpbGRyZW4sIGljb24sIGxhYmVsLCBvbkNsaWNrLCBjbGVhclNlYXJjaFZhbHVlIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB7IHNlbGVjdGVkS2V5cywgaW5saW5lSW5kZW50ID0gMjAgfSA9IHVzZUNvbnRleHQoZHJvcGRvd25Db250ZXh0KTtcblxuICAgIGNvbnN0IGdyb3VwRGVmYXVsdFN0eWxlID0gZ2V0R3JvdXBEZWZhdWx0U3R5bGUoaW5saW5lSW5kZW50KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLndyYXBwZXIoKV19PlxuICAgICAgICA8ZGl2IGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLmxhYmVsV3JhcHBlcih0aGVtZSldfT5cbiAgICAgICAgICB7aWNvbiAmJiA8c3BhbiBjc3M9e1tncm91cERlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSldfT57aWNvbn08L3NwYW4+fVxuICAgICAgICAgIHtsYWJlbCAmJiA8c3BhbiBjc3M9e1tncm91cERlZmF1bHRTdHlsZS5pdGVtTGFiZWwodGhlbWUpXX0+e2xhYmVsfTwvc3Bhbj59XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDx1bCBjc3M9e1tncm91cERlZmF1bHRTdHlsZS5pdGVtc119PlxuICAgICAgICAgIHtnZXRNZW51QnlTY2hlbWEoe1xuICAgICAgICAgICAgc2NoZW1hOiBjaGlsZHJlbixcbiAgICAgICAgICAgIHNlbGVjdGVkS2V5cyxcbiAgICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgICBjbGVhclNlYXJjaFZhbHVlLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], children: icon }),
|
|
23
|
+
label && /* @__PURE__ */ jsx("span", { css: [groupDefaultStyle.itemLabel(theme), process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUIwQiIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvR3JvdXAvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ29udGV4dCwgdHlwZSBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBHcm91cFByb3BzIH0gZnJvbSBcIi4vR3JvdXAudHlwZXNcIjtcbmltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyBnZXRHcm91cERlZmF1bHRTdHlsZSB9IGZyb20gXCIuL0dyb3VwLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGRyb3Bkb3duQ29udGV4dCB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL2NvbnRleHRzL2Ryb3Bkb3duQ29udGV4dFwiO1xuXG5leHBvcnQgY29uc3QgR3JvdXA6IEZDPEdyb3VwUHJvcHM+ID0gbWVtbyhcbiAgKHsgY2hpbGRyZW4sIGljb24sIGxhYmVsLCBvbkNsaWNrLCBjbGVhclNlYXJjaFZhbHVlIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCB7IHNlbGVjdGVkS2V5cywgaW5saW5lSW5kZW50ID0gMjAgfSA9IHVzZUNvbnRleHQoZHJvcGRvd25Db250ZXh0KTtcblxuICAgIGNvbnN0IGdyb3VwRGVmYXVsdFN0eWxlID0gZ2V0R3JvdXBEZWZhdWx0U3R5bGUoaW5saW5lSW5kZW50KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLndyYXBwZXIoKV19PlxuICAgICAgICA8ZGl2IGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLmxhYmVsV3JhcHBlcih0aGVtZSldfT5cbiAgICAgICAgICB7aWNvbiAmJiA8c3BhbiBjc3M9e1tncm91cERlZmF1bHRTdHlsZS5pY29uV3JhcHBlcih0aGVtZSldfT57aWNvbn08L3NwYW4+fVxuICAgICAgICAgIHtsYWJlbCAmJiA8c3BhbiBjc3M9e1tncm91cERlZmF1bHRTdHlsZS5pdGVtTGFiZWwodGhlbWUpXX0+e2xhYmVsfTwvc3Bhbj59XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDx1bCBjc3M9e1tncm91cERlZmF1bHRTdHlsZS5pdGVtc119PlxuICAgICAgICAgIHtnZXRNZW51QnlTY2hlbWEoe1xuICAgICAgICAgICAgc2NoZW1hOiBjaGlsZHJlbixcbiAgICAgICAgICAgIHNlbGVjdGVkS2V5cyxcbiAgICAgICAgICAgIG9uQ2xpY2ssXG4gICAgICAgICAgICBjbGVhclNlYXJjaFZhbHVlLFxuICAgICAgICAgIH0pfVxuICAgICAgICA8L3VsPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], children: label })
|
|
25
24
|
] }),
|
|
26
|
-
/* @__PURE__ */ jsx("ul", { css: [groupDefaultStyle.items, process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
/* @__PURE__ */ jsx("ul", { css: [groupDefaultStyle.items, process.env.NODE_ENV === "production" ? "" : ";label:Group;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9Hcm91cC9Hcm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtZW1vLCB1c2VDb250ZXh0LCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEdyb3VwUHJvcHMgfSBmcm9tIFwiLi9Hcm91cC50eXBlc1wiO1xuaW1wb3J0IHsgZ2V0TWVudUJ5U2NoZW1hIH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24udXRpbHNcIjtcbmltcG9ydCB7IGdldEdyb3VwRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vR3JvdXAuc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZHJvcGRvd25Db250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vY29udGV4dHMvZHJvcGRvd25Db250ZXh0XCI7XG5cbmV4cG9ydCBjb25zdCBHcm91cDogRkM8R3JvdXBQcm9wcz4gPSBtZW1vKFxuICAoeyBjaGlsZHJlbiwgaWNvbiwgbGFiZWwsIG9uQ2xpY2ssIGNsZWFyU2VhcmNoVmFsdWUgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IHsgc2VsZWN0ZWRLZXlzLCBpbmxpbmVJbmRlbnQgPSAyMCB9ID0gdXNlQ29udGV4dChkcm9wZG93bkNvbnRleHQpO1xuXG4gICAgY29uc3QgZ3JvdXBEZWZhdWx0U3R5bGUgPSBnZXRHcm91cERlZmF1bHRTdHlsZShpbmxpbmVJbmRlbnQpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbZ3JvdXBEZWZhdWx0U3R5bGUud3JhcHBlcigpXX0+XG4gICAgICAgIDxkaXYgY3NzPXtbZ3JvdXBEZWZhdWx0U3R5bGUubGFiZWxXcmFwcGVyKHRoZW1lKV19PlxuICAgICAgICAgIHtpY29uICYmIDxzcGFuIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLmljb25XcmFwcGVyKHRoZW1lKV19PntpY29ufTwvc3Bhbj59XG4gICAgICAgICAge2xhYmVsICYmIDxzcGFuIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLml0ZW1MYWJlbCh0aGVtZSldfT57bGFiZWx9PC9zcGFuPn1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPHVsIGNzcz17W2dyb3VwRGVmYXVsdFN0eWxlLml0ZW1zXX0+XG4gICAgICAgICAge2dldE1lbnVCeVNjaGVtYSh7XG4gICAgICAgICAgICBzY2hlbWE6IGNoaWxkcmVuLFxuICAgICAgICAgICAgc2VsZWN0ZWRLZXlzLFxuICAgICAgICAgICAgb25DbGljayxcbiAgICAgICAgICAgIGNsZWFyU2VhcmNoVmFsdWUsXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvdWw+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], children: getMenuBySchema({
|
|
27
26
|
schema: children,
|
|
28
27
|
selectedKeys,
|
|
29
|
-
selectable,
|
|
30
28
|
onClick,
|
|
31
29
|
clearSearchValue
|
|
32
30
|
}) })
|
|
@@ -22,7 +22,6 @@ const Menu = memo(({
|
|
|
22
22
|
minWidth,
|
|
23
23
|
currentStep,
|
|
24
24
|
loading,
|
|
25
|
-
selectable = false,
|
|
26
25
|
menuPlaceholder = "",
|
|
27
26
|
emptySearchPlaceholder = "",
|
|
28
27
|
onMouseUp,
|
|
@@ -39,7 +38,6 @@ const Menu = memo(({
|
|
|
39
38
|
const content = getMenuBySchema({
|
|
40
39
|
schema: withSearch ? filteredItems : items,
|
|
41
40
|
selectedKeys,
|
|
42
|
-
selectable,
|
|
43
41
|
onClick: onMenuItemClick,
|
|
44
42
|
clearSearchValue
|
|
45
43
|
});
|
|
@@ -61,13 +59,13 @@ const Menu = memo(({
|
|
|
61
59
|
}
|
|
62
60
|
return menuPlaceholder;
|
|
63
61
|
};
|
|
64
|
-
const renderMenuTitle = () => /* @__PURE__ */ jsxs("div", { css: [menuDefaultStyle.titleBlock(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderMenuTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
65
|
-
/* @__PURE__ */ jsx("span", { css: [menuDefaultStyle.backIcon(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderMenuTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
66
|
-
/* @__PURE__ */ jsx("span", { css: [menuDefaultStyle.titleText(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderMenuTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
62
|
+
const renderMenuTitle = () => /* @__PURE__ */ jsxs("div", { css: [menuDefaultStyle.titleBlock(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderMenuTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9NZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFVyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvTWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGdldE1lbnVEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9NZW51LnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB0eXBlIHsgTWVudVByb3BzIH0gZnJvbSBcIi4vTWVudS50eXBlc1wiO1xuaW1wb3J0IHsgZHJvcGRvd25Db250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vY29udGV4dHMvZHJvcGRvd25Db250ZXh0XCI7XG5pbXBvcnQgeyBBcnJvd0xlZnRPdXRsaW5lZCwgU2VhcmNoT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBpc051bGwgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VGaWx0ZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9ob29rcy91c2VGaWx0ZXJcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcImNvbXBvbmVudHMvSW5wdXRcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgTWVudTogRkM8TWVudVByb3BzPiA9IG1lbW8oXG4gICh7IGl0ZW1zLCB0aXRsZSwgc3ViTWVudU9wZW4gPSBcIm92ZXJmbG93XCIsIHdpdGhTZWFyY2ggPSBmYWxzZSB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3Qge1xuICAgICAgc2VsZWN0ZWRLZXlzLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgbWluV2lkdGgsXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIGxvYWRpbmcsXG4gICAgICBtZW51UGxhY2Vob2xkZXIgPSBcIlwiLFxuICAgICAgZW1wdHlTZWFyY2hQbGFjZWhvbGRlciA9IFwiXCIsXG4gICAgICBvbk1vdXNlVXAsXG4gICAgICBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICByZXR1cm5Ub1ByZXZTdGVwLFxuICAgIH0gPSB1c2VDb250ZXh0KGRyb3Bkb3duQ29udGV4dCk7XG5cbiAgICBjb25zdCBpc1N0ZXBNb2RlID0gc3ViTWVudU9wZW4gPT09IFwic3RlcFwiO1xuXG4gICAgY29uc3QgeyBmaWx0ZXJlZEl0ZW1zLCBzZWFyY2hWYWx1ZSwgY2xlYXJTZWFyY2hWYWx1ZSwgaGFuZGxlU2VhcmNoIH0gPSB1c2VGaWx0ZXIoaXRlbXMpO1xuXG4gICAgY29uc3QgY29udGVudCA9IGdldE1lbnVCeVNjaGVtYSh7XG4gICAgICBzY2hlbWE6IHdpdGhTZWFyY2ggPyBmaWx0ZXJlZEl0ZW1zIDogaXRlbXMsXG4gICAgICBzZWxlY3RlZEtleXMsXG4gICAgICBvbkNsaWNrOiBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICBjbGVhclNlYXJjaFZhbHVlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgaGFuZGxlQmFja0J1dHRvbkNsaWNrID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICByZXR1cm5Ub1ByZXZTdGVwKCk7XG4gICAgICBjbGVhclNlYXJjaFZhbHVlKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGJhY2tDbG9zaW5nID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IG1lbnVEZWZhdWx0U3R5bGUgPSBnZXRNZW51RGVmYXVsdFN0eWxlKG1heEhlaWdodCwgbWluV2lkdGgpO1xuXG4gICAgY29uc3QgZ2V0UGxhY2Vob2xkZXIgPSAoKSA9PiB7XG4gICAgICBpZiAobG9hZGluZykge1xuICAgICAgICByZXR1cm4gPExvYWRpbmdPdXRsaW5lZCAvPjtcbiAgICAgIH1cblxuICAgICAgaWYgKHdpdGhTZWFyY2ggJiYgc2VhcmNoVmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIGVtcHR5U2VhcmNoUGxhY2Vob2xkZXI7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBtZW51UGxhY2Vob2xkZXI7XG4gICAgfTtcblxuICAgIGNvbnN0IHJlbmRlck1lbnVUaXRsZSA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZUJsb2NrKHRoZW1lKV19IG9uQ2xpY2s9e2hhbmRsZUJhY2tCdXR0b25DbGlja30+XG4gICAgICAgIDxzcGFuIGNzcz17W21lbnVEZWZhdWx0U3R5bGUuYmFja0ljb24odGhlbWUpXX0+XG4gICAgICAgICAgPEFycm93TGVmdE91dGxpbmVkIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZVRleHQodGhlbWUpXX0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCByZW5kZXJTZWFyY2hJbnB1dCA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXttZW51RGVmYXVsdFN0eWxlLnNlYXJjaEJsb2NrKHRoZW1lKX0gb25DbGljaz17YmFja0Nsb3Npbmd9PlxuICAgICAgICA8SW5wdXQgdmFsdWU9e3NlYXJjaFZhbHVlfSBvbkNoYW5nZT17aGFuZGxlU2VhcmNofSBwcmVmaXg9ezxTZWFyY2hPdXRsaW5lZCAvPn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCB3aXRoVGl0bGUgPSBpc1N0ZXBNb2RlICYmICFpc051bGwoY3VycmVudFN0ZXApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDx1bCBjc3M9e1ttZW51RGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpXX0gb25Nb3VzZVVwPXtvbk1vdXNlVXB9PlxuICAgICAgICB7d2l0aFNlYXJjaCAmJiByZW5kZXJTZWFyY2hJbnB1dCgpfVxuICAgICAgICB7d2l0aFRpdGxlICYmIHJlbmRlck1lbnVUaXRsZSgpfVxuICAgICAgICB7bG9hZGluZyB8fCBjb250ZW50Lmxlbmd0aCA9PT0gMCA/IChcbiAgICAgICAgICA8c3BhbiBjc3M9e21lbnVEZWZhdWx0U3R5bGUuZW1wdHlDb250ZW50U3R5bGUodGhlbWUpfT57Z2V0UGxhY2Vob2xkZXIoKX08L3NwYW4+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY29udGVudFxuICAgICAgICApfVxuICAgICAgPC91bD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], onClick: handleBackButtonClick, children: [
|
|
63
|
+
/* @__PURE__ */ jsx("span", { css: [menuDefaultStyle.backIcon(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderMenuTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9NZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFYyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvTWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGdldE1lbnVEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9NZW51LnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB0eXBlIHsgTWVudVByb3BzIH0gZnJvbSBcIi4vTWVudS50eXBlc1wiO1xuaW1wb3J0IHsgZHJvcGRvd25Db250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vY29udGV4dHMvZHJvcGRvd25Db250ZXh0XCI7XG5pbXBvcnQgeyBBcnJvd0xlZnRPdXRsaW5lZCwgU2VhcmNoT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBpc051bGwgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VGaWx0ZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9ob29rcy91c2VGaWx0ZXJcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcImNvbXBvbmVudHMvSW5wdXRcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgTWVudTogRkM8TWVudVByb3BzPiA9IG1lbW8oXG4gICh7IGl0ZW1zLCB0aXRsZSwgc3ViTWVudU9wZW4gPSBcIm92ZXJmbG93XCIsIHdpdGhTZWFyY2ggPSBmYWxzZSB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3Qge1xuICAgICAgc2VsZWN0ZWRLZXlzLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgbWluV2lkdGgsXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIGxvYWRpbmcsXG4gICAgICBtZW51UGxhY2Vob2xkZXIgPSBcIlwiLFxuICAgICAgZW1wdHlTZWFyY2hQbGFjZWhvbGRlciA9IFwiXCIsXG4gICAgICBvbk1vdXNlVXAsXG4gICAgICBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICByZXR1cm5Ub1ByZXZTdGVwLFxuICAgIH0gPSB1c2VDb250ZXh0KGRyb3Bkb3duQ29udGV4dCk7XG5cbiAgICBjb25zdCBpc1N0ZXBNb2RlID0gc3ViTWVudU9wZW4gPT09IFwic3RlcFwiO1xuXG4gICAgY29uc3QgeyBmaWx0ZXJlZEl0ZW1zLCBzZWFyY2hWYWx1ZSwgY2xlYXJTZWFyY2hWYWx1ZSwgaGFuZGxlU2VhcmNoIH0gPSB1c2VGaWx0ZXIoaXRlbXMpO1xuXG4gICAgY29uc3QgY29udGVudCA9IGdldE1lbnVCeVNjaGVtYSh7XG4gICAgICBzY2hlbWE6IHdpdGhTZWFyY2ggPyBmaWx0ZXJlZEl0ZW1zIDogaXRlbXMsXG4gICAgICBzZWxlY3RlZEtleXMsXG4gICAgICBvbkNsaWNrOiBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICBjbGVhclNlYXJjaFZhbHVlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgaGFuZGxlQmFja0J1dHRvbkNsaWNrID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICByZXR1cm5Ub1ByZXZTdGVwKCk7XG4gICAgICBjbGVhclNlYXJjaFZhbHVlKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGJhY2tDbG9zaW5nID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IG1lbnVEZWZhdWx0U3R5bGUgPSBnZXRNZW51RGVmYXVsdFN0eWxlKG1heEhlaWdodCwgbWluV2lkdGgpO1xuXG4gICAgY29uc3QgZ2V0UGxhY2Vob2xkZXIgPSAoKSA9PiB7XG4gICAgICBpZiAobG9hZGluZykge1xuICAgICAgICByZXR1cm4gPExvYWRpbmdPdXRsaW5lZCAvPjtcbiAgICAgIH1cblxuICAgICAgaWYgKHdpdGhTZWFyY2ggJiYgc2VhcmNoVmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIGVtcHR5U2VhcmNoUGxhY2Vob2xkZXI7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBtZW51UGxhY2Vob2xkZXI7XG4gICAgfTtcblxuICAgIGNvbnN0IHJlbmRlck1lbnVUaXRsZSA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZUJsb2NrKHRoZW1lKV19IG9uQ2xpY2s9e2hhbmRsZUJhY2tCdXR0b25DbGlja30+XG4gICAgICAgIDxzcGFuIGNzcz17W21lbnVEZWZhdWx0U3R5bGUuYmFja0ljb24odGhlbWUpXX0+XG4gICAgICAgICAgPEFycm93TGVmdE91dGxpbmVkIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZVRleHQodGhlbWUpXX0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCByZW5kZXJTZWFyY2hJbnB1dCA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXttZW51RGVmYXVsdFN0eWxlLnNlYXJjaEJsb2NrKHRoZW1lKX0gb25DbGljaz17YmFja0Nsb3Npbmd9PlxuICAgICAgICA8SW5wdXQgdmFsdWU9e3NlYXJjaFZhbHVlfSBvbkNoYW5nZT17aGFuZGxlU2VhcmNofSBwcmVmaXg9ezxTZWFyY2hPdXRsaW5lZCAvPn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCB3aXRoVGl0bGUgPSBpc1N0ZXBNb2RlICYmICFpc051bGwoY3VycmVudFN0ZXApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDx1bCBjc3M9e1ttZW51RGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpXX0gb25Nb3VzZVVwPXtvbk1vdXNlVXB9PlxuICAgICAgICB7d2l0aFNlYXJjaCAmJiByZW5kZXJTZWFyY2hJbnB1dCgpfVxuICAgICAgICB7d2l0aFRpdGxlICYmIHJlbmRlck1lbnVUaXRsZSgpfVxuICAgICAgICB7bG9hZGluZyB8fCBjb250ZW50Lmxlbmd0aCA9PT0gMCA/IChcbiAgICAgICAgICA8c3BhbiBjc3M9e21lbnVEZWZhdWx0U3R5bGUuZW1wdHlDb250ZW50U3R5bGUodGhlbWUpfT57Z2V0UGxhY2Vob2xkZXIoKX08L3NwYW4+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY29udGVudFxuICAgICAgICApfVxuICAgICAgPC91bD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], children: /* @__PURE__ */ jsx(ArrowLeftOutlined, {}) }),
|
|
64
|
+
/* @__PURE__ */ jsx("span", { css: [menuDefaultStyle.titleText(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderMenuTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9NZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFYyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvTWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGdldE1lbnVEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9NZW51LnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB0eXBlIHsgTWVudVByb3BzIH0gZnJvbSBcIi4vTWVudS50eXBlc1wiO1xuaW1wb3J0IHsgZHJvcGRvd25Db250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vY29udGV4dHMvZHJvcGRvd25Db250ZXh0XCI7XG5pbXBvcnQgeyBBcnJvd0xlZnRPdXRsaW5lZCwgU2VhcmNoT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBpc051bGwgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VGaWx0ZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9ob29rcy91c2VGaWx0ZXJcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcImNvbXBvbmVudHMvSW5wdXRcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgTWVudTogRkM8TWVudVByb3BzPiA9IG1lbW8oXG4gICh7IGl0ZW1zLCB0aXRsZSwgc3ViTWVudU9wZW4gPSBcIm92ZXJmbG93XCIsIHdpdGhTZWFyY2ggPSBmYWxzZSB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3Qge1xuICAgICAgc2VsZWN0ZWRLZXlzLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgbWluV2lkdGgsXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIGxvYWRpbmcsXG4gICAgICBtZW51UGxhY2Vob2xkZXIgPSBcIlwiLFxuICAgICAgZW1wdHlTZWFyY2hQbGFjZWhvbGRlciA9IFwiXCIsXG4gICAgICBvbk1vdXNlVXAsXG4gICAgICBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICByZXR1cm5Ub1ByZXZTdGVwLFxuICAgIH0gPSB1c2VDb250ZXh0KGRyb3Bkb3duQ29udGV4dCk7XG5cbiAgICBjb25zdCBpc1N0ZXBNb2RlID0gc3ViTWVudU9wZW4gPT09IFwic3RlcFwiO1xuXG4gICAgY29uc3QgeyBmaWx0ZXJlZEl0ZW1zLCBzZWFyY2hWYWx1ZSwgY2xlYXJTZWFyY2hWYWx1ZSwgaGFuZGxlU2VhcmNoIH0gPSB1c2VGaWx0ZXIoaXRlbXMpO1xuXG4gICAgY29uc3QgY29udGVudCA9IGdldE1lbnVCeVNjaGVtYSh7XG4gICAgICBzY2hlbWE6IHdpdGhTZWFyY2ggPyBmaWx0ZXJlZEl0ZW1zIDogaXRlbXMsXG4gICAgICBzZWxlY3RlZEtleXMsXG4gICAgICBvbkNsaWNrOiBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICBjbGVhclNlYXJjaFZhbHVlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgaGFuZGxlQmFja0J1dHRvbkNsaWNrID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICByZXR1cm5Ub1ByZXZTdGVwKCk7XG4gICAgICBjbGVhclNlYXJjaFZhbHVlKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGJhY2tDbG9zaW5nID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IG1lbnVEZWZhdWx0U3R5bGUgPSBnZXRNZW51RGVmYXVsdFN0eWxlKG1heEhlaWdodCwgbWluV2lkdGgpO1xuXG4gICAgY29uc3QgZ2V0UGxhY2Vob2xkZXIgPSAoKSA9PiB7XG4gICAgICBpZiAobG9hZGluZykge1xuICAgICAgICByZXR1cm4gPExvYWRpbmdPdXRsaW5lZCAvPjtcbiAgICAgIH1cblxuICAgICAgaWYgKHdpdGhTZWFyY2ggJiYgc2VhcmNoVmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIGVtcHR5U2VhcmNoUGxhY2Vob2xkZXI7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBtZW51UGxhY2Vob2xkZXI7XG4gICAgfTtcblxuICAgIGNvbnN0IHJlbmRlck1lbnVUaXRsZSA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZUJsb2NrKHRoZW1lKV19IG9uQ2xpY2s9e2hhbmRsZUJhY2tCdXR0b25DbGlja30+XG4gICAgICAgIDxzcGFuIGNzcz17W21lbnVEZWZhdWx0U3R5bGUuYmFja0ljb24odGhlbWUpXX0+XG4gICAgICAgICAgPEFycm93TGVmdE91dGxpbmVkIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZVRleHQodGhlbWUpXX0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCByZW5kZXJTZWFyY2hJbnB1dCA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXttZW51RGVmYXVsdFN0eWxlLnNlYXJjaEJsb2NrKHRoZW1lKX0gb25DbGljaz17YmFja0Nsb3Npbmd9PlxuICAgICAgICA8SW5wdXQgdmFsdWU9e3NlYXJjaFZhbHVlfSBvbkNoYW5nZT17aGFuZGxlU2VhcmNofSBwcmVmaXg9ezxTZWFyY2hPdXRsaW5lZCAvPn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCB3aXRoVGl0bGUgPSBpc1N0ZXBNb2RlICYmICFpc051bGwoY3VycmVudFN0ZXApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDx1bCBjc3M9e1ttZW51RGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpXX0gb25Nb3VzZVVwPXtvbk1vdXNlVXB9PlxuICAgICAgICB7d2l0aFNlYXJjaCAmJiByZW5kZXJTZWFyY2hJbnB1dCgpfVxuICAgICAgICB7d2l0aFRpdGxlICYmIHJlbmRlck1lbnVUaXRsZSgpfVxuICAgICAgICB7bG9hZGluZyB8fCBjb250ZW50Lmxlbmd0aCA9PT0gMCA/IChcbiAgICAgICAgICA8c3BhbiBjc3M9e21lbnVEZWZhdWx0U3R5bGUuZW1wdHlDb250ZW50U3R5bGUodGhlbWUpfT57Z2V0UGxhY2Vob2xkZXIoKX08L3NwYW4+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY29udGVudFxuICAgICAgICApfVxuICAgICAgPC91bD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], children: title })
|
|
67
65
|
] });
|
|
68
66
|
const renderSearchInput = () => /* @__PURE__ */ jsx("div", { css: menuDefaultStyle.searchBlock(theme), onClick: backClosing, children: /* @__PURE__ */ jsx(Input, { value: searchValue, onChange: handleSearch, prefix: /* @__PURE__ */ jsx(SearchOutlined, {}) }) });
|
|
69
67
|
const withTitle = isStepMode && !isNull(currentStep);
|
|
70
|
-
return /* @__PURE__ */ jsxs("ul", { css: [menuDefaultStyle.wrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:Menu;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
68
|
+
return /* @__PURE__ */ jsxs("ul", { css: [menuDefaultStyle.wrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:Menu;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vY29tcG9uZW50cy9NZW51L01lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtGVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL2NvbXBvbmVudHMvTWVudS9NZW51LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldE1lbnVCeVNjaGVtYSB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duL0Ryb3Bkb3duLnV0aWxzXCI7XG5pbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNvbnRleHQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGdldE1lbnVEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9NZW51LnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB0eXBlIHsgTWVudVByb3BzIH0gZnJvbSBcIi4vTWVudS50eXBlc1wiO1xuaW1wb3J0IHsgZHJvcGRvd25Db250ZXh0IH0gZnJvbSBcImNvbXBvbmVudHMvRHJvcGRvd24vY29udGV4dHMvZHJvcGRvd25Db250ZXh0XCI7XG5pbXBvcnQgeyBBcnJvd0xlZnRPdXRsaW5lZCwgU2VhcmNoT3V0bGluZWQgfSBmcm9tIFwiQGluZm9tYXhpbXVtL2ljb25zXCI7XG5pbXBvcnQgeyBpc051bGwgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VGaWx0ZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9ob29rcy91c2VGaWx0ZXJcIjtcbmltcG9ydCB7IElucHV0IH0gZnJvbSBcImNvbXBvbmVudHMvSW5wdXRcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgTWVudTogRkM8TWVudVByb3BzPiA9IG1lbW8oXG4gICh7IGl0ZW1zLCB0aXRsZSwgc3ViTWVudU9wZW4gPSBcIm92ZXJmbG93XCIsIHdpdGhTZWFyY2ggPSBmYWxzZSB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3Qge1xuICAgICAgc2VsZWN0ZWRLZXlzLFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgbWluV2lkdGgsXG4gICAgICBjdXJyZW50U3RlcCxcbiAgICAgIGxvYWRpbmcsXG4gICAgICBtZW51UGxhY2Vob2xkZXIgPSBcIlwiLFxuICAgICAgZW1wdHlTZWFyY2hQbGFjZWhvbGRlciA9IFwiXCIsXG4gICAgICBvbk1vdXNlVXAsXG4gICAgICBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICByZXR1cm5Ub1ByZXZTdGVwLFxuICAgIH0gPSB1c2VDb250ZXh0KGRyb3Bkb3duQ29udGV4dCk7XG5cbiAgICBjb25zdCBpc1N0ZXBNb2RlID0gc3ViTWVudU9wZW4gPT09IFwic3RlcFwiO1xuXG4gICAgY29uc3QgeyBmaWx0ZXJlZEl0ZW1zLCBzZWFyY2hWYWx1ZSwgY2xlYXJTZWFyY2hWYWx1ZSwgaGFuZGxlU2VhcmNoIH0gPSB1c2VGaWx0ZXIoaXRlbXMpO1xuXG4gICAgY29uc3QgY29udGVudCA9IGdldE1lbnVCeVNjaGVtYSh7XG4gICAgICBzY2hlbWE6IHdpdGhTZWFyY2ggPyBmaWx0ZXJlZEl0ZW1zIDogaXRlbXMsXG4gICAgICBzZWxlY3RlZEtleXMsXG4gICAgICBvbkNsaWNrOiBvbk1lbnVJdGVtQ2xpY2ssXG4gICAgICBjbGVhclNlYXJjaFZhbHVlLFxuICAgIH0pO1xuXG4gICAgY29uc3QgaGFuZGxlQmFja0J1dHRvbkNsaWNrID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICByZXR1cm5Ub1ByZXZTdGVwKCk7XG4gICAgICBjbGVhclNlYXJjaFZhbHVlKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGJhY2tDbG9zaW5nID0gKGU6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IG1lbnVEZWZhdWx0U3R5bGUgPSBnZXRNZW51RGVmYXVsdFN0eWxlKG1heEhlaWdodCwgbWluV2lkdGgpO1xuXG4gICAgY29uc3QgZ2V0UGxhY2Vob2xkZXIgPSAoKSA9PiB7XG4gICAgICBpZiAobG9hZGluZykge1xuICAgICAgICByZXR1cm4gPExvYWRpbmdPdXRsaW5lZCAvPjtcbiAgICAgIH1cblxuICAgICAgaWYgKHdpdGhTZWFyY2ggJiYgc2VhcmNoVmFsdWUpIHtcbiAgICAgICAgcmV0dXJuIGVtcHR5U2VhcmNoUGxhY2Vob2xkZXI7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBtZW51UGxhY2Vob2xkZXI7XG4gICAgfTtcblxuICAgIGNvbnN0IHJlbmRlck1lbnVUaXRsZSA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZUJsb2NrKHRoZW1lKV19IG9uQ2xpY2s9e2hhbmRsZUJhY2tCdXR0b25DbGlja30+XG4gICAgICAgIDxzcGFuIGNzcz17W21lbnVEZWZhdWx0U3R5bGUuYmFja0ljb24odGhlbWUpXX0+XG4gICAgICAgICAgPEFycm93TGVmdE91dGxpbmVkIC8+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY3NzPXtbbWVudURlZmF1bHRTdHlsZS50aXRsZVRleHQodGhlbWUpXX0+e3RpdGxlfTwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCByZW5kZXJTZWFyY2hJbnB1dCA9ICgpID0+IChcbiAgICAgIDxkaXYgY3NzPXttZW51RGVmYXVsdFN0eWxlLnNlYXJjaEJsb2NrKHRoZW1lKX0gb25DbGljaz17YmFja0Nsb3Npbmd9PlxuICAgICAgICA8SW5wdXQgdmFsdWU9e3NlYXJjaFZhbHVlfSBvbkNoYW5nZT17aGFuZGxlU2VhcmNofSBwcmVmaXg9ezxTZWFyY2hPdXRsaW5lZCAvPn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG5cbiAgICBjb25zdCB3aXRoVGl0bGUgPSBpc1N0ZXBNb2RlICYmICFpc051bGwoY3VycmVudFN0ZXApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDx1bCBjc3M9e1ttZW51RGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpXX0gb25Nb3VzZVVwPXtvbk1vdXNlVXB9PlxuICAgICAgICB7d2l0aFNlYXJjaCAmJiByZW5kZXJTZWFyY2hJbnB1dCgpfVxuICAgICAgICB7d2l0aFRpdGxlICYmIHJlbmRlck1lbnVUaXRsZSgpfVxuICAgICAgICB7bG9hZGluZyB8fCBjb250ZW50Lmxlbmd0aCA9PT0gMCA/IChcbiAgICAgICAgICA8c3BhbiBjc3M9e21lbnVEZWZhdWx0U3R5bGUuZW1wdHlDb250ZW50U3R5bGUodGhlbWUpfT57Z2V0UGxhY2Vob2xkZXIoKX08L3NwYW4+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgY29udGVudFxuICAgICAgICApfVxuICAgICAgPC91bD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], onMouseUp, children: [
|
|
71
69
|
withSearch && renderSearchInput(),
|
|
72
70
|
withTitle && renderMenuTitle(),
|
|
73
71
|
loading || content.length === 0 ? /* @__PURE__ */ jsx("span", { css: menuDefaultStyle.emptyContentStyle(theme), children: getPlaceholder() }) : content
|
|
@@ -4,6 +4,7 @@ interface UseSelectedKeysControllerProps {
|
|
|
4
4
|
defaultSelectedKeys: string[] | undefined;
|
|
5
5
|
selectedKeys: string[] | undefined;
|
|
6
6
|
multiple: boolean;
|
|
7
|
+
selectable: boolean;
|
|
7
8
|
onClick: ((props: {
|
|
8
9
|
item: ItemType;
|
|
9
10
|
key: string;
|
|
@@ -20,7 +21,7 @@ interface UseSelectedKeysControllerProps {
|
|
|
20
21
|
e: MouseEvent;
|
|
21
22
|
}) => void) | undefined;
|
|
22
23
|
}
|
|
23
|
-
export declare const useSelectedKeysController: ({ defaultSelectedKeys, selectedKeys, multiple, onClick, onSelect, onDeselect, }: UseSelectedKeysControllerProps) => {
|
|
24
|
+
export declare const useSelectedKeysController: ({ defaultSelectedKeys, selectedKeys, multiple, selectable, onClick, onSelect, onDeselect, }: UseSelectedKeysControllerProps) => {
|
|
24
25
|
currentSelectedKey: string[];
|
|
25
26
|
onMenuItemClick: (itemKey: string, item: ItemType, e: MouseEvent) => void;
|
|
26
27
|
onMouseUp: (e: MouseEvent) => void;
|
|
@@ -4,6 +4,7 @@ const useSelectedKeysController = ({
|
|
|
4
4
|
defaultSelectedKeys = [],
|
|
5
5
|
selectedKeys,
|
|
6
6
|
multiple,
|
|
7
|
+
selectable,
|
|
7
8
|
onClick,
|
|
8
9
|
onSelect,
|
|
9
10
|
onDeselect
|
|
@@ -23,7 +24,7 @@ const useSelectedKeysController = ({
|
|
|
23
24
|
key: itemKey,
|
|
24
25
|
e
|
|
25
26
|
});
|
|
26
|
-
if (!isUndefined(selectedKeys)) {
|
|
27
|
+
if (!isUndefined(selectedKeys) || !selectable) {
|
|
27
28
|
return;
|
|
28
29
|
}
|
|
29
30
|
if (localSelectedKeys.includes(itemKey) && multiple) {
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { memo, useState, useCallback } from "react";
|
|
3
|
+
import { tabsStyle } from "./Tabs.styles.js";
|
|
4
|
+
import { isFunction } from "lodash-es";
|
|
5
|
+
import { TabBar } from "./components/TabBar/TabBar.js";
|
|
6
|
+
import { useTheme } from "../../hooks/useTheme/useTheme.js";
|
|
7
|
+
const Tabs = memo(({
|
|
8
|
+
items,
|
|
9
|
+
extra,
|
|
10
|
+
iconOnly = false,
|
|
11
|
+
draggable = false,
|
|
12
|
+
size = "middle",
|
|
13
|
+
popupClassName,
|
|
14
|
+
defaultActiveKey,
|
|
15
|
+
activeKey,
|
|
16
|
+
border = true,
|
|
17
|
+
more = {
|
|
18
|
+
trigger: ["hover"]
|
|
19
|
+
},
|
|
20
|
+
styles,
|
|
21
|
+
renderTabBar,
|
|
22
|
+
onChange,
|
|
23
|
+
onTabClick,
|
|
24
|
+
onTabScroll
|
|
25
|
+
}) => {
|
|
26
|
+
var _a, _b;
|
|
27
|
+
const theme = useTheme();
|
|
28
|
+
const firstTab = items == null ? void 0 : items[0].key;
|
|
29
|
+
const [localActiveKey, setLocalActiveKey] = useState(defaultActiveKey ?? firstTab);
|
|
30
|
+
const [contentWrapper, setContentWrapper] = useState(null);
|
|
31
|
+
const currentActiveKey = activeKey ?? localActiveKey;
|
|
32
|
+
const contentWrapperRef = (element) => setContentWrapper(element);
|
|
33
|
+
const changeActiveKey = useCallback((itemKey) => {
|
|
34
|
+
setLocalActiveKey(itemKey);
|
|
35
|
+
}, []);
|
|
36
|
+
const tabBarProps = {
|
|
37
|
+
items,
|
|
38
|
+
extra,
|
|
39
|
+
iconOnly,
|
|
40
|
+
draggable,
|
|
41
|
+
size,
|
|
42
|
+
border,
|
|
43
|
+
more,
|
|
44
|
+
popupClassName,
|
|
45
|
+
currentActiveKey,
|
|
46
|
+
contentWrapper,
|
|
47
|
+
styles: styles == null ? void 0 : styles.tabBar,
|
|
48
|
+
changeActiveKey,
|
|
49
|
+
onChange,
|
|
50
|
+
onTabClick,
|
|
51
|
+
onTabScroll
|
|
52
|
+
};
|
|
53
|
+
return /* @__PURE__ */ jsxs("div", { css: [tabsStyle.wrapper, (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:Tabs;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFciLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9UYWJzL1RhYnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbWVtbywgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCB0eXBlIEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFRhYnNQcm9wcyB9IGZyb20gXCIuL1RhYnMudHlwZXNcIjtcbmltcG9ydCB7IHRhYnNTdHlsZSB9IGZyb20gXCIuL1RhYnMuc3R5bGVzXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgVGFiQmFyIH0gZnJvbSBcIi4vY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHR5cGUgeyBEcm9wZG93blRyaWdnZXIgfSBmcm9tIFwiY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi50eXBlc1wiO1xuXG5leHBvcnQgY29uc3QgVGFiczogRkM8VGFic1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgaXRlbXMsXG4gICAgZXh0cmEsXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBkZWZhdWx0QWN0aXZlS2V5LFxuICAgIGFjdGl2ZUtleSxcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIG1vcmUgPSB7IHRyaWdnZXI6IFtcImhvdmVyXCJdIGFzIERyb3Bkb3duVHJpZ2dlcltdIH0sXG4gICAgc3R5bGVzLFxuICAgIHJlbmRlclRhYkJhcixcbiAgICBvbkNoYW5nZSxcbiAgICBvblRhYkNsaWNrLFxuICAgIG9uVGFiU2Nyb2xsLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgZmlyc3RUYWIgPSBpdGVtcz8uWzBdLmtleTtcblxuICAgIGNvbnN0IFtsb2NhbEFjdGl2ZUtleSwgc2V0TG9jYWxBY3RpdmVLZXldID0gdXNlU3RhdGU8c3RyaW5nIHwgdW5kZWZpbmVkPihcbiAgICAgIGRlZmF1bHRBY3RpdmVLZXkgPz8gZmlyc3RUYWJcbiAgICApO1xuICAgIGNvbnN0IFtjb250ZW50V3JhcHBlciwgc2V0Q29udGVudFdyYXBwZXJdID0gdXNlU3RhdGU8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgIGNvbnN0IGN1cnJlbnRBY3RpdmVLZXkgPSBhY3RpdmVLZXkgPz8gbG9jYWxBY3RpdmVLZXk7XG4gICAgY29uc3QgY29udGVudFdyYXBwZXJSZWYgPSAoZWxlbWVudDogSFRNTERpdkVsZW1lbnQpID0+IHNldENvbnRlbnRXcmFwcGVyKGVsZW1lbnQpO1xuXG4gICAgY29uc3QgY2hhbmdlQWN0aXZlS2V5ID0gdXNlQ2FsbGJhY2soKGl0ZW1LZXk6IHN0cmluZykgPT4ge1xuICAgICAgc2V0TG9jYWxBY3RpdmVLZXkoaXRlbUtleSk7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3QgdGFiQmFyUHJvcHMgPSB7XG4gICAgICBpdGVtcyxcbiAgICAgIGV4dHJhLFxuICAgICAgaWNvbk9ubHksXG4gICAgICBkcmFnZ2FibGUsXG4gICAgICBzaXplLFxuICAgICAgYm9yZGVyLFxuICAgICAgbW9yZSxcbiAgICAgIHBvcHVwQ2xhc3NOYW1lLFxuICAgICAgY3VycmVudEFjdGl2ZUtleSxcbiAgICAgIGNvbnRlbnRXcmFwcGVyLFxuICAgICAgc3R5bGVzOiBzdHlsZXM/LnRhYkJhcixcbiAgICAgIGNoYW5nZUFjdGl2ZUtleSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25UYWJDbGljayxcbiAgICAgIG9uVGFiU2Nyb2xsLFxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjc3M9e1t0YWJzU3R5bGUud3JhcHBlciwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICAgIHtpc0Z1bmN0aW9uKHJlbmRlclRhYkJhcikgPyByZW5kZXJUYWJCYXIodGFiQmFyUHJvcHMsIFRhYkJhcikgOiA8VGFiQmFyIHsuLi50YWJCYXJQcm9wc30gLz59XG5cbiAgICAgICAgPGRpdiBjc3M9e3N0eWxlcz8uY29udGVudD8uKHRoZW1lKX0gcmVmPXtjb250ZW50V3JhcHBlclJlZn0gLz5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], children: [
|
|
54
|
+
isFunction(renderTabBar) ? renderTabBar(tabBarProps, TabBar) : /* @__PURE__ */ jsx(TabBar, { ...tabBarProps }),
|
|
55
|
+
/* @__PURE__ */ jsx("div", { css: (_b = styles == null ? void 0 : styles.content) == null ? void 0 : _b.call(styles, theme), ref: contentWrapperRef })
|
|
56
|
+
] });
|
|
57
|
+
});
|
|
58
|
+
export {
|
|
59
|
+
Tabs
|
|
60
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Theme } from 'themes';
|
|
2
|
+
export declare const getTabsTokens: (theme: Theme) => {
|
|
3
|
+
tabsText: "#8C8C8C";
|
|
4
|
+
tabsTextHover: "#595959";
|
|
5
|
+
tabsTextSelected: "#262626";
|
|
6
|
+
tabsTextDisabled: "#BFBFBF";
|
|
7
|
+
tabsIndicator: "#0CB3B3";
|
|
8
|
+
tabsBorder: "#D9D9D9";
|
|
9
|
+
tabsGapM: number;
|
|
10
|
+
tabsGapS: number;
|
|
11
|
+
tabsSizeM: number;
|
|
12
|
+
tabsSizeS: number;
|
|
13
|
+
};
|
|
14
|
+
export type TabsTokensType = ReturnType<typeof getTabsTokens>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
const getTabsTokens = (theme) => ({
|
|
2
|
+
tabsText: theme.textSecondary,
|
|
3
|
+
tabsTextHover: theme.textComplimentary,
|
|
4
|
+
tabsTextSelected: theme.textPrimary,
|
|
5
|
+
tabsTextDisabled: theme.textHint,
|
|
6
|
+
tabsIndicator: theme.primaryBase,
|
|
7
|
+
tabsBorder: theme.lineBorder,
|
|
8
|
+
tabsGapM: 16,
|
|
9
|
+
tabsGapS: 12,
|
|
10
|
+
tabsSizeM: 36,
|
|
11
|
+
tabsSizeS: 28
|
|
12
|
+
});
|
|
13
|
+
export {
|
|
14
|
+
getTabsTokens
|
|
15
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { DropdownProps } from 'components/Dropdown';
|
|
2
|
+
import { FC, MouseEvent, ReactNode } from 'react';
|
|
3
|
+
import { Theme } from 'themes';
|
|
4
|
+
import { TabItem } from './components/TabItem/TabItem.types';
|
|
5
|
+
import { TabBarProps } from './components/TabBar/TabBar.types';
|
|
6
|
+
import { Interpolation } from '@emotion/react';
|
|
7
|
+
export type TabsSizeType = "middle" | "small";
|
|
8
|
+
export interface TabsProps {
|
|
9
|
+
activeKey?: string;
|
|
10
|
+
defaultActiveKey?: string;
|
|
11
|
+
items?: TabItem[];
|
|
12
|
+
more?: DropdownProps;
|
|
13
|
+
popupClassName?: string;
|
|
14
|
+
size?: TabsSizeType;
|
|
15
|
+
border?: boolean;
|
|
16
|
+
iconOnly?: boolean;
|
|
17
|
+
draggable?: boolean;
|
|
18
|
+
extra?: ReactNode;
|
|
19
|
+
styles?: {
|
|
20
|
+
wrapper?: (theme: Theme) => Interpolation;
|
|
21
|
+
content?: (theme: Theme) => Interpolation;
|
|
22
|
+
tabBar?: TabBarProps["styles"];
|
|
23
|
+
};
|
|
24
|
+
renderTabBar?: (props: TabBarProps, DefaultTabBar: FC<TabBarProps>) => React.ReactElement;
|
|
25
|
+
onChange?: (activeKey: string) => void;
|
|
26
|
+
onTabClick?: (activeKey: string, event: MouseEvent) => void;
|
|
27
|
+
onTabScroll?: (direction: "left" | "right") => void;
|
|
28
|
+
}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { createElement } from "@emotion/react";
|
|
3
|
+
import { memo, useState, useRef, useMemo } from "react";
|
|
4
|
+
import { TabItem } from "../TabItem/TabItem.js";
|
|
5
|
+
import { getTabBarStyle } from "./TabBar.styles.js";
|
|
6
|
+
import { EllipsisOutlined } from "@infomaximum/icons";
|
|
7
|
+
import { isFunction, isUndefined } from "lodash-es";
|
|
8
|
+
import { useSensor, PointerSensor, DndContext, closestCenter } from "@dnd-kit/core";
|
|
9
|
+
import { SortableContext, horizontalListSortingStrategy } from "@dnd-kit/sortable";
|
|
10
|
+
import { useTabsDndController } from "../../hooks/useTabsDndController.js";
|
|
11
|
+
import { useMoreTabsController } from "../../hooks/useMoreTabsController.js";
|
|
12
|
+
import { useTheme } from "../../../../hooks/useTheme/useTheme.js";
|
|
13
|
+
import { Dropdown } from "../../../Dropdown/Dropdown.js";
|
|
14
|
+
const TabBar = memo(({
|
|
15
|
+
items = [],
|
|
16
|
+
iconOnly = false,
|
|
17
|
+
draggable = false,
|
|
18
|
+
size = "middle",
|
|
19
|
+
border = true,
|
|
20
|
+
currentActiveKey,
|
|
21
|
+
contentWrapper,
|
|
22
|
+
extra,
|
|
23
|
+
more,
|
|
24
|
+
popupClassName,
|
|
25
|
+
styles,
|
|
26
|
+
changeActiveKey,
|
|
27
|
+
onChange,
|
|
28
|
+
onTabClick,
|
|
29
|
+
onTabScroll
|
|
30
|
+
}) => {
|
|
31
|
+
var _a;
|
|
32
|
+
const theme = useTheme();
|
|
33
|
+
const [currentTabElement, setCurrentTabElement] = useState(null);
|
|
34
|
+
const prevScrollPosition = useRef(0);
|
|
35
|
+
const itemsMap = useMemo(() => new Map(items.map((item) => [item.key, item])), [items]);
|
|
36
|
+
const {
|
|
37
|
+
tabsOrder,
|
|
38
|
+
isDragging,
|
|
39
|
+
dndEvents
|
|
40
|
+
} = useTabsDndController(items);
|
|
41
|
+
const {
|
|
42
|
+
tabsRef,
|
|
43
|
+
dropdownMenu,
|
|
44
|
+
addHiddenTab,
|
|
45
|
+
deleteHiddenTab,
|
|
46
|
+
scrollToTab
|
|
47
|
+
} = useMoreTabsController(items, currentActiveKey, currentTabElement, onTabClick, onChange, changeActiveKey);
|
|
48
|
+
const handleScroll = () => {
|
|
49
|
+
if (tabsRef.current && isFunction(onTabScroll)) {
|
|
50
|
+
const scrollPosition = tabsRef.current.scrollLeft;
|
|
51
|
+
const scrollDirection = scrollPosition > prevScrollPosition.current ? "right" : "left";
|
|
52
|
+
onTabScroll(scrollDirection);
|
|
53
|
+
prevScrollPosition.current = scrollPosition;
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const sensor = useSensor(PointerSensor, {
|
|
57
|
+
activationConstraint: {
|
|
58
|
+
distance: 10
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
const tabBarStyle = getTabBarStyle(size, border, iconOnly, isDragging);
|
|
62
|
+
const renderTabs = () => {
|
|
63
|
+
return tabsOrder.map((key) => {
|
|
64
|
+
const item = itemsMap.get(key);
|
|
65
|
+
if (isUndefined(item)) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
68
|
+
return /* @__PURE__ */ createElement(TabItem, { ...item, itemKey: item.key, iconOnly, size, selected: currentActiveKey === item.key, changeActiveKey, addHiddenTab, deleteHiddenTab, setCurrentTabElement, scrollToTab, contentWrapper, key: item.key, styles: styles == null ? void 0 : styles.tabItem, onChange, onTabClick });
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
const renderTabsContainer = () => {
|
|
72
|
+
var _a2;
|
|
73
|
+
return /* @__PURE__ */ jsx("div", { ref: tabsRef, onScroll: handleScroll, css: [tabBarStyle.tabs(theme), (_a2 = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a2.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:renderTabsContainer;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9jb21wb25lbnRzL1RhYkJhci9UYWJCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlHVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYnMvY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1lbW8sIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUsIHR5cGUgRkMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGFiQmFyUHJvcHMgfSBmcm9tIFwiLi9UYWJCYXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBUYWJJdGVtIH0gZnJvbSBcIi4uL1RhYkl0ZW0vVGFiSXRlbVwiO1xuaW1wb3J0IHsgZ2V0VGFiQmFyU3R5bGUgfSBmcm9tIFwiLi9UYWJCYXIuc3R5bGVzXCI7XG5pbXBvcnQgeyBEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duXCI7XG5pbXBvcnQgeyBFbGxpcHNpc091dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuaW1wb3J0IHsgaXNGdW5jdGlvbiwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBjbG9zZXN0Q2VudGVyLCBEbmRDb250ZXh0LCBQb2ludGVyU2Vuc29yLCB1c2VTZW5zb3IgfSBmcm9tIFwiQGRuZC1raXQvY29yZVwiO1xuaW1wb3J0IHsgaG9yaXpvbnRhbExpc3RTb3J0aW5nU3RyYXRlZ3ksIFNvcnRhYmxlQ29udGV4dCB9IGZyb20gXCJAZG5kLWtpdC9zb3J0YWJsZVwiO1xuaW1wb3J0IHsgdXNlVGFic0RuZENvbnRyb2xsZXIgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJzL2hvb2tzL3VzZVRhYnNEbmRDb250cm9sbGVyXCI7XG5pbXBvcnQgeyB1c2VNb3JlVGFic0NvbnRyb2xsZXIgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJzL2hvb2tzL3VzZU1vcmVUYWJzQ29udHJvbGxlclwiO1xuXG5leHBvcnQgY29uc3QgVGFiQmFyOiBGQzxUYWJCYXJQcm9wcz4gPSBtZW1vKFxuICAoe1xuICAgIGl0ZW1zID0gW10sXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIGN1cnJlbnRBY3RpdmVLZXksXG4gICAgY29udGVudFdyYXBwZXIsXG4gICAgZXh0cmEsXG4gICAgbW9yZSxcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBzdHlsZXMsXG4gICAgY2hhbmdlQWN0aXZlS2V5LFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uVGFiQ2xpY2ssXG4gICAgb25UYWJTY3JvbGwsXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBbY3VycmVudFRhYkVsZW1lbnQsIHNldEN1cnJlbnRUYWJFbGVtZW50XSA9IHVzZVN0YXRlPEhUTUxFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgcHJldlNjcm9sbFBvc2l0aW9uID0gdXNlUmVmKDApO1xuXG4gICAgY29uc3QgaXRlbXNNYXAgPSB1c2VNZW1vKCgpID0+IG5ldyBNYXAoaXRlbXMubWFwKChpdGVtKSA9PiBbaXRlbS5rZXksIGl0ZW1dKSksIFtpdGVtc10pO1xuICAgIGNvbnN0IHsgdGFic09yZGVyLCBpc0RyYWdnaW5nLCBkbmRFdmVudHMgfSA9IHVzZVRhYnNEbmRDb250cm9sbGVyKGl0ZW1zKTtcbiAgICBjb25zdCB7IHRhYnNSZWYsIGRyb3Bkb3duTWVudSwgYWRkSGlkZGVuVGFiLCBkZWxldGVIaWRkZW5UYWIsIHNjcm9sbFRvVGFiIH0gPVxuICAgICAgdXNlTW9yZVRhYnNDb250cm9sbGVyKFxuICAgICAgICBpdGVtcyxcbiAgICAgICAgY3VycmVudEFjdGl2ZUtleSxcbiAgICAgICAgY3VycmVudFRhYkVsZW1lbnQsXG4gICAgICAgIG9uVGFiQ2xpY2ssXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBjaGFuZ2VBY3RpdmVLZXlcbiAgICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVTY3JvbGwgPSAoKSA9PiB7XG4gICAgICBpZiAodGFic1JlZi5jdXJyZW50ICYmIGlzRnVuY3Rpb24ob25UYWJTY3JvbGwpKSB7XG4gICAgICAgIGNvbnN0IHNjcm9sbFBvc2l0aW9uID0gdGFic1JlZi5jdXJyZW50LnNjcm9sbExlZnQ7XG4gICAgICAgIGNvbnN0IHNjcm9sbERpcmVjdGlvbiA9IHNjcm9sbFBvc2l0aW9uID4gcHJldlNjcm9sbFBvc2l0aW9uLmN1cnJlbnQgPyBcInJpZ2h0XCIgOiBcImxlZnRcIjtcbiAgICAgICAgb25UYWJTY3JvbGwoc2Nyb2xsRGlyZWN0aW9uKTtcblxuICAgICAgICBwcmV2U2Nyb2xsUG9zaXRpb24uY3VycmVudCA9IHNjcm9sbFBvc2l0aW9uO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBzZW5zb3IgPSB1c2VTZW5zb3IoUG9pbnRlclNlbnNvciwgeyBhY3RpdmF0aW9uQ29uc3RyYWludDogeyBkaXN0YW5jZTogMTAgfSB9KTtcblxuICAgIGNvbnN0IHRhYkJhclN0eWxlID0gZ2V0VGFiQmFyU3R5bGUoc2l6ZSwgYm9yZGVyLCBpY29uT25seSwgaXNEcmFnZ2luZyk7XG5cbiAgICBjb25zdCByZW5kZXJUYWJzID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIHRhYnNPcmRlci5tYXAoKGtleSkgPT4ge1xuICAgICAgICBjb25zdCBpdGVtID0gaXRlbXNNYXAuZ2V0KGtleSk7XG5cbiAgICAgICAgaWYgKGlzVW5kZWZpbmVkKGl0ZW0pKSB7XG4gICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxUYWJJdGVtXG4gICAgICAgICAgICB7Li4uaXRlbX1cbiAgICAgICAgICAgIGl0ZW1LZXk9e2l0ZW0ua2V5fVxuICAgICAgICAgICAgaWNvbk9ubHk9e2ljb25Pbmx5fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHNlbGVjdGVkPXtjdXJyZW50QWN0aXZlS2V5ID09PSBpdGVtLmtleX1cbiAgICAgICAgICAgIGNoYW5nZUFjdGl2ZUtleT17Y2hhbmdlQWN0aXZlS2V5fVxuICAgICAgICAgICAgYWRkSGlkZGVuVGFiPXthZGRIaWRkZW5UYWJ9XG4gICAgICAgICAgICBkZWxldGVIaWRkZW5UYWI9e2RlbGV0ZUhpZGRlblRhYn1cbiAgICAgICAgICAgIHNldEN1cnJlbnRUYWJFbGVtZW50PXtzZXRDdXJyZW50VGFiRWxlbWVudH1cbiAgICAgICAgICAgIHNjcm9sbFRvVGFiPXtzY3JvbGxUb1RhYn1cbiAgICAgICAgICAgIGNvbnRlbnRXcmFwcGVyPXtjb250ZW50V3JhcHBlcn1cbiAgICAgICAgICAgIGtleT17aXRlbS5rZXl9XG4gICAgICAgICAgICBzdHlsZXM9e3N0eWxlcz8udGFiSXRlbX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgIG9uVGFiQ2xpY2s9e29uVGFiQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICAgIH0pO1xuICAgIH07XG5cbiAgICBjb25zdCByZW5kZXJUYWJzQ29udGFpbmVyID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17dGFic1JlZn1cbiAgICAgICAgICBvblNjcm9sbD17aGFuZGxlU2Nyb2xsfVxuICAgICAgICAgIGNzcz17W3RhYkJhclN0eWxlLnRhYnModGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICA+XG4gICAgICAgICAge3JlbmRlclRhYnMoKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICBjb25zdCByZW5kZXJEbmRUYWJzID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPERuZENvbnRleHQgc2Vuc29ycz17W3NlbnNvcl19IHsuLi5kbmRFdmVudHN9IGNvbGxpc2lvbkRldGVjdGlvbj17Y2xvc2VzdENlbnRlcn0+XG4gICAgICAgICAgPFNvcnRhYmxlQ29udGV4dCBpdGVtcz17dGFic09yZGVyfSBzdHJhdGVneT17aG9yaXpvbnRhbExpc3RTb3J0aW5nU3RyYXRlZ3l9PlxuICAgICAgICAgICAge3JlbmRlclRhYnNDb250YWluZXIoKX1cbiAgICAgICAgICA8L1NvcnRhYmxlQ29udGV4dD5cbiAgICAgICAgPC9EbmRDb250ZXh0PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbdGFiQmFyU3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19PlxuICAgICAgICA8ZGl2IGNzcz17dGFiQmFyU3R5bGUuY29udGVudCgpfT5cbiAgICAgICAgICB7ZHJhZ2dhYmxlID8gcmVuZGVyRG5kVGFicygpIDogcmVuZGVyVGFic0NvbnRhaW5lcigpfVxuICAgICAgICAgIHtkcm9wZG93bk1lbnUuaXRlbXMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICA8ZGl2IGNzcz17dGFiQmFyU3R5bGUubW9yZSh0aGVtZSl9PlxuICAgICAgICAgICAgICA8RHJvcGRvd24gey4uLm1vcmV9IG1lbnU9e2Ryb3Bkb3duTWVudX0gY2xhc3NOYW1lPXtwb3B1cENsYXNzTmFtZX0+XG4gICAgICAgICAgICAgICAgPEVsbGlwc2lzT3V0bGluZWQgLz5cbiAgICAgICAgICAgICAgPC9Ecm9wZG93bj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIHtleHRyYX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], children: renderTabs() });
|
|
74
|
+
};
|
|
75
|
+
const renderDndTabs = () => {
|
|
76
|
+
return /* @__PURE__ */ jsx(DndContext, { sensors: [sensor], ...dndEvents, collisionDetection: closestCenter, children: /* @__PURE__ */ jsx(SortableContext, { items: tabsOrder, strategy: horizontalListSortingStrategy, children: renderTabsContainer() }) });
|
|
77
|
+
};
|
|
78
|
+
return /* @__PURE__ */ jsxs("div", { css: [tabBarStyle.wrapper(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:TabBar;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFicy9jb21wb25lbnRzL1RhYkJhci9UYWJCYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1IVyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1RhYnMvY29tcG9uZW50cy9UYWJCYXIvVGFiQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IG1lbW8sIHVzZU1lbW8sIHVzZVJlZiwgdXNlU3RhdGUsIHR5cGUgRkMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGFiQmFyUHJvcHMgfSBmcm9tIFwiLi9UYWJCYXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBUYWJJdGVtIH0gZnJvbSBcIi4uL1RhYkl0ZW0vVGFiSXRlbVwiO1xuaW1wb3J0IHsgZ2V0VGFiQmFyU3R5bGUgfSBmcm9tIFwiLi9UYWJCYXIuc3R5bGVzXCI7XG5pbXBvcnQgeyBEcm9wZG93biB9IGZyb20gXCJjb21wb25lbnRzL0Ryb3Bkb3duXCI7XG5pbXBvcnQgeyBFbGxpcHNpc091dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuaW1wb3J0IHsgaXNGdW5jdGlvbiwgaXNVbmRlZmluZWQgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBjbG9zZXN0Q2VudGVyLCBEbmRDb250ZXh0LCBQb2ludGVyU2Vuc29yLCB1c2VTZW5zb3IgfSBmcm9tIFwiQGRuZC1raXQvY29yZVwiO1xuaW1wb3J0IHsgaG9yaXpvbnRhbExpc3RTb3J0aW5nU3RyYXRlZ3ksIFNvcnRhYmxlQ29udGV4dCB9IGZyb20gXCJAZG5kLWtpdC9zb3J0YWJsZVwiO1xuaW1wb3J0IHsgdXNlVGFic0RuZENvbnRyb2xsZXIgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJzL2hvb2tzL3VzZVRhYnNEbmRDb250cm9sbGVyXCI7XG5pbXBvcnQgeyB1c2VNb3JlVGFic0NvbnRyb2xsZXIgfSBmcm9tIFwiY29tcG9uZW50cy9UYWJzL2hvb2tzL3VzZU1vcmVUYWJzQ29udHJvbGxlclwiO1xuXG5leHBvcnQgY29uc3QgVGFiQmFyOiBGQzxUYWJCYXJQcm9wcz4gPSBtZW1vKFxuICAoe1xuICAgIGl0ZW1zID0gW10sXG4gICAgaWNvbk9ubHkgPSBmYWxzZSxcbiAgICBkcmFnZ2FibGUgPSBmYWxzZSxcbiAgICBzaXplID0gXCJtaWRkbGVcIixcbiAgICBib3JkZXIgPSB0cnVlLFxuICAgIGN1cnJlbnRBY3RpdmVLZXksXG4gICAgY29udGVudFdyYXBwZXIsXG4gICAgZXh0cmEsXG4gICAgbW9yZSxcbiAgICBwb3B1cENsYXNzTmFtZSxcbiAgICBzdHlsZXMsXG4gICAgY2hhbmdlQWN0aXZlS2V5LFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uVGFiQ2xpY2ssXG4gICAgb25UYWJTY3JvbGwsXG4gIH0pID0+IHtcbiAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgICBjb25zdCBbY3VycmVudFRhYkVsZW1lbnQsIHNldEN1cnJlbnRUYWJFbGVtZW50XSA9IHVzZVN0YXRlPEhUTUxFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgcHJldlNjcm9sbFBvc2l0aW9uID0gdXNlUmVmKDApO1xuXG4gICAgY29uc3QgaXRlbXNNYXAgPSB1c2VNZW1vKCgpID0+IG5ldyBNYXAoaXRlbXMubWFwKChpdGVtKSA9PiBbaXRlbS5rZXksIGl0ZW1dKSksIFtpdGVtc10pO1xuICAgIGNvbnN0IHsgdGFic09yZGVyLCBpc0RyYWdnaW5nLCBkbmRFdmVudHMgfSA9IHVzZVRhYnNEbmRDb250cm9sbGVyKGl0ZW1zKTtcbiAgICBjb25zdCB7IHRhYnNSZWYsIGRyb3Bkb3duTWVudSwgYWRkSGlkZGVuVGFiLCBkZWxldGVIaWRkZW5UYWIsIHNjcm9sbFRvVGFiIH0gPVxuICAgICAgdXNlTW9yZVRhYnNDb250cm9sbGVyKFxuICAgICAgICBpdGVtcyxcbiAgICAgICAgY3VycmVudEFjdGl2ZUtleSxcbiAgICAgICAgY3VycmVudFRhYkVsZW1lbnQsXG4gICAgICAgIG9uVGFiQ2xpY2ssXG4gICAgICAgIG9uQ2hhbmdlLFxuICAgICAgICBjaGFuZ2VBY3RpdmVLZXlcbiAgICAgICk7XG5cbiAgICBjb25zdCBoYW5kbGVTY3JvbGwgPSAoKSA9PiB7XG4gICAgICBpZiAodGFic1JlZi5jdXJyZW50ICYmIGlzRnVuY3Rpb24ob25UYWJTY3JvbGwpKSB7XG4gICAgICAgIGNvbnN0IHNjcm9sbFBvc2l0aW9uID0gdGFic1JlZi5jdXJyZW50LnNjcm9sbExlZnQ7XG4gICAgICAgIGNvbnN0IHNjcm9sbERpcmVjdGlvbiA9IHNjcm9sbFBvc2l0aW9uID4gcHJldlNjcm9sbFBvc2l0aW9uLmN1cnJlbnQgPyBcInJpZ2h0XCIgOiBcImxlZnRcIjtcbiAgICAgICAgb25UYWJTY3JvbGwoc2Nyb2xsRGlyZWN0aW9uKTtcblxuICAgICAgICBwcmV2U2Nyb2xsUG9zaXRpb24uY3VycmVudCA9IHNjcm9sbFBvc2l0aW9uO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBzZW5zb3IgPSB1c2VTZW5zb3IoUG9pbnRlclNlbnNvciwgeyBhY3RpdmF0aW9uQ29uc3RyYWludDogeyBkaXN0YW5jZTogMTAgfSB9KTtcblxuICAgIGNvbnN0IHRhYkJhclN0eWxlID0gZ2V0VGFiQmFyU3R5bGUoc2l6ZSwgYm9yZGVyLCBpY29uT25seSwgaXNEcmFnZ2luZyk7XG5cbiAgICBjb25zdCByZW5kZXJUYWJzID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIHRhYnNPcmRlci5tYXAoKGtleSkgPT4ge1xuICAgICAgICBjb25zdCBpdGVtID0gaXRlbXNNYXAuZ2V0KGtleSk7XG5cbiAgICAgICAgaWYgKGlzVW5kZWZpbmVkKGl0ZW0pKSB7XG4gICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxUYWJJdGVtXG4gICAgICAgICAgICB7Li4uaXRlbX1cbiAgICAgICAgICAgIGl0ZW1LZXk9e2l0ZW0ua2V5fVxuICAgICAgICAgICAgaWNvbk9ubHk9e2ljb25Pbmx5fVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHNlbGVjdGVkPXtjdXJyZW50QWN0aXZlS2V5ID09PSBpdGVtLmtleX1cbiAgICAgICAgICAgIGNoYW5nZUFjdGl2ZUtleT17Y2hhbmdlQWN0aXZlS2V5fVxuICAgICAgICAgICAgYWRkSGlkZGVuVGFiPXthZGRIaWRkZW5UYWJ9XG4gICAgICAgICAgICBkZWxldGVIaWRkZW5UYWI9e2RlbGV0ZUhpZGRlblRhYn1cbiAgICAgICAgICAgIHNldEN1cnJlbnRUYWJFbGVtZW50PXtzZXRDdXJyZW50VGFiRWxlbWVudH1cbiAgICAgICAgICAgIHNjcm9sbFRvVGFiPXtzY3JvbGxUb1RhYn1cbiAgICAgICAgICAgIGNvbnRlbnRXcmFwcGVyPXtjb250ZW50V3JhcHBlcn1cbiAgICAgICAgICAgIGtleT17aXRlbS5rZXl9XG4gICAgICAgICAgICBzdHlsZXM9e3N0eWxlcz8udGFiSXRlbX1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgIG9uVGFiQ2xpY2s9e29uVGFiQ2xpY2t9XG4gICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICAgIH0pO1xuICAgIH07XG5cbiAgICBjb25zdCByZW5kZXJUYWJzQ29udGFpbmVyID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIHJlZj17dGFic1JlZn1cbiAgICAgICAgICBvblNjcm9sbD17aGFuZGxlU2Nyb2xsfVxuICAgICAgICAgIGNzcz17W3RhYkJhclN0eWxlLnRhYnModGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfVxuICAgICAgICA+XG4gICAgICAgICAge3JlbmRlclRhYnMoKX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApO1xuICAgIH07XG5cbiAgICBjb25zdCByZW5kZXJEbmRUYWJzID0gKCkgPT4ge1xuICAgICAgcmV0dXJuIChcbiAgICAgICAgPERuZENvbnRleHQgc2Vuc29ycz17W3NlbnNvcl19IHsuLi5kbmRFdmVudHN9IGNvbGxpc2lvbkRldGVjdGlvbj17Y2xvc2VzdENlbnRlcn0+XG4gICAgICAgICAgPFNvcnRhYmxlQ29udGV4dCBpdGVtcz17dGFic09yZGVyfSBzdHJhdGVneT17aG9yaXpvbnRhbExpc3RTb3J0aW5nU3RyYXRlZ3l9PlxuICAgICAgICAgICAge3JlbmRlclRhYnNDb250YWluZXIoKX1cbiAgICAgICAgICA8L1NvcnRhYmxlQ29udGV4dD5cbiAgICAgICAgPC9EbmRDb250ZXh0PlxuICAgICAgKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtbdGFiQmFyU3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcj8uKHRoZW1lKV19PlxuICAgICAgICA8ZGl2IGNzcz17dGFiQmFyU3R5bGUuY29udGVudCgpfT5cbiAgICAgICAgICB7ZHJhZ2dhYmxlID8gcmVuZGVyRG5kVGFicygpIDogcmVuZGVyVGFic0NvbnRhaW5lcigpfVxuICAgICAgICAgIHtkcm9wZG93bk1lbnUuaXRlbXMubGVuZ3RoID4gMCAmJiAoXG4gICAgICAgICAgICA8ZGl2IGNzcz17dGFiQmFyU3R5bGUubW9yZSh0aGVtZSl9PlxuICAgICAgICAgICAgICA8RHJvcGRvd24gey4uLm1vcmV9IG1lbnU9e2Ryb3Bkb3duTWVudX0gY2xhc3NOYW1lPXtwb3B1cENsYXNzTmFtZX0+XG4gICAgICAgICAgICAgICAgPEVsbGlwc2lzT3V0bGluZWQgLz5cbiAgICAgICAgICAgICAgPC9Ecm9wZG93bj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIHtleHRyYX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbik7XG4iXX0= */"], children: [
|
|
79
|
+
/* @__PURE__ */ jsxs("div", { css: tabBarStyle.content(), children: [
|
|
80
|
+
draggable ? renderDndTabs() : renderTabsContainer(),
|
|
81
|
+
dropdownMenu.items.length > 0 && /* @__PURE__ */ jsx("div", { css: tabBarStyle.more(theme), children: /* @__PURE__ */ jsx(Dropdown, { ...more, menu: dropdownMenu, className: popupClassName, children: /* @__PURE__ */ jsx(EllipsisOutlined, {}) }) })
|
|
82
|
+
] }),
|
|
83
|
+
extra
|
|
84
|
+
] });
|
|
85
|
+
});
|
|
86
|
+
export {
|
|
87
|
+
TabBar
|
|
88
|
+
};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { TabsSizeType } from 'components/Tabs/Tabs.types';
|
|
2
|
+
import { Theme } from 'themes';
|
|
3
|
+
export declare const getTabBarStyle: (size: TabsSizeType, border: boolean, iconOnly: boolean, isDragging: boolean) => {
|
|
4
|
+
wrapper: (theme: Theme) => {
|
|
5
|
+
readonly position: "relative";
|
|
6
|
+
readonly display: "flex";
|
|
7
|
+
readonly gap: number;
|
|
8
|
+
readonly flex: "1 1 auto";
|
|
9
|
+
readonly alignItems: "center";
|
|
10
|
+
readonly "::before": {
|
|
11
|
+
readonly content: "unset" | "''";
|
|
12
|
+
readonly position: "absolute";
|
|
13
|
+
readonly width: "100%";
|
|
14
|
+
readonly borderBottom: "1px solid #D9D9D9";
|
|
15
|
+
readonly bottom: 0;
|
|
16
|
+
readonly zIndex: 0;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
content: () => {
|
|
20
|
+
readonly display: "flex";
|
|
21
|
+
readonly flex: "1 1 auto";
|
|
22
|
+
readonly overflowX: "hidden";
|
|
23
|
+
};
|
|
24
|
+
tabs: (theme: Theme) => {
|
|
25
|
+
readonly display: "flex";
|
|
26
|
+
readonly gap: number;
|
|
27
|
+
readonly flex: "1 1 auto";
|
|
28
|
+
readonly zIndex: 1;
|
|
29
|
+
readonly overflowY: "hidden";
|
|
30
|
+
readonly overflowX: "hidden" | "scroll";
|
|
31
|
+
readonly "::-webkit-scrollbar": {
|
|
32
|
+
readonly display: "none";
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
more: (theme: Theme) => {
|
|
36
|
+
height: number;
|
|
37
|
+
width: number;
|
|
38
|
+
display: string;
|
|
39
|
+
alignItems: string;
|
|
40
|
+
justifyContent: string;
|
|
41
|
+
flex: string;
|
|
42
|
+
svg: {
|
|
43
|
+
cursor: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|