@admin-layout/tailwind-design-pro 12.0.16-alpha.7 → 12.0.16-alpha.71
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/README.md +20 -0
- package/lib/cdm-locales/en/menu.json +2 -1
- package/lib/cdm-locales/es/menu.json +2 -1
- package/lib/cdm-locales/index.d.ts +2 -0
- package/lib/cdm-locales/index.d.ts.map +1 -0
- package/lib/cdm-locales/index.ts +1 -0
- package/lib/components/LanguageMenu/LanguageMenu.js.map +1 -1
- package/lib/components/Layout/BasicLayout/index.d.ts +2 -1
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +134 -44
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/BasicLayout/utils.d.ts +2 -0
- package/lib/components/Layout/BasicLayout/utils.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/utils.js +16 -13
- package/lib/components/Layout/BasicLayout/utils.js.map +1 -1
- package/lib/components/Layout/GlobalFooter/Account.d.ts +4 -0
- package/lib/components/Layout/GlobalFooter/Account.d.ts.map +1 -0
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts.map +1 -1
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js +7 -12
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +31 -8
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts +0 -2
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.js +54 -85
- package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js +1 -1
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts +1 -0
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.js +73 -6
- package/lib/components/Layout/GlobalHeader/RightContent.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.js +2 -4
- package/lib/components/Layout/GlobalHeader/RightMenu.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/SearchBar.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/index.d.ts +0 -1
- package/lib/components/Layout/GlobalHeader/index.d.ts.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.d.ts +2 -2
- package/lib/components/Layout/ProTailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.js +69 -7
- package/lib/components/Layout/ProTailwindLayout.js.map +1 -1
- package/lib/components/Layout/Sidebar/BottomMenu.d.ts +4 -0
- package/lib/components/Layout/Sidebar/BottomMenu.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/BottomMenu.js +330 -0
- package/lib/components/Layout/Sidebar/BottomMenu.js.map +1 -0
- package/lib/components/Layout/Sidebar/Divider.js.map +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.js.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebar.d.ts +5 -0
- package/lib/components/Layout/Sidebar/MainSidebar.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/{Sidebar.js → MainSidebar.js} +94 -34
- package/lib/components/Layout/Sidebar/MainSidebar.js.map +1 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts +4 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js +291 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.d.ts +5 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.js +277 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.js.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts +4 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js +330 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map +1 -0
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +37 -10
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/Layout/getPageTitle.js.map +1 -1
- package/lib/components/Layout/slot-fill/AdditionalSettings.js.map +1 -1
- package/lib/components/Layout/slot-fill/Footer.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map +1 -1
- package/lib/components/Layout/slot-fill/Logo.d.ts +4 -0
- package/lib/components/Layout/slot-fill/Logo.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/Logo.js +7 -0
- package/lib/components/Layout/slot-fill/Logo.js.map +1 -0
- package/lib/components/Layout/slot-fill/RightContent.js.map +1 -1
- package/lib/components/Layout/slot-fill/SideMenuLogo.d.ts +4 -0
- package/lib/components/Layout/slot-fill/SideMenuLogo.d.ts.map +1 -0
- package/lib/components/Layout/slot-fill/SideMenuLogo.js +7 -0
- package/lib/components/Layout/slot-fill/SideMenuLogo.js.map +1 -0
- package/lib/components/Layout/slot-fill/index.d.ts +2 -0
- package/lib/components/Layout/slot-fill/index.d.ts.map +1 -1
- package/lib/components/Layout/util.js +1 -1
- package/lib/components/Layout/util.js.map +1 -1
- package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map +1 -1
- package/lib/components/SettingDrawer/CheckBoxTheme.js +13 -3
- package/lib/components/SettingDrawer/CheckBoxTheme.js.map +1 -1
- package/lib/components/SettingDrawer/InvitationSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/InvitationSettings.js +10 -6
- package/lib/components/SettingDrawer/InvitationSettings.js.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.js +23 -16
- package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
- package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts +20 -0
- package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts.map +1 -0
- package/lib/components/SettingDrawer/MenuVisibilitySettings.js +120 -0
- package/lib/components/SettingDrawer/MenuVisibilitySettings.js.map +1 -0
- package/lib/components/SettingDrawer/NavigationsModes.d.ts +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.d.ts.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.js +90 -39
- package/lib/components/SettingDrawer/NavigationsModes.js.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +54 -177
- package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +404 -66
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/Switch/index.js.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.d.ts.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.js +15 -3
- package/lib/components/SettingDrawer/ThemeColor.js.map +1 -1
- package/lib/components/SettingDrawer/types.d.ts +12 -0
- package/lib/components/SettingDrawer/types.d.ts.map +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +10 -5
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.js +97 -4
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.js.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/typings.d.ts +20 -1
- package/lib/components/typings.d.ts.map +1 -1
- package/lib/compute.d.ts.map +1 -1
- package/lib/compute.js +10 -2
- package/lib/compute.js.map +1 -1
- package/lib/config/constants.js.map +1 -1
- package/lib/config/env-config.d.ts +3 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +10 -0
- package/lib/config/env-config.js.map +1 -1
- package/lib/helpers/DynamicIcon.js.map +1 -1
- package/lib/hooks/useMediaQuery.js.map +1 -1
- package/lib/hooks/useScrollThreshold.js.map +1 -1
- package/lib/hooks/useTailwindTheme.js +82 -0
- package/lib/hooks/useTailwindTheme.js.map +1 -0
- package/lib/icons.d.ts +2 -0
- package/lib/icons.d.ts.map +1 -1
- package/lib/icons.js +4 -2
- package/lib/icons.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/machines/selectors.d.ts +118 -0
- package/lib/machines/selectors.d.ts.map +1 -0
- package/lib/machines/settingsMachine.d.ts +25 -2
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +174 -163
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/settingsMachine.test.d.ts +2 -0
- package/lib/machines/settingsMachine.test.d.ts.map +1 -0
- package/lib/machines/types.d.ts +106 -9
- package/lib/machines/types.d.ts.map +1 -1
- package/lib/machines/types.js.map +1 -1
- package/lib/module.js.map +1 -1
- package/lib/redux/searchReducer.js.map +1 -1
- package/lib/routes.json +9 -1
- package/lib/tailwindConfig.js.map +1 -1
- package/lib/utils/__tests__/configOverrides.test.d.ts +2 -0
- package/lib/utils/__tests__/configOverrides.test.d.ts.map +1 -0
- package/lib/utils/configOverrides.d.ts +213 -0
- package/lib/utils/configOverrides.d.ts.map +1 -0
- package/lib/utils/configOverrides.js +91 -0
- package/lib/utils/configOverrides.js.map +1 -0
- package/lib/utils/isBrowser/index.js.map +1 -1
- package/lib/utils/settingsUtils.d.ts +20 -0
- package/lib/utils/settingsUtils.d.ts.map +1 -0
- package/lib/utils/settingsUtils.js +74 -0
- package/lib/utils/settingsUtils.js.map +1 -0
- package/lib/utils/utils/index.js.map +1 -1
- package/package.json +6 -6
- package/lib/components/Layout/GlobalHeader/Logo.d.ts +0 -4
- package/lib/components/Layout/GlobalHeader/Logo.d.ts.map +0 -1
- package/lib/components/Layout/GlobalHeader/Logo.js +0 -141
- package/lib/components/Layout/GlobalHeader/Logo.js.map +0 -1
- package/lib/components/Layout/Sidebar/Sidebar.d.ts +0 -5
- package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +0 -1
- package/lib/components/Layout/Sidebar/Sidebar.js.map +0 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts +0 -4
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map +0 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.js +0 -176
- package/lib/components/Layout/Sidebar/SidebarMenu.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProTailwindLayout.js","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"sourcesContent":[null],"names":["_jsx","TailwindLayout"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/BottomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuUhD,CAAC"}
|
|
@@ -0,0 +1,330 @@
|
|
|
1
|
+
import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useAppSelector}from'@admin-layout/client';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
|
|
2
|
+
path,
|
|
3
|
+
onClose
|
|
4
|
+
}) => {
|
|
5
|
+
const [dialog, setDialog] = useState(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
if (!dialog) {
|
|
8
|
+
switchDialogs(path).then(component => {
|
|
9
|
+
setDialog(component);
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
}, []);
|
|
13
|
+
return dialog ? jsx(dialog.default, {
|
|
14
|
+
onClose: onClose
|
|
15
|
+
}) : jsx("div", {
|
|
16
|
+
children: "Loading..."
|
|
17
|
+
});
|
|
18
|
+
};
|
|
19
|
+
const BottomMenu = ({
|
|
20
|
+
menuData,
|
|
21
|
+
routeParams,
|
|
22
|
+
getMenuSeparation,
|
|
23
|
+
scrolled,
|
|
24
|
+
settings,
|
|
25
|
+
authorities,
|
|
26
|
+
isMobile,
|
|
27
|
+
picture
|
|
28
|
+
}) => {
|
|
29
|
+
const [MenusList, setMenusList] = useState();
|
|
30
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
31
|
+
const [openedModalKey, setOpenedModalKey] = React__default.useState(null);
|
|
32
|
+
const menuRef = useRef(null);
|
|
33
|
+
const {
|
|
34
|
+
t
|
|
35
|
+
} = {
|
|
36
|
+
t: key => key
|
|
37
|
+
}; // Mock translation function
|
|
38
|
+
// const cancelRef = React.useRef();
|
|
39
|
+
const {
|
|
40
|
+
profile = {}
|
|
41
|
+
} = useAppSelector(state => state?.user || {});
|
|
42
|
+
const {
|
|
43
|
+
nickname,
|
|
44
|
+
picture: profilePicture
|
|
45
|
+
} = profile || {};
|
|
46
|
+
const onOpen = () => setIsOpen(true);
|
|
47
|
+
const onClose = () => setIsOpen(false);
|
|
48
|
+
const toggleMenu = () => setIsOpen(!isOpen);
|
|
49
|
+
const accountMenuItems = menuData?.find(menu => menu.key === 'account');
|
|
50
|
+
const logoutMenuItems = menuData?.filter(menu => menu.key === 'logout.modal');
|
|
51
|
+
// Handle outside clicks to close the menu
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
const handleClickOutside = event => {
|
|
54
|
+
if (menuRef.current && !menuRef.current.contains(event.target)) {
|
|
55
|
+
setIsOpen(false);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
// Handle escape key to close the menu
|
|
59
|
+
const handleEscKey = event => {
|
|
60
|
+
if (event.key === 'Escape') {
|
|
61
|
+
setIsOpen(false);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
if (isOpen) {
|
|
65
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
66
|
+
document.addEventListener('keydown', handleEscKey);
|
|
67
|
+
}
|
|
68
|
+
return () => {
|
|
69
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
70
|
+
document.removeEventListener('keydown', handleEscKey);
|
|
71
|
+
};
|
|
72
|
+
}, [isOpen]);
|
|
73
|
+
const newMenuData = menuData?.filter(m => !m.hideInMenu)?.map(m => {
|
|
74
|
+
if (!m.hideInMenu) {
|
|
75
|
+
const path = generateMenuPath(m.path, routeParams);
|
|
76
|
+
return {
|
|
77
|
+
...m,
|
|
78
|
+
path
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
useEffect(() => {
|
|
83
|
+
setMenusList(getMenuSeparation(newMenuData));
|
|
84
|
+
}, [authorities]);
|
|
85
|
+
const conversionPath = path => {
|
|
86
|
+
if (path && path.indexOf('http') === 0) {
|
|
87
|
+
return path;
|
|
88
|
+
}
|
|
89
|
+
if (path && path.indexOf('/http') === 0) {
|
|
90
|
+
return path.replace(/^\//g, '');
|
|
91
|
+
}
|
|
92
|
+
return `/${path || ''}`.replace(/\/+/g, '/');
|
|
93
|
+
};
|
|
94
|
+
const getMenuItemModal = item => {
|
|
95
|
+
// const icon = this.getIcon(item.icon);
|
|
96
|
+
const {
|
|
97
|
+
key,
|
|
98
|
+
name,
|
|
99
|
+
icon
|
|
100
|
+
} = item;
|
|
101
|
+
return jsxs("button", {
|
|
102
|
+
onClick: () => {
|
|
103
|
+
setOpenedModalKey(key);
|
|
104
|
+
setIsOpen(false); // Close the dropdown when opening a modal
|
|
105
|
+
},
|
|
106
|
+
className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
|
|
107
|
+
role: "menuitem",
|
|
108
|
+
children: [jsx("div", {
|
|
109
|
+
className: "mr-3",
|
|
110
|
+
children: renderDynamicIcon(icon)
|
|
111
|
+
}), t(name)]
|
|
112
|
+
});
|
|
113
|
+
};
|
|
114
|
+
/**
|
|
115
|
+
* Judge whether it is http link.return or a Link
|
|
116
|
+
* @memberOf SiderMenu
|
|
117
|
+
*/
|
|
118
|
+
const getMenuItemPath = item => {
|
|
119
|
+
// const { styles = {} } = props;
|
|
120
|
+
const itemPath = conversionPath(item.path);
|
|
121
|
+
// const icon = this.getIcon(item.icon);
|
|
122
|
+
const {
|
|
123
|
+
target,
|
|
124
|
+
name,
|
|
125
|
+
icon
|
|
126
|
+
} = item;
|
|
127
|
+
// Is it a http link
|
|
128
|
+
if (/^https?:\/\//.test(itemPath)) {
|
|
129
|
+
return jsxs("a", {
|
|
130
|
+
href: itemPath,
|
|
131
|
+
target: target,
|
|
132
|
+
onClick: onClose,
|
|
133
|
+
className: "flex items-center w-full p-3 text-foreground hover:bg-muted",
|
|
134
|
+
role: "menuitem",
|
|
135
|
+
children: [jsxs("div", {
|
|
136
|
+
className: "mr-3",
|
|
137
|
+
children: [renderDynamicIcon(icon), " "]
|
|
138
|
+
}), jsx("span", {
|
|
139
|
+
className: "ml-1",
|
|
140
|
+
children: name
|
|
141
|
+
})]
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
return jsxs(Link, {
|
|
145
|
+
to: itemPath,
|
|
146
|
+
onClick: onClose,
|
|
147
|
+
className: "flex items-center w-full px-3 py-2 text-left text-foreground hover:bg-muted",
|
|
148
|
+
role: "menuitem",
|
|
149
|
+
children: [jsx("div", {
|
|
150
|
+
className: "mr-3",
|
|
151
|
+
children: renderDynamicIcon(icon)
|
|
152
|
+
}), name]
|
|
153
|
+
});
|
|
154
|
+
};
|
|
155
|
+
const getMenuModals = () => {
|
|
156
|
+
let dialogMenus = [];
|
|
157
|
+
const upperMenus = MenusList?.upperMenus?.filter(x => x.modal === true);
|
|
158
|
+
const middleMenus = MenusList?.middleMenus?.filter(x => x.modal === true);
|
|
159
|
+
const lowerMenus = MenusList?.lowerMenus?.filter(x => x.modal === true);
|
|
160
|
+
const bottomMenus = MenusList?.bottomMenus?.filter(x => x.modal === true);
|
|
161
|
+
if (upperMenus?.length > 0) dialogMenus = dialogMenus.concat(...upperMenus);
|
|
162
|
+
if (middleMenus?.length > 0) dialogMenus = dialogMenus.concat(...middleMenus);
|
|
163
|
+
if (lowerMenus?.length > 0) dialogMenus = dialogMenus.concat(...lowerMenus);
|
|
164
|
+
if (bottomMenus?.length > 0) dialogMenus = dialogMenus.concat(...bottomMenus);
|
|
165
|
+
return dialogMenus.map((item, k) => {
|
|
166
|
+
const {
|
|
167
|
+
dialogPath,
|
|
168
|
+
key,
|
|
169
|
+
name
|
|
170
|
+
} = item;
|
|
171
|
+
return key === openedModalKey && jsx("div", {
|
|
172
|
+
className: "fixed inset-0 z-50 overflow-y-auto",
|
|
173
|
+
children: jsxs("div", {
|
|
174
|
+
className: "flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0",
|
|
175
|
+
children: [jsx("div", {
|
|
176
|
+
className: "fixed inset-0 transition-opacity",
|
|
177
|
+
"aria-hidden": "true",
|
|
178
|
+
children: jsx("div", {
|
|
179
|
+
className: "absolute inset-0 bg-black bg-opacity-50",
|
|
180
|
+
onClick: () => {
|
|
181
|
+
onClose();
|
|
182
|
+
setOpenedModalKey(null);
|
|
183
|
+
}
|
|
184
|
+
})
|
|
185
|
+
}), jsx("span", {
|
|
186
|
+
className: "hidden sm:inline-block sm:align-middle sm:h-screen",
|
|
187
|
+
"aria-hidden": "true",
|
|
188
|
+
children: "\u200B"
|
|
189
|
+
}), jsx("div", {
|
|
190
|
+
className: "inline-block align-bottom rounded-themed-lg text-left overflow-hidden shadow-themed-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full themed-modal",
|
|
191
|
+
role: "dialog",
|
|
192
|
+
"aria-modal": "true",
|
|
193
|
+
"aria-labelledby": "modal-headline",
|
|
194
|
+
children: jsxs("div", {
|
|
195
|
+
className: "px-4 pt-5 pb-4 sm:p-6 sm:pb-4",
|
|
196
|
+
children: [jsx("div", {
|
|
197
|
+
className: "flex justify-end",
|
|
198
|
+
children: jsxs("button", {
|
|
199
|
+
type: "button",
|
|
200
|
+
className: "rounded-themed text-muted-foreground hover:text-foreground focus-themed",
|
|
201
|
+
onClick: () => {
|
|
202
|
+
onClose();
|
|
203
|
+
setOpenedModalKey(null);
|
|
204
|
+
},
|
|
205
|
+
children: [jsx("span", {
|
|
206
|
+
className: "sr-only",
|
|
207
|
+
children: "Close"
|
|
208
|
+
}), jsx("svg", {
|
|
209
|
+
className: "h-6 w-6",
|
|
210
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
211
|
+
fill: "none",
|
|
212
|
+
viewBox: "0 0 24 24",
|
|
213
|
+
stroke: "currentColor",
|
|
214
|
+
"aria-hidden": "true",
|
|
215
|
+
children: jsx("path", {
|
|
216
|
+
strokeLinecap: "round",
|
|
217
|
+
strokeLinejoin: "round",
|
|
218
|
+
strokeWidth: "2",
|
|
219
|
+
d: "M6 18L18 6M6 6l12 12"
|
|
220
|
+
})
|
|
221
|
+
})]
|
|
222
|
+
})
|
|
223
|
+
}), jsx("div", {
|
|
224
|
+
className: "mt-2",
|
|
225
|
+
children: jsx(DialogComponent, {
|
|
226
|
+
path: dialogPath,
|
|
227
|
+
onClose: () => {
|
|
228
|
+
onClose();
|
|
229
|
+
setOpenedModalKey(null);
|
|
230
|
+
}
|
|
231
|
+
})
|
|
232
|
+
})]
|
|
233
|
+
})
|
|
234
|
+
})]
|
|
235
|
+
})
|
|
236
|
+
}, k);
|
|
237
|
+
});
|
|
238
|
+
};
|
|
239
|
+
return jsxs(Fragment, {
|
|
240
|
+
children: [jsxs("div", {
|
|
241
|
+
className: "relative",
|
|
242
|
+
ref: menuRef,
|
|
243
|
+
onMouseEnter: onOpen,
|
|
244
|
+
children: [jsxs("div", {
|
|
245
|
+
className: "flex items-center gap-2",
|
|
246
|
+
onClick: toggleMenu,
|
|
247
|
+
children: [jsx("button", {
|
|
248
|
+
className: `
|
|
249
|
+
inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
|
|
250
|
+
`,
|
|
251
|
+
"aria-expanded": "false",
|
|
252
|
+
children: picture ? jsx("img", {
|
|
253
|
+
src: picture,
|
|
254
|
+
className: "rounded-full",
|
|
255
|
+
alt: "User"
|
|
256
|
+
}) : jsx("svg", {
|
|
257
|
+
className: "h-6 w-6 text-foreground",
|
|
258
|
+
fill: "none",
|
|
259
|
+
stroke: "currentColor",
|
|
260
|
+
viewBox: "0 0 24 24",
|
|
261
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
262
|
+
children: jsx("path", {
|
|
263
|
+
strokeLinecap: "round",
|
|
264
|
+
strokeLinejoin: "round",
|
|
265
|
+
strokeWidth: "2",
|
|
266
|
+
d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
|
|
267
|
+
})
|
|
268
|
+
})
|
|
269
|
+
}), isMobile && jsx("span", {
|
|
270
|
+
className: "text-lg font-medium",
|
|
271
|
+
children: t(nickname)
|
|
272
|
+
})]
|
|
273
|
+
}), isOpen && jsxs("div", {
|
|
274
|
+
className: "bg-background absolute bottom-full mb-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
|
|
275
|
+
role: "menu",
|
|
276
|
+
"aria-orientation": "vertical",
|
|
277
|
+
"aria-labelledby": "user-menu",
|
|
278
|
+
children: [MenusList?.upperMenus?.map((item, k) => jsx("div", {
|
|
279
|
+
className: "px-1 py-1",
|
|
280
|
+
children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
|
|
281
|
+
}, k)), MenusList?.upperMenus?.length > 0 && MenusList?.middleMenus?.length > 0 && jsx("hr", {
|
|
282
|
+
className: "border-border my-1"
|
|
283
|
+
}), MenusList?.middleMenus?.map((item, k) => jsx("div", {
|
|
284
|
+
className: "px-1 py-1",
|
|
285
|
+
children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
|
|
286
|
+
}, k)), profile && accountMenuItems?.children && jsx("div", {
|
|
287
|
+
className: "py-2",
|
|
288
|
+
children: accountMenuItems.children.map(item => jsxs(Link, {
|
|
289
|
+
className: "flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer transition-colors",
|
|
290
|
+
to: generateMenuPath(item.path, routeParams),
|
|
291
|
+
children: [jsxs("div", {
|
|
292
|
+
className: "flex items-center",
|
|
293
|
+
children: [jsx("span", {
|
|
294
|
+
className: "mr-3 text-base",
|
|
295
|
+
children: item.icon
|
|
296
|
+
}), jsx("span", {
|
|
297
|
+
children: item.name
|
|
298
|
+
})]
|
|
299
|
+
}), item.hasNotification && jsx("div", {
|
|
300
|
+
className: "w-2 h-2 bg-blue-500 rounded-full"
|
|
301
|
+
})]
|
|
302
|
+
}, item.key))
|
|
303
|
+
}), profile && jsx("hr", {
|
|
304
|
+
className: "border-border my-1"
|
|
305
|
+
}), profile && jsxs("div", {
|
|
306
|
+
className: "flex items-center px-4 py-2",
|
|
307
|
+
children: [jsx("div", {
|
|
308
|
+
className: "w-8 h-8 rounded-full bg-red-500 flex items-center justify-center overflow-hidden mr-3",
|
|
309
|
+
children: picture ? jsx("img", {
|
|
310
|
+
src: picture,
|
|
311
|
+
alt: nickname || 'Guest',
|
|
312
|
+
className: "w-full h-full object-cover"
|
|
313
|
+
}) : jsx("span", {
|
|
314
|
+
className: "text-white text-sm font-medium",
|
|
315
|
+
children: (nickname || 'Guest').charAt(0).toUpperCase()
|
|
316
|
+
})
|
|
317
|
+
}), jsx("span", {
|
|
318
|
+
className: "text-sm font-medium",
|
|
319
|
+
children: nickname || 'Guest'
|
|
320
|
+
})]
|
|
321
|
+
}), logoutMenuItems?.length > 0 && jsx("hr", {
|
|
322
|
+
className: "border-border my-1"
|
|
323
|
+
}), logoutMenuItems?.map((item, k) => jsx("div", {
|
|
324
|
+
className: "px-1 py-1",
|
|
325
|
+
children: item.modal ? getMenuItemModal(item) : getMenuItemPath(item)
|
|
326
|
+
}, k))]
|
|
327
|
+
})]
|
|
328
|
+
}), getMenuModals()]
|
|
329
|
+
});
|
|
330
|
+
};export{BottomMenu};//# sourceMappingURL=BottomMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BottomMenu.js","sources":["../../../../src/components/Layout/Sidebar/BottomMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.js","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wFAIM,SAAU,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Divider.js","sources":["../../../../src/components/Layout/Sidebar/Divider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"wFAIM,SAAU,OAAO,CAAC;UASpB;aACK,GAAA,YAAW;AACZ,EAAA,KAAA,GAAA,KAAO;WAWV;OAED;AACA,EAAA,KAAA,GAAA,QACI;AAUgB,EAAA,GAAA;AACA,CAAA,EAAA;;;AAKP,IAAA,OAAAA,GAAA,CAAA,KACH,EACF;oBAQQ,WAAO,KAAO,YAAK,GAAA,iBAAA,GAAA,iBAAA,EAAA,sCAAA,EAAA,SAAA,CAAA;kBACtB;AASO,MAAA,GAAA;AACA,KAAA,CAAA;;;mBAMV,EAAA;AAGd,IAAC,SAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,WAAA,KAAA,UAAA,IAAA,iBAAA,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DynamicIcon.js","sources":["../../../../src/components/Layout/Sidebar/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx","React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DynamicIcon.js","sources":["../../../../src/components/Layout/Sidebar/DynamicIcon.tsx"],"sourcesContent":[null],"names":["_jsx","React"],"mappings":"0IAKO,MAAM,iBAAiB,GAAG,IAAC,IAAM;AACpC,EAAA,IAAA,OAAI,IAAO,KAAI,QAAK,EAAQ;AACxB,IAAA,OAAAA,GAAO,CAAA,WAAC,EAAA;MACX,IAAA,EAAA,IAAA,CAAA,IAAA;AAAM,MAAA,SAAI,EAAA,IAAO,CAAA;AACd,KAAA,CAAA;SACH,IAAA,OAAA,IAAA,KAAA,QAAA,EAAA;WAAOA,GAAA,CAAA,WAAA,EAAA;AACJ,MAAA,IAAA,EAAA;KACH,CAAA;AACL,EAAE,CAAA,MAAA;AAEF,IAAA,OAAO,IAAM;;;AAID,MAAA,WAAc,GAAGC,cAAK,CAAA,IAAA,CAAA,CAAA;;AAEd,EAAA,SAAA;;AAEK,CAAA,KAAA;AACG,EAAA,MAAA,CAAA,aAAA,EAAI,4BAA0B,CAAA,IAAA,CAAQ;;qBAErC,MAAA;0BAAO;0BACJ,GAAA,eAAoB;oBACxB,CAAC,IAAA,CAAA,MAAA,IAAA;AACL,UAAA,IAAA,OAAE,MAAA,CAAA,OAAA,KAAA,QAAA,EAAA;AACD,YAAA,gBAAO,CAAA,MAAO,MAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA;;AAEf,YAAA,gBAAG,CAAA,MAAA,MAAA,CAAA,OAAA,CAAA;;AAEf,QAAA,CAAC,CAAC,CAAA,KAAA,CAAA,GAAA,IAAA;AACF,UAAA,gBAAW,CAAA,IAAA,CAAA;QACZ,CAAE,CAAC;AAEN,MAAA;AAAoB,IAAA,CAAA;IAEpB,QACI;AAIgB,EAAA,CAAA,EAAA,EAAA,CAAA;AACH,EAAA,IAAA,CAAA,aACG,EAAA,OAEX,IAEP;AACN,SACCD,GAAS,CAAA,KAAE,EAAA;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MainSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/MainSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAO7C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuQ9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import React__default,{
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {getMenuSeparation}from'@admin-layout/client';import React__default,{useEffect}from'react';import {useTranslation}from'react-i18next';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {icons}from'../../../icons.js';import BottomMenuDropDown from'../GlobalFooter/BottomMenuDropdown.js';import {RightContent}from'../GlobalHeader/RightContent.js';import {Divider}from'./Divider.js';import {MainSidebarMenu}from'./MainSidebarMenu.js';import'@common-stack/components-pro';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {SideMenuLogoSlot}from'../slot-fill/SideMenuLogo.js';const MainSidebar = props => {
|
|
2
2
|
const {
|
|
3
3
|
isSideMenuOpen,
|
|
4
4
|
closeSideMenu,
|
|
@@ -7,9 +7,12 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
7
7
|
routeParams,
|
|
8
8
|
settings,
|
|
9
9
|
setCollapsed,
|
|
10
|
-
location
|
|
10
|
+
location,
|
|
11
|
+
showHeader,
|
|
12
|
+
menuHeaderRender,
|
|
13
|
+
deviceSettings,
|
|
14
|
+
isSideMenuLayout
|
|
11
15
|
} = props;
|
|
12
|
-
const [isPagesMenuOpen, setIsPagesMenuOpen] = useState(false);
|
|
13
16
|
const [iconModule, setIconModule] = React__default.useState(null);
|
|
14
17
|
const {
|
|
15
18
|
t,
|
|
@@ -23,9 +26,31 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
23
26
|
ChevronRightIcon
|
|
24
27
|
} = icons;
|
|
25
28
|
const currentRoute = location?.pathname || '/';
|
|
26
|
-
const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
|
|
27
29
|
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
28
|
-
|
|
30
|
+
// Helper function to get value from settings with route/device override support
|
|
31
|
+
const getUILayoutValue = path => {
|
|
32
|
+
// Check for route/device-specific override first
|
|
33
|
+
const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
|
|
34
|
+
const uiOverride = settings?.uiSettings?.[routeDeviceKey];
|
|
35
|
+
if (uiOverride) {
|
|
36
|
+
const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
|
|
37
|
+
if (value !== undefined) return value;
|
|
38
|
+
}
|
|
39
|
+
// Fallback to settings (flattened uilayout from configuration-registries)
|
|
40
|
+
return path.split('.').reduce((obj, key) => obj?.[key], settings);
|
|
41
|
+
};
|
|
42
|
+
// Get layout settings from the new flat structure
|
|
43
|
+
const deviceLayout = {
|
|
44
|
+
navigationMode: getUILayoutValue('navigationMode'),
|
|
45
|
+
sideMenuType: getUILayoutValue('sideMenuType'),
|
|
46
|
+
contentWidth: getUILayoutValue('contentWidth'),
|
|
47
|
+
fixedHeader: getUILayoutValue('fixedHeader'),
|
|
48
|
+
fixedSidebar: getUILayoutValue('fixedSidebar'),
|
|
49
|
+
splitMenus: getUILayoutValue('splitMenus'),
|
|
50
|
+
upperMenuDividerName: getUILayoutValue('upperMenuDividerName'),
|
|
51
|
+
middleMenuDividerName: getUILayoutValue('middleMenuDividerName'),
|
|
52
|
+
lowerMenuDividerName: getUILayoutValue('lowerMenuDividerName')
|
|
53
|
+
};
|
|
29
54
|
useEffect(() => {
|
|
30
55
|
if (!iconModule) {
|
|
31
56
|
import('./DynamicIcon.js').then(module => {
|
|
@@ -90,16 +115,26 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
90
115
|
};
|
|
91
116
|
// Use CSS classes instead of theme-based styling
|
|
92
117
|
const getSidebarClasses = () => {
|
|
93
|
-
let classes =
|
|
118
|
+
let classes = `text-gray-500 dark:text-gray-400 h-full flex flex-col`;
|
|
94
119
|
if (settings?.navTheme === 'realDark') {
|
|
95
120
|
classes += ' themed-sidebar';
|
|
96
121
|
}
|
|
122
|
+
if (showHeader) {
|
|
123
|
+
classes += ' md:h-[86vh]';
|
|
124
|
+
}
|
|
125
|
+
if (!showHeader || !menuHeaderRender) {
|
|
126
|
+
classes += ' md:h-[92vh]';
|
|
127
|
+
}
|
|
97
128
|
return classes;
|
|
98
129
|
};
|
|
99
|
-
const SidebarStyles = React__default.useMemo(() =>
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
130
|
+
const SidebarStyles = React__default.useMemo(() => {
|
|
131
|
+
const styles = {};
|
|
132
|
+
if (settings?.navTheme === 'realDark') {
|
|
133
|
+
styles.backgroundColor = '#222';
|
|
134
|
+
styles.color = '#fff !important';
|
|
135
|
+
}
|
|
136
|
+
return styles;
|
|
137
|
+
}, [settings]);
|
|
103
138
|
// Helper function to render a separator with a name
|
|
104
139
|
const renderSeparator = name => {
|
|
105
140
|
if (!deviceLayout?.splitMenus) return null;
|
|
@@ -129,21 +164,23 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
129
164
|
})
|
|
130
165
|
}), jsxs("div", {
|
|
131
166
|
className: "flex-grow overflow-y-auto",
|
|
132
|
-
children: [
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
167
|
+
children: [jsxs("div", {
|
|
168
|
+
children: [middleMenus?.length > 0 && jsxs("div", {
|
|
169
|
+
className: "removeBoxShadow",
|
|
170
|
+
children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(MainSidebarMenu, {
|
|
171
|
+
menuData: updateMenuIcons(middleMenus),
|
|
172
|
+
routeParams: routeParams,
|
|
173
|
+
settings: settings,
|
|
174
|
+
collapsed: collapsed
|
|
175
|
+
})]
|
|
176
|
+
}), lowerMenus?.length > 0 && jsxs("div", {
|
|
177
|
+
className: "removeBoxShadow",
|
|
178
|
+
children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(MainSidebarMenu, {
|
|
179
|
+
menuData: updateMenuIcons(lowerMenus),
|
|
180
|
+
routeParams: routeParams,
|
|
181
|
+
settings: settings,
|
|
182
|
+
collapsed: collapsed
|
|
183
|
+
})]
|
|
147
184
|
})]
|
|
148
185
|
}), jsx("div", {
|
|
149
186
|
className: "p-4",
|
|
@@ -154,6 +191,20 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
154
191
|
settings: settings
|
|
155
192
|
})
|
|
156
193
|
})]
|
|
194
|
+
})]
|
|
195
|
+
});
|
|
196
|
+
};
|
|
197
|
+
return jsxs("div", {
|
|
198
|
+
children: [!isMobile && jsxs("aside", {
|
|
199
|
+
className: `${deviceLayout?.fixedSidebar ? 'fixed' : 'relative'} border-r border-border z-20 h-screen bg-card text-card-foreground md:block flex-shrink-0 transition-all duration-300 ease-in-out ${collapsed ? 'w-16' : 'w-64'}`,
|
|
200
|
+
children: [menuHeaderRender && isSideMenuLayout && jsx("div", {
|
|
201
|
+
className: "border-b border-border py-1 flex items-center justify-center",
|
|
202
|
+
children: jsx(SideMenuLogoSlot, {
|
|
203
|
+
settings: settings,
|
|
204
|
+
location: location
|
|
205
|
+
})
|
|
206
|
+
}), jsx("div", {
|
|
207
|
+
children: renderSidebarContent()
|
|
157
208
|
}), jsx("div", {
|
|
158
209
|
className: "flex-shrink-0 p-4 border-t border-border",
|
|
159
210
|
children: jsx(BottomMenuDropDown, {
|
|
@@ -162,19 +213,28 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
162
213
|
routeParams: routeParams
|
|
163
214
|
})
|
|
164
215
|
})]
|
|
165
|
-
});
|
|
166
|
-
};
|
|
167
|
-
return jsxs("div", {
|
|
168
|
-
children: [!isMobile && jsx("aside", {
|
|
169
|
-
className: `${deviceLayout?.fixedSidebar ? 'fixed' : 'relative'} border-r border-border z-20 h-screen bg-card text-card-foreground md:block flex-shrink-0 transition-all duration-300 ease-in-out ${collapsed ? 'w-16' : 'w-64'}`,
|
|
170
|
-
children: renderSidebarContent()
|
|
171
216
|
}), isSideMenuOpen && isMobile && jsx("div", {
|
|
172
217
|
className: "fixed inset-0 z-10 flex items-end bg-black bg-opacity-50 sm:items-center sm:justify-center transition-opacity duration-300",
|
|
173
218
|
onClick: closeSideMenu
|
|
174
|
-
}), isSideMenuOpen && isMobile &&
|
|
219
|
+
}), isSideMenuOpen && isMobile && jsxs("aside", {
|
|
175
220
|
id: "mobile-sidebar",
|
|
176
221
|
className: `fixed inset-0 z-20 flex-shrink-0 bg-card text-card-foreground md:hidden transition-transform duration-300 ease-in-out transform ${collapsed ? 'w-16' : 'w-64'}`,
|
|
177
|
-
children:
|
|
222
|
+
children: [menuHeaderRender && isSideMenuLayout && jsx("div", {
|
|
223
|
+
className: "border-b border-border flex items-center justify-center",
|
|
224
|
+
children: jsx(SideMenuLogoSlot, {
|
|
225
|
+
settings: settings,
|
|
226
|
+
location: location
|
|
227
|
+
})
|
|
228
|
+
}), jsx("div", {
|
|
229
|
+
children: renderSidebarContent()
|
|
230
|
+
}), jsx("div", {
|
|
231
|
+
className: "flex-shrink-0 p-4 border-t border-border",
|
|
232
|
+
children: jsx(BottomMenuDropDown, {
|
|
233
|
+
menus: bottomMenusData,
|
|
234
|
+
collapsed: collapsed,
|
|
235
|
+
routeParams: routeParams
|
|
236
|
+
})
|
|
237
|
+
})]
|
|
178
238
|
})]
|
|
179
239
|
});
|
|
180
|
-
};export{
|
|
240
|
+
};export{MainSidebar,MainSidebar as default};//# sourceMappingURL=MainSidebar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MainSidebar.js","sources":["../../../../src/components/Layout/Sidebar/MainSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MainSidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/MainSidebarMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAqZjD,eAAO,MAAM,eAAe,8CAAuC,CAAC"}
|