@admin-layout/tailwind-design-pro 12.0.16-alpha.24 → 12.0.16-alpha.26
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/lib/components/Layout/BasicLayout/index.d.ts +1 -1
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +12 -8
- package/lib/components/Layout/BasicLayout/index.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 +74 -6
- package/lib/components/Layout/GlobalHeader/RightContent.js.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/MainSidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebar.js +1 -2
- package/lib/components/Layout/Sidebar/MainSidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js +250 -133
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +8 -5
- package/lib/components/Layout/TailwindLayout.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/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +10 -2
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +4 -1
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +2 -0
- package/lib/machines/types.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { BasicLayoutProps, GlobalHeaderProps } from '@admin-layout/client';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export declare const useHorizontalScroll: ({ setScrolled, setSearchOptionsShown, onScrollReachEnd }: {
|
|
4
4
|
setScrolled: any;
|
|
5
5
|
setSearchOptionsShown: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAKhB,iBAAiB,EAEpB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAA+C,MAAM,OAAO,CAAC;AAcpE,eAAO,MAAM,mBAAmB,GAAI;;;;CAAwD,sCAkC3F,CAAC;AAgCF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAC9B,gBAAgB,GAAG,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,GAAG,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAgT3F,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import {Outlet}from'@remix-run/react';import {omit}from'lodash-es';import {useState,useEffect,useRef,useMemo}from'react';import warning from'warning';import {config}from'../../../config/env-config.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.js';import isBrowser from'../../../utils/isBrowser/index.js';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {getPageTitleInfo}from'../getPageTitle.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'@remix-run/router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import {GlobalHeader}from'../GlobalHeader/Header.js';import {MainSidebar}from'../Sidebar/MainSidebar.js';import {PerplexSidebar}from'../Sidebar/PerplexSidebar.js';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';const useHorizontalScroll = ({
|
|
2
2
|
setScrolled,
|
|
3
3
|
setSearchOptionsShown,
|
|
4
4
|
onScrollReachEnd
|
|
@@ -65,6 +65,7 @@ const BasicLayout = props => {
|
|
|
65
65
|
const [siderPinned, setSiderPinned] = useState(false);
|
|
66
66
|
const {
|
|
67
67
|
menuData,
|
|
68
|
+
fullMenuData,
|
|
68
69
|
location,
|
|
69
70
|
routeParams,
|
|
70
71
|
settings,
|
|
@@ -202,6 +203,8 @@ const BasicLayout = props => {
|
|
|
202
203
|
const shouldShowSidebar = isSidebarLayout && showHeaderMenu && isAppShell;
|
|
203
204
|
// Compute margin-left based on layout type and state
|
|
204
205
|
const computedMarginLeft = shouldApplySidebarMargin ? !isPerplexLayout ? collapsed ? '64px' : '256px' : !siderPinned ? '92px' : '316px' : '0px';
|
|
206
|
+
const memoizedMenuData = useMemo(() => menuData, [menuData]); // Only recompute if menuData changes
|
|
207
|
+
const memoizedRouteParams = useMemo(() => routeParams, [routeParams]); // Stable reference for routeParams
|
|
205
208
|
return jsxs("div", {
|
|
206
209
|
className: getBackgroundClasses(),
|
|
207
210
|
ref: horizontalScrollRef,
|
|
@@ -213,14 +216,14 @@ const BasicLayout = props => {
|
|
|
213
216
|
children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
214
217
|
toggleSideMenu: toggleSideMenu,
|
|
215
218
|
settings: settings,
|
|
216
|
-
upperMenus: getMenuSeparation(
|
|
217
|
-
routeParams:
|
|
219
|
+
upperMenus: getMenuSeparation(memoizedMenuData).upperMenus,
|
|
220
|
+
routeParams: memoizedRouteParams,
|
|
218
221
|
collapsed: collapsed,
|
|
219
222
|
...props
|
|
220
223
|
}), LAYOUT_ROOT === '/' && deviceSettings?.header?.showHeader && jsx(MainHeader, {
|
|
221
224
|
scrolled: scrolled,
|
|
222
225
|
location: location,
|
|
223
|
-
menuData:
|
|
226
|
+
menuData: memoizedMenuData,
|
|
224
227
|
settings: settings,
|
|
225
228
|
pageTitleInfo: pageTitleInfo,
|
|
226
229
|
onSettingChange: onSettingChange,
|
|
@@ -234,20 +237,20 @@ const BasicLayout = props => {
|
|
|
234
237
|
children: [shouldShowSidebar && !isPerplexLayout && jsx(MainSidebar, {
|
|
235
238
|
isSideMenuOpen: isSideMenuOpen,
|
|
236
239
|
closeSideMenu: closeSideMenu,
|
|
237
|
-
menuData:
|
|
240
|
+
menuData: memoizedMenuData,
|
|
238
241
|
collapsed: collapsed,
|
|
239
242
|
setCollapsed: setCollapsed,
|
|
240
|
-
routeParams:
|
|
243
|
+
routeParams: memoizedRouteParams,
|
|
241
244
|
settings: settings,
|
|
242
245
|
siderPinned: siderPinned,
|
|
243
246
|
setSiderPinned: setSiderPinned
|
|
244
247
|
}), shouldShowSidebar && isPerplexLayout && jsx(PerplexSidebar, {
|
|
245
248
|
isSideMenuOpen: isSideMenuOpen,
|
|
246
249
|
closeSideMenu: closeSideMenu,
|
|
247
|
-
menuData:
|
|
250
|
+
menuData: memoizedMenuData,
|
|
248
251
|
collapsed: collapsed,
|
|
249
252
|
setCollapsed: setCollapsed,
|
|
250
|
-
routeParams:
|
|
253
|
+
routeParams: memoizedRouteParams,
|
|
251
254
|
settings: settings,
|
|
252
255
|
layoutSettings: layoutSettings,
|
|
253
256
|
siderPinned: siderPinned,
|
|
@@ -273,6 +276,7 @@ const BasicLayout = props => {
|
|
|
273
276
|
},
|
|
274
277
|
actor: actor,
|
|
275
278
|
colorList: getThemeColors(settings?.theme),
|
|
279
|
+
fullMenuData: fullMenuData,
|
|
276
280
|
...props
|
|
277
281
|
}), jsxs("main", {
|
|
278
282
|
className: "relative",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GlobalHeaderRightProps } from '../../typings';
|
|
3
|
+
export declare const useHorizontalScroll: () => React.MutableRefObject<HTMLDivElement>;
|
|
3
4
|
export declare const RightContent: React.FC<GlobalHeaderRightProps>;
|
|
4
5
|
//# sourceMappingURL=RightContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,8CAsB/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA4EzD,CAAC"}
|
|
@@ -1,13 +1,81 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {useExtensionController}from'@adminide-stack/extension-api/lib/react/index.js';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const useHorizontalScroll = () => {
|
|
2
|
+
const elRef = useRef(null);
|
|
3
|
+
useEffect(() => {
|
|
4
|
+
const el = elRef.current;
|
|
5
|
+
if (el) {
|
|
6
|
+
const onWheel = e => {
|
|
7
|
+
if (e.deltaY === 0) return;
|
|
8
|
+
e.preventDefault();
|
|
9
|
+
el.scrollTo({
|
|
10
|
+
left: el.scrollLeft + e.deltaY,
|
|
11
|
+
behavior: 'smooth'
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
el.addEventListener('wheel', onWheel);
|
|
15
|
+
return () => {
|
|
16
|
+
el.removeEventListener('wheel', onWheel);
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
}, []);
|
|
20
|
+
return elRef;
|
|
21
|
+
};
|
|
22
|
+
const RightContent = props => {
|
|
2
23
|
const {
|
|
3
|
-
|
|
24
|
+
theme,
|
|
25
|
+
layout,
|
|
4
26
|
upperMenus,
|
|
5
|
-
|
|
6
|
-
collapsed
|
|
27
|
+
routeParams,
|
|
28
|
+
collapsed,
|
|
29
|
+
settings
|
|
7
30
|
} = props;
|
|
31
|
+
const [navBarItems, setNavBarItems] = useState([]);
|
|
32
|
+
const scrollRef = useHorizontalScroll();
|
|
33
|
+
const controller = useExtensionController();
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (controller) {
|
|
36
|
+
const subscription = controller.services.contribution.getContributions().subscribe(({
|
|
37
|
+
pageNavBar
|
|
38
|
+
}) => {
|
|
39
|
+
setNavBarItems(pageNavBar || []);
|
|
40
|
+
});
|
|
41
|
+
return () => subscription.unsubscribe();
|
|
42
|
+
}
|
|
43
|
+
}, [controller]);
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
const ele = document.getElementById('item-wrapper');
|
|
46
|
+
if (ele) {
|
|
47
|
+
if (check(ele)) {
|
|
48
|
+
ele.style.boxShadow = 'inset 0 0 5px #e2e2e2';
|
|
49
|
+
} else {
|
|
50
|
+
ele.style.boxShadow = 'none';
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
const check = el => {
|
|
55
|
+
const curOverflow = el.style.overflow;
|
|
56
|
+
if (!curOverflow || curOverflow === 'visible') {
|
|
57
|
+
el.style.overflow = 'hidden';
|
|
58
|
+
}
|
|
59
|
+
const isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
|
|
60
|
+
el.style.overflow = curOverflow;
|
|
61
|
+
return isOverflowing;
|
|
62
|
+
};
|
|
8
63
|
return jsxs("div", {
|
|
9
|
-
className:
|
|
64
|
+
className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`,
|
|
10
65
|
children: [jsx("div", {
|
|
66
|
+
id: "item-wrapper",
|
|
67
|
+
ref: scrollRef,
|
|
68
|
+
className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1",
|
|
69
|
+
children: navBarItems.map((item, index) => {
|
|
70
|
+
if (item.position === 'right' && item.component) {
|
|
71
|
+
return jsx("div", {
|
|
72
|
+
className: "flex-shrink-0",
|
|
73
|
+
children: item.component(props)
|
|
74
|
+
}, index);
|
|
75
|
+
}
|
|
76
|
+
return null;
|
|
77
|
+
})
|
|
78
|
+
}), jsx("div", {
|
|
11
79
|
className: "relative",
|
|
12
80
|
children: jsx(LanguageMenu, {})
|
|
13
81
|
}), jsx("div", {
|
|
@@ -20,4 +88,4 @@ import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../Languag
|
|
|
20
88
|
})
|
|
21
89
|
})]
|
|
22
90
|
});
|
|
23
|
-
};export{RightContent};//# sourceMappingURL=RightContent.js.map
|
|
91
|
+
};export{RightContent,useHorizontalScroll};//# sourceMappingURL=RightContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"uSAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAc,MAAA,CAAA,IAAuB,CAAA;WAE5B,CAAA,MAAM;AACX,IAAA,MAAA,EAAA,GAAQ,KAAQ,CAAA;QAChB,EAAI,EAAA;AACA,MAAA,MAAA,OAAa,GAAA,CAAA,IAAA;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAQ,CAAA,EAAA;wBAAe,EAAA;mBACX,CAAA;gBAChB,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,OAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAmB;AACnB,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,OAAA;AACJ;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAa;AACT,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAe;AAEf,IAAA,WAAgB;IAEhB,SAAS;;AAED,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,CAAA,WAAA,EAAA,cAAe,CAAA,GAAA,QAAiB,CAAC,EAAA,CAAA;AACrC,EAAA,MAAA,SAAG,GAAA,mBAAA,EAAA;AACH,EAAA,MAAA,UAAA,yBAA0B,EAAA;WAC7B,CAAA,MAAA;AACL,IAAA,IAAI,UAAU,EAAE;MAEP,MAAA,YAAM,GAAA,UAAA,CAAA,QAAA,CAAA,YAAA,CAAA,gBAAA,EAAA,CAAA,SAAA,CAAA,CAAA;QACX;YACI;AACA,QAAA,cAAU,CAAG,UAAI,IAAA,EAAA,CAAA;AACb,OAAA,CAAA;aACH,MAAA,YAAA,CAAA,WAAA,EAAA;;AACG,GAAA,EAAA,CAAA,UAAA,CAAA,CAAA;YACJ,MAAC;UACJ,GAAA,GAAA,QAAA,CAAA,cAAA,CAAA,cAAA,CAAA;AACL,IAAA,IAAG,GAAA,EAAA;AAEH,MAAA,IAAM,KAAK,CAAA,GAAI,CAAA;AACX,QAAA,GAAA,CAAA,eAAoB,GAAE,uBAAgB;AACtC,OAAA,MAAK;AACD,QAAA,GAAA,CAAA,KAAQ,CAAA,SAAS,GAAA;;AAErB;AACA,GAAA,CAAA;AACA,EAAA,MAAA,KAAA;AACJ,IAAA,MAAE,WAAA,GAAA,EAAA,CAAA,KAAA,CAAA,QAAA;IAEF,IAAI,CAAA,WAAA,IAAiB,WAAQ,KAAA,SAAA,EAAA;MACzB,EAAA,CAAA,cAAgB,GAAA,QAAU;;IAE9B,MAAC,aAAA,GAAA,EAAA,CAAA,WAAA,GAAA,EAAA,CAAA,WAAA,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;AAED,IAAA,EAAA,CAAA,KACI,CAAK,QAAA,GAAA,WAAA;wBAOW;AACA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { LinksFunction } from '@remix-run/node';
|
|
3
1
|
import { BasicLayoutProps } from '@admin-layout/client';
|
|
2
|
+
import type { LinksFunction } from '@remix-run/node';
|
|
3
|
+
import * as React from 'react';
|
|
4
4
|
declare const ProTailwindLayout: React.FC<BasicLayoutProps & {
|
|
5
5
|
loaderData?: any;
|
|
6
6
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EAMnB,MAAM,sBAAsB,CAAC;AAO9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2E/B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CAyBxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}
|
|
@@ -1,17 +1,73 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useSelector } from 'react-redux';
|
|
3
2
|
import { filterRoutesWithLocale, transformData, addProLayoutParentKeys, removeUnnecessaryProperties, menuDataRender } from '@admin-layout/client';
|
|
4
3
|
import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
|
|
5
|
-
import { ClientContainerService } from 'common';
|
|
6
4
|
import { ClientTypes } from '@common-stack/client-core';
|
|
5
|
+
import { getAvailableCategories, getMenusByAdvancedFilter } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
|
|
6
|
+
import { ClientContainerService } from 'common';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { useSelector } from 'react-redux';
|
|
7
9
|
import { createSelector } from 'reselect';
|
|
8
|
-
import BasicLayoutEnhanced from './TailwindLayout.js';
|
|
9
10
|
import { config } from '../../config/env-config.js';
|
|
11
|
+
import BasicLayoutEnhanced from './TailwindLayout.js';
|
|
10
12
|
import stylesheet from '../../styles/index.css?url';
|
|
11
13
|
const selectOrgName = state => state.platform.orgName;
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
+
const selectSettings = state => state.settings;
|
|
15
|
+
const selector = createSelector([selectOrgName, selectSettings], (orgName, settings) => ({
|
|
16
|
+
orgName,
|
|
17
|
+
settings
|
|
14
18
|
}));
|
|
19
|
+
/**
|
|
20
|
+
* Filter menu items based on user visibility settings using filteredRoutes utilities
|
|
21
|
+
*/
|
|
22
|
+
function filterMenuItemsByVisibility(menuData, settings) {
|
|
23
|
+
if (!menuData || !Array.isArray(menuData)) return [];
|
|
24
|
+
const hiddenMenuCategories = settings?.hiddenMenuCategories || [];
|
|
25
|
+
// Deduplicate hiddenMenuKeys using Set for consistent behavior
|
|
26
|
+
const hiddenMenuKeys = settings?.hiddenMenuKeys ? Array.from(new Set(settings.hiddenMenuKeys)) : [];
|
|
27
|
+
// Convert menu data to format expected by filteredRoutes utilities
|
|
28
|
+
const menuItemsWithCategories = menuData.map(item => ({
|
|
29
|
+
...item,
|
|
30
|
+
// Use position as category for filtering
|
|
31
|
+
category: item.position || 'default',
|
|
32
|
+
// Ensure key exists for filtering
|
|
33
|
+
key: item.key || item.path || ''
|
|
34
|
+
}));
|
|
35
|
+
// Step 1: Filter by categories using advanced filter
|
|
36
|
+
const availableCategories = getAvailableCategories(menuItemsWithCategories);
|
|
37
|
+
const visibleCategories = availableCategories.filter(category => !hiddenMenuCategories.includes(category.toLowerCase()));
|
|
38
|
+
let filteredByCategory = menuItemsWithCategories;
|
|
39
|
+
if (visibleCategories.length !== availableCategories.length) {
|
|
40
|
+
// Use advanced filter to get menus by visible categories
|
|
41
|
+
const filters = {
|
|
42
|
+
categories: visibleCategories.length > 0 ? visibleCategories : ['__no_matches__'] // Empty array would show all
|
|
43
|
+
};
|
|
44
|
+
const filteredMenuMaps = getMenusByAdvancedFilter(menuItemsWithCategories, filters);
|
|
45
|
+
// Convert back to array format
|
|
46
|
+
filteredByCategory = filteredMenuMaps.map(menuMap => {
|
|
47
|
+
const path = Object.keys(menuMap)[0];
|
|
48
|
+
return {
|
|
49
|
+
...menuMap[path],
|
|
50
|
+
path
|
|
51
|
+
};
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
// Step 2: Filter out individually hidden items recursively
|
|
55
|
+
const filterItemsRecursively = items => {
|
|
56
|
+
return items.filter(item => {
|
|
57
|
+
if (!item?.key) return false;
|
|
58
|
+
// Skip if this specific item is hidden
|
|
59
|
+
if (hiddenMenuKeys.includes(item.key)) {
|
|
60
|
+
return false;
|
|
61
|
+
}
|
|
62
|
+
// Process children recursively
|
|
63
|
+
if (item.children && Array.isArray(item.children) && item.children.length > 0) {
|
|
64
|
+
item.children = filterItemsRecursively(item.children);
|
|
65
|
+
}
|
|
66
|
+
return true;
|
|
67
|
+
});
|
|
68
|
+
};
|
|
69
|
+
return filterItemsRecursively(filteredByCategory);
|
|
70
|
+
}
|
|
15
71
|
const ProTailwindLayout = props => {
|
|
16
72
|
const {
|
|
17
73
|
loaderData: {
|
|
@@ -20,15 +76,21 @@ const ProTailwindLayout = props => {
|
|
|
20
76
|
}
|
|
21
77
|
} = props;
|
|
22
78
|
const {
|
|
23
|
-
orgName
|
|
79
|
+
orgName,
|
|
80
|
+
settings
|
|
24
81
|
} = useSelector(state => selector(state));
|
|
82
|
+
// Apply menu visibility filters
|
|
83
|
+
const filteredMenuData = React.useMemo(() => {
|
|
84
|
+
return filterMenuItemsByVisibility(newMenuData, settings);
|
|
85
|
+
}, [newMenuData, settings?.hiddenMenuCategories, settings?.hiddenMenuKeys]);
|
|
25
86
|
const params = {
|
|
26
87
|
orgName: orgName
|
|
27
88
|
};
|
|
28
89
|
return jsx(BasicLayoutEnhanced, {
|
|
29
90
|
routeParams: params,
|
|
30
91
|
permissions: permissions,
|
|
31
|
-
menuData:
|
|
92
|
+
menuData: filteredMenuData,
|
|
93
|
+
fullMenuData: newMenuData
|
|
32
94
|
});
|
|
33
95
|
};
|
|
34
96
|
const handle = {
|
|
@@ -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":"gtBAyBA,MAAM,aAAa,GAAG,KAAC,IAAO,KAAG,CAAA,QAAM,CAAA,OAAS;AAChD,MAAM,cAAc,GAAG,KAAM,SAAK,CAAA,QAAM;AAExC,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,aAAa,EAAE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,MAAM;AAEzF,EAAA,OAAA;;AAEG,CAAA,CAAA,CAAA;AACH;;AAC+C;AAE3C,SAAA,2BAA6B,CAAA,QAA8B,EAAA,QAAA,EAAA;MACI,CAAA,QAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA,EAAA;QACzD,oBAAiB,GAAA,QAAU,EAAA,oBAA2B,IAAC;;QAGvD,cAAA,GAAA,QAAuB,EAAG,cAAa,GAAK,KAAI,CAAA,IAAE,CAAA,IAAA,GAAA,CAAA,QAAA,CAAA,cAAA,CAAA,CAAA,GAAA,EAAA;AACpD;QACA,uBAAyC,GAAA,QAAA,CAAA,GAAA,CAAA,IAAA,KAAA;AACzC,IAAA,GAAA,IAAA;;YAEG,MAAO,CAAA,QAAW,IAAK,SAAM;AACnC;IAED,GAAqD,EAAA,IAAA,CAAA,GAAA,IAAA,IAAA,CAAA,IAAA,IAAA;AACrD,GAAA,CAAA,CAAA;;QAKI,mBAAqB,GAAA,sBAAuB,CAAC,uBAAA,CAAA;QAC7C,iBAAiB,GAAO,mCAA+B,IAAG,CAAA,oBAAA,CAAA,QAAA,CAAA,QAAA,CAAA,WAAA,EAAA,CAAA,CAAA;wBACD,GAAA,uBAAA;AACzD,EAAA,IAAA,iBAAgB,CAAA,MAAA,KAAA,mBAAA,CAAA,MAAA,EAAA;AACZ;UACF,OAAA,GAAA;gBAEI,EAAA,iBAA2C,CAAA,MAAA,GAAA,CAAA,GAAA,qCAA0B,CAAA;;UAEzD,gBAAA,GAAG,wBAAsB,CAAA,uBAAW,EAAA,OAAA,CAAA;;yBAE/B,gBAAY,CAAA,GAAE,CAAC,OAAA,IAAA;AACtC,MAAA,MAAG,IAAA,GAAA,MAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;MACN,OAAA;QAE0D,GAAA,OAAA,CAAA,IAAA,CAAA;AAC3D,QAAA;AACI,OAAA;;AACoB;;8BAGE,GAAS,KAAA;AACvB,IAAA,OAAA,KAAA,CAAA,MAAO,KAAK,IAAC;eAChB,EAAA,GAAA,EAAA,OAAA,KAAA;;wBAGgB,CAAA,QAAI,KAAK,CAAC,GAAA,CAAA,EAAA;oBACnB;;AAGR;AACJ,MAAA,IAAE,IAAC,CAAA,QAAA,IAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,QAAA,CAAA,IAAA,IAAA,CAAA,QAAA,CAAA,MAAA,GAAA,CAAA,EAAA;AACP,QAAE,IAAA,CAAA,QAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,QAAA,CAAA;AAEF;AACJ,MAAC,OAAA,IAAA;AAED,KAAA,CAAM;;AAKF,EAAA,OAAA,sBAA2B,CAAA,kBAGnB,CAAA;;AAGR,MAAA,oBAAsB,KAAG,IAAM;AAC3B,EAAA,MAAA;AACJ,IAAA,UAAe,EAAA;AAEf,MAAA,WAAe;MAER;AAQX;AACA,GAAA,GAAA,KAAA;AAEA,EAAM,MAAO;AACT,IAAA,OAAY;IACd;AACF,GAAA,GAAM,WAAO,CAAK,KAAqB,IAAG,QAAQ;AAElD;AACI,EAAA,MAAA,gBAAmB,QAAW,CAAA,cAAS;IACvC,OAAI,2BAAiB,CAAA,WAAA,EAAA,QAAA,CAAA;AACrB,GAAA,EAAA,CAAA,WAAK,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,cAAA,CAAA,CAAA;QACD,MAAW,GAAA;IACf,OAAC,EAAA;;AACG,EAAA,OAAAA,GAAA,CAAAC,mBAAe,EAAA;IACnB,WAAC,EAAA,MAAA;IAED,WAAM,EAAA,WAAkB;AACxB,IAAA,0BAA0B;AAC1B,IAAA;AACA,GAAA,CAAA;AACA;AAEgB,MAAA,MAAA,GAAE;AACd,EAAA,IAAA,EAAA;;AAEY,MAAA,KAAA,GAAA,MAAG,CAAA;AACf,EAAA,GAAA,EAAA,YAAU;MACb,EAAA;;AAEM,MAAA,MAAA,GAAA,MAAA,MAAA,IAAA;QACH;;MAEF,MAAA,CAAA,OAAA;AACN,EAAE,IAAA,WAAA,GAAA,EAAA;AAEF,EAAM,IAAA;IACF,WAA4E,GAAA,gBAAA,CAAA,WAAA,EAAA,MAAA,CAAA,WAAA,CAAA;AAC5E,GAAA,CAAA,OAAgB,CAAA,EAAA;AAChB,IAAA,OAAQ,CAAA,GAAA,CAAA,CAAA,CAAA;AAER;AACI,EAAA,MAAA,eAAiB,GAAA,kCAAwC,CAAA,QAAA,CAAA,CAAA;QAEzD,iBAAiB,GAAG,aAAa,CAAC,eAAyB,CAAA;AAC3D,EAAA,MAAA,sBAAoB,GAAA,sBAAa,CAAA,iBAAA,CAAA;wBAE3B,CAAA,OAAA,CAAmB,IAAG,IAAA,2BAAoC,CAAA,IAAC,CAA2B,CAAA;AAC5F,EAAA,IAAA,WAAA,GAAA,MAAA,EAAoB,YAAQ,EAAA,WAAa;MAC5C,WAAA,GAAA,MAAA,EAAA,YAAA,EAAA,WAAA;MAAQ,CAAA,WAAI,EAAA;AACT,IAAA,MAAA,IAAA,KAAQ,CAAA,uBAAM,CAAA;AACd;MACH,CAAA,WAAA,EAAA;AACD,IAAA,MAAA,iCAAkB,CAAA;AACtB;AAEA,EAAM,MAAO,WAAA,GAAA,cAAsB,CAAA,eAAe,EAAA,WAAgB,CAAA;AAC9D,EAAA,OAAA;AACJ,IAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/MainSidebar.tsx"],"names":[],"mappings":"
|
|
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;AAM7C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwM9C,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';const MainSidebar = props => {
|
|
2
2
|
const {
|
|
3
3
|
isSideMenuOpen,
|
|
4
4
|
closeSideMenu,
|
|
@@ -9,7 +9,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
9
9
|
setCollapsed,
|
|
10
10
|
location
|
|
11
11
|
} = props;
|
|
12
|
-
const [isPagesMenuOpen, setIsPagesMenuOpen] = useState(false);
|
|
13
12
|
const [iconModule, setIconModule] = React__default.useState(null);
|
|
14
13
|
const {
|
|
15
14
|
t,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainSidebar.js","sources":["../../../../src/components/Layout/Sidebar/MainSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MainSidebar.js","sources":["../../../../src/components/Layout/Sidebar/MainSidebar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SidebarMenuProps } from '../../typings';
|
|
3
|
-
export declare const MainSidebarMenu: React.
|
|
3
|
+
export declare const MainSidebarMenu: React.NamedExoticComponent<SidebarMenuProps>;
|
|
4
4
|
//# sourceMappingURL=MainSidebarMenu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainSidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/MainSidebarMenu.tsx"],"names":[],"mappings":"
|
|
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;AAmZjD,eAAO,MAAM,eAAe,8CAAuC,CAAC"}
|