@admin-layout/tailwind-design-pro 12.0.16-alpha.56 → 12.0.16-alpha.58
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.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +43 -27
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/BasicLayout/utils.js +4 -4
- 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/Account.js +147 -0
- package/lib/components/Layout/GlobalFooter/Account.js.map +1 -0
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts.map +1 -1
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js +3 -10
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +1 -1
- 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 +16 -75
- package/lib/components/Layout/GlobalHeader/MainHeader.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/Sidebar/MainSidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebar.js +9 -2
- package/lib/components/Layout/Sidebar/MainSidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebar.js +12 -15
- package/lib/components/Layout/Sidebar/PerplexSidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js +4 -16
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +20 -19
- package/lib/components/Layout/TailwindLayout.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/SettingDrawer/SettingDrawer.d.ts.map +1 -1
- package/lib/components/SettingDrawer/SettingDrawer.js +94 -26
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/typings.d.ts +3 -0
- package/lib/components/typings.d.ts.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 +23 -5
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +101 -73
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +30 -3
- package/lib/machines/types.d.ts.map +1 -1
- package/package.json +4 -4
- 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 -130
- package/lib/components/Layout/GlobalHeader/Logo.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAIhB,iBAAiB,EAGpB,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,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAIhB,iBAAiB,EAGpB,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,CAmW3F,CAAC"}
|
|
@@ -231,12 +231,14 @@ const BasicLayout = props => {
|
|
|
231
231
|
};
|
|
232
232
|
// Derived layout flags for clarity
|
|
233
233
|
const isSidebarLayout = layoutSettings?.navigationMode !== 'topbar';
|
|
234
|
-
const
|
|
234
|
+
const showMenu = deviceSettings?.header?.showMenu;
|
|
235
|
+
const showHeader = deviceSettings?.header?.showHeader;
|
|
235
236
|
const hasFixedSidebar = layoutSettings?.fixedSidebar;
|
|
236
237
|
const isPerplexLayout = settings?.sideMenuType === 'perplexLayout';
|
|
237
238
|
const isAppShell = LAYOUT_ROOT != '/';
|
|
238
|
-
const shouldApplySidebarMargin = isSidebarLayout &&
|
|
239
|
-
const shouldShowSidebar = isSidebarLayout &&
|
|
239
|
+
const shouldApplySidebarMargin = isSidebarLayout && showMenu && hasFixedSidebar && !isMobile;
|
|
240
|
+
const shouldShowSidebar = isSidebarLayout && showMenu;
|
|
241
|
+
const sideBarMarginTop = !isAppShell && showHeader ? '5rem' : '';
|
|
240
242
|
// Compute margin-left based on layout type and state
|
|
241
243
|
const computedMarginLeft = shouldApplySidebarMargin ? !isPerplexLayout ? collapsed ? '64px' : '256px' : !siderPinned ? '92px' : '316px' : '0px';
|
|
242
244
|
const memoizedMenuData = useMemo(() => menuData, [menuData]); // Only recompute if menuData changes
|
|
@@ -267,32 +269,46 @@ const BasicLayout = props => {
|
|
|
267
269
|
setSearchOptionsShown: setSearchOptionsShown,
|
|
268
270
|
authorities: authorities,
|
|
269
271
|
picture: picture,
|
|
270
|
-
componentVisibility: componentVisibility
|
|
272
|
+
componentVisibility: componentVisibility,
|
|
273
|
+
showMenu: showMenu
|
|
271
274
|
}), jsxs("div", {
|
|
272
275
|
className: "bg-background",
|
|
273
|
-
children: [shouldShowSidebar && !isPerplexLayout && jsx(
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
276
|
+
children: [shouldShowSidebar && !isPerplexLayout && jsx("div", {
|
|
277
|
+
style: {
|
|
278
|
+
marginTop: sideBarMarginTop
|
|
279
|
+
},
|
|
280
|
+
children: jsx(MainSidebar, {
|
|
281
|
+
isSideMenuOpen: isSideMenuOpen,
|
|
282
|
+
closeSideMenu: closeSideMenu,
|
|
283
|
+
menuData: memoizedMenuData,
|
|
284
|
+
collapsed: collapsed,
|
|
285
|
+
setCollapsed: setCollapsed,
|
|
286
|
+
routeParams: memoizedRouteParams,
|
|
287
|
+
settings: settings,
|
|
288
|
+
siderPinned: siderPinned,
|
|
289
|
+
setSiderPinned: setSiderPinned,
|
|
290
|
+
showHeader: showHeader
|
|
291
|
+
})
|
|
292
|
+
}), shouldShowSidebar && isPerplexLayout && jsx("div", {
|
|
293
|
+
style: {
|
|
294
|
+
marginTop: sideBarMarginTop
|
|
295
|
+
},
|
|
296
|
+
children: jsx(PerplexSidebar, {
|
|
297
|
+
isSideMenuOpen: isSideMenuOpen,
|
|
298
|
+
closeSideMenu: closeSideMenu,
|
|
299
|
+
menuData: memoizedMenuData,
|
|
300
|
+
collapsed: collapsed,
|
|
301
|
+
setCollapsed: setCollapsed,
|
|
302
|
+
routeParams: memoizedRouteParams,
|
|
303
|
+
settings: settings,
|
|
304
|
+
layoutSettings: layoutSettings,
|
|
305
|
+
deviceSettings: deviceSettings,
|
|
306
|
+
siderPinned: siderPinned,
|
|
307
|
+
setSiderPinned: setSiderPinned,
|
|
308
|
+
actor: actor,
|
|
309
|
+
sideBarMarginTop: sideBarMarginTop,
|
|
310
|
+
showHeader: showHeader
|
|
311
|
+
})
|
|
296
312
|
}), jsxs("div", {
|
|
297
313
|
className: "flex flex-col flex-1 bg-background",
|
|
298
314
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -90,15 +90,15 @@ const UserView = React.memo(({
|
|
|
90
90
|
className: "w-8 h-8 rounded-full bg-gray-300 flex items-center justify-center overflow-hidden ml-1 mb-1",
|
|
91
91
|
children: picture ? jsx("img", {
|
|
92
92
|
src: picture,
|
|
93
|
-
alt:
|
|
93
|
+
alt: "Account",
|
|
94
94
|
className: "w-full h-full object-cover"
|
|
95
95
|
}) : jsx("span", {
|
|
96
96
|
className: "text-sm",
|
|
97
|
-
children:
|
|
97
|
+
children: 'Account'.charAt(0)
|
|
98
98
|
})
|
|
99
99
|
}), !collapsed && jsx("span", {
|
|
100
100
|
className: "pl-2 text-sm",
|
|
101
|
-
children:
|
|
101
|
+
children: "Account"
|
|
102
102
|
})]
|
|
103
103
|
})
|
|
104
104
|
});
|
|
@@ -108,7 +108,7 @@ const FooterSubMenuItemRender = React.memo(({
|
|
|
108
108
|
collapsed,
|
|
109
109
|
layoutSettings
|
|
110
110
|
}) => {
|
|
111
|
-
if (item?.key === 'usermenu') {
|
|
111
|
+
if (item?.key === 'usermenu' || item?.key === 'account') {
|
|
112
112
|
return jsx(UserView, {
|
|
113
113
|
collapsed: collapsed,
|
|
114
114
|
layoutSettings: layoutSettings
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"6MAKgCA,IAC5B,CAAA,QAAA,EAAA;AAyBJ,EAAA,SAAO,EAAM,gDAAkF;AAC3F,EAAA,QAAM,EAAE,CAAAA,IAAA,CAAO,KAAK,EAAE;AACtB,IAAA,SAAQ,EAAA,qBAAwB;AAChC,IAAA,QAAQ,EAAA,CAAAC,GAAA,CAAQ,GAAE,EAAG;MAErB,IAAI,EAAA,qBAAoB;YACpB,EAAA,QACI;MA8BP,GAAA,EAAA,qBAAA;
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"6MAKgCA,IAC5B,CAAA,QAAA,EAAA;AAyBJ,EAAA,SAAO,EAAM,gDAAkF;AAC3F,EAAA,QAAM,EAAE,CAAAA,IAAA,CAAO,KAAK,EAAE;AACtB,IAAA,SAAQ,EAAA,qBAAwB;AAChC,IAAA,QAAQ,EAAA,CAAAC,GAAA,CAAQ,GAAE,EAAG;MAErB,IAAI,EAAA,qBAAoB;YACpB,EAAA,QACI;MA8BP,GAAA,EAAA,qBAAA;MAED,SACI,EAAA,qDAEwB;AAehC,MAAW,QAAA,EAAA;AAEX,KAAA,CAAM,EAACA,GAAA,CAAM,GAAA,EAAA;AAEL,MAAA,IAAI,EAAI,4BAA4B;YAChC,EAAA,QAAQ;MACX,GAAA,EAAA,qBAAA;AACD,MAAA,SAAO,EAAA,qDAA0B;AACrC,MACF,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAEF,QAAO,SAAM,EAAA,SAAe;AACxB,QAAI,IAAA,EAAA,cAAmB;AACvB,QAAA,OAAU,EAAA;QACN,UAAUA,GAAA,CAAA,MAAA,EAAA;UACV,CAAA,EAAI;SACJ;;AAEI,KAAA,CAAA;SACH,CAAA,KAAA,EAAA;IACL,SAAC,EAAA,uBAAA;AACL,IAAE,QAAA,EAAA,CAAA,EAAA,IAAA,IAAA,EAAA,CAAA,WAAA,EAAA,CAAA,eAAA;AAEF,GAAA,CAAA;;sBAGa,CAAA,IAAC,CAAE,CAAA;AAMhB,EAAE,SAAA;AAEF,EAAA;AACI,CAAA,KAAA;QACI;AACI,IAAA,OAAA,GAAA;AACI,GAAA,GAAA,cAAI,MAAK,IAAA,KAAA,EAAA,IAAA,IAAA,EAAA,CAAA;AACT,EAAA,MAAA;AACH,IAAA,MAAA;AACD,IAAA,IAAA;YACF;IACN;AACJ,GAAE,GAAA,OAAA,IAAA,EAAA;AAEF,EAAA,MAAA;AACA,IAAA;AACI,GAAA,GAAA;AACA,EAAA,IAAA,OAAQ,CAAA,OAAS,KAAK,MAAM,IAAI,IAAI,EAAE;AACtC,IAAA,OAAKA,GAAG,CAAA,KAAS;AAEjB,MAAC,SAAS,EAAA,MAAO;AACjB,MAAC,QAAS,EAAAA,GAAM,CAAC,KAAG,EAAI;AACxB,QAAC,SAAS,EAAK,UAAU;QAErB,QAAQ,EAAED,IAAK,CAAC,IAAC,EAAA;YACb,EAAC,QAAO;kBACF,EAAE,CAAA,CAAA,SAAK,IAAAA,IAAA,CAAA,QAAA,EAAA;AAErB,qBAAe,EAAA,qGAAkG;AACrH,YAAE,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/Account.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAiJ1B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {useAppSelector,generateMenuPath}from'@admin-layout/client';import {useNavigate,Link}from'@remix-run/react';import {FooterSubMenuItemRender}from'../BasicLayout/utils.js';const Account = props => {
|
|
2
|
+
const {
|
|
3
|
+
menus,
|
|
4
|
+
collapsed,
|
|
5
|
+
routeParams,
|
|
6
|
+
layoutSettings
|
|
7
|
+
} = props;
|
|
8
|
+
useNavigate();
|
|
9
|
+
const [isOpen, setIsOpen] = React.useState(false);
|
|
10
|
+
const [activeProfile, setActiveProfile] = React.useState('main');
|
|
11
|
+
const dropdownRef = React.useRef(null);
|
|
12
|
+
const {
|
|
13
|
+
profile = {}
|
|
14
|
+
} = useAppSelector(state => state?.user || {});
|
|
15
|
+
const {
|
|
16
|
+
nickname,
|
|
17
|
+
picture
|
|
18
|
+
} = profile || {};
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
const handleClickOutside = event => {
|
|
21
|
+
if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
|
|
22
|
+
setIsOpen(false);
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
26
|
+
return () => {
|
|
27
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
28
|
+
};
|
|
29
|
+
}, []);
|
|
30
|
+
const handleToggleDropdown = () => {
|
|
31
|
+
setIsOpen(!isOpen);
|
|
32
|
+
};
|
|
33
|
+
const handleProfileSwitch = profileType => {
|
|
34
|
+
setActiveProfile(profileType);
|
|
35
|
+
// Here you could add logic to switch user context or session
|
|
36
|
+
console.log(`Switched to ${profileType} profile`);
|
|
37
|
+
};
|
|
38
|
+
const accountMenuItems = menus?.menuData?.find(menu => menu.key === 'account');
|
|
39
|
+
return jsxs("div", {
|
|
40
|
+
className: "relative",
|
|
41
|
+
ref: dropdownRef,
|
|
42
|
+
children: [jsx("div", {
|
|
43
|
+
className: "cursor-pointer",
|
|
44
|
+
onClick: handleToggleDropdown,
|
|
45
|
+
onContextMenu: e => {
|
|
46
|
+
e.preventDefault();
|
|
47
|
+
handleToggleDropdown();
|
|
48
|
+
},
|
|
49
|
+
children: jsx(FooterSubMenuItemRender, {
|
|
50
|
+
item: accountMenuItems,
|
|
51
|
+
collapsed: collapsed,
|
|
52
|
+
layoutSettings: layoutSettings
|
|
53
|
+
})
|
|
54
|
+
}), isOpen && jsxs("div", {
|
|
55
|
+
className: "absolute bottom-full left-0 mb-2 bg-white border border-gray-200 rounded-lg shadow-xl z-50 w-80 overflow-hidden",
|
|
56
|
+
children: [jsx("div", {
|
|
57
|
+
className: "py-2",
|
|
58
|
+
children: accountMenuItems?.children?.map(item => jsxs(Link, {
|
|
59
|
+
className: "flex items-center justify-between px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 cursor-pointer transition-colors",
|
|
60
|
+
to: generateMenuPath(item.path, routeParams),
|
|
61
|
+
children: [jsxs("div", {
|
|
62
|
+
className: "flex items-center",
|
|
63
|
+
children: [jsx("span", {
|
|
64
|
+
className: "mr-3 text-base",
|
|
65
|
+
children: item.icon
|
|
66
|
+
}), jsx("span", {
|
|
67
|
+
children: item.name
|
|
68
|
+
})]
|
|
69
|
+
}), item.hasNotification && jsx("div", {
|
|
70
|
+
className: "w-2 h-2 bg-blue-500 rounded-full"
|
|
71
|
+
})]
|
|
72
|
+
}, item.key))
|
|
73
|
+
}), jsxs("div", {
|
|
74
|
+
className: "border-t border-gray-100 py-2",
|
|
75
|
+
children: [jsxs("div", {
|
|
76
|
+
className: `flex items-center justify-between px-4 py-2 hover:bg-gray-50 cursor-pointer transition-colors ${activeProfile === 'main' ? 'bg-blue-50' : ''}`,
|
|
77
|
+
onClick: () => handleProfileSwitch('main'),
|
|
78
|
+
children: [jsxs("div", {
|
|
79
|
+
className: "flex items-center",
|
|
80
|
+
children: [jsx("div", {
|
|
81
|
+
className: "w-8 h-8 rounded-full bg-red-500 flex items-center justify-center overflow-hidden mr-3",
|
|
82
|
+
children: picture ? jsx("img", {
|
|
83
|
+
src: picture,
|
|
84
|
+
alt: nickname || 'Guest',
|
|
85
|
+
className: "w-full h-full object-cover"
|
|
86
|
+
}) : jsx("span", {
|
|
87
|
+
className: "text-white text-sm font-medium",
|
|
88
|
+
children: (nickname || 'Guest').charAt(0).toUpperCase()
|
|
89
|
+
})
|
|
90
|
+
}), jsx("span", {
|
|
91
|
+
className: "text-sm font-medium",
|
|
92
|
+
children: nickname || 'Guest'
|
|
93
|
+
})]
|
|
94
|
+
}), activeProfile === 'main' && jsx("div", {
|
|
95
|
+
className: "w-4 h-4 bg-green-500 rounded-full flex items-center justify-center",
|
|
96
|
+
children: jsx("svg", {
|
|
97
|
+
className: "w-2 h-2 text-white",
|
|
98
|
+
fill: "currentColor",
|
|
99
|
+
viewBox: "0 0 20 20",
|
|
100
|
+
children: jsx("path", {
|
|
101
|
+
fillRule: "evenodd",
|
|
102
|
+
d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
|
|
103
|
+
clipRule: "evenodd"
|
|
104
|
+
})
|
|
105
|
+
})
|
|
106
|
+
})]
|
|
107
|
+
}), jsxs("div", {
|
|
108
|
+
className: `flex items-center justify-between px-4 py-2 hover:bg-gray-50 cursor-pointer transition-colors ${activeProfile === 'incognito' ? 'bg-blue-50' : ''}`,
|
|
109
|
+
onClick: () => handleProfileSwitch('incognito'),
|
|
110
|
+
children: [jsxs("div", {
|
|
111
|
+
className: "flex items-center",
|
|
112
|
+
children: [jsx("div", {
|
|
113
|
+
className: "w-8 h-8 rounded-full bg-gray-800 flex items-center justify-center mr-3",
|
|
114
|
+
children: jsxs("svg", {
|
|
115
|
+
className: "w-4 h-4 text-white",
|
|
116
|
+
fill: "currentColor",
|
|
117
|
+
viewBox: "0 0 20 20",
|
|
118
|
+
children: [jsx("path", {
|
|
119
|
+
fillRule: "evenodd",
|
|
120
|
+
d: "M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z",
|
|
121
|
+
clipRule: "evenodd"
|
|
122
|
+
}), jsx("path", {
|
|
123
|
+
d: "M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"
|
|
124
|
+
})]
|
|
125
|
+
})
|
|
126
|
+
}), jsx("span", {
|
|
127
|
+
className: "text-sm font-medium",
|
|
128
|
+
children: "Incognito"
|
|
129
|
+
})]
|
|
130
|
+
}), activeProfile === 'incognito' && jsx("div", {
|
|
131
|
+
className: "w-4 h-4 bg-gray-300 rounded-full flex items-center justify-center",
|
|
132
|
+
children: jsx("svg", {
|
|
133
|
+
className: "w-2 h-2 text-gray-600",
|
|
134
|
+
fill: "currentColor",
|
|
135
|
+
viewBox: "0 0 20 20",
|
|
136
|
+
children: jsx("path", {
|
|
137
|
+
fillRule: "evenodd",
|
|
138
|
+
d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-3a1 1 0 00-.867.5 1 1 0 11-1.731-1A3 3 0 0113 8a3.001 3.001 0 01-2 2.83V11a1 1 0 11-2 0v-1a1 1 0 011-1 1 1 0 100-2zm0 8a1 1 0 100-2 1 1 0 000 2z",
|
|
139
|
+
clipRule: "evenodd"
|
|
140
|
+
})
|
|
141
|
+
})
|
|
142
|
+
})]
|
|
143
|
+
})]
|
|
144
|
+
})]
|
|
145
|
+
})]
|
|
146
|
+
});
|
|
147
|
+
};export{Account as default};//# sourceMappingURL=Account.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Account.js","sources":["../../../../src/components/Layout/GlobalFooter/Account.tsx"],"sourcesContent":[null],"names":[],"mappings":"sPAMA,MAAM,OAAO,GAAkB,KAAC,IAAO;QACnC;AACA,IAAA,KAAA;AACA,IAAA,SAAO;AACP,IAAA,WAAO;IACP;AACA,GAAA,GAAA;;AAGA,EAAA,MAAA,CAAK,MAAC,EAAA,SAAe,CAAA,GAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA;AACjB,EAAA,MAAA,CAAA,aAAM,EAAA,gBAAsB,CAAiB,GAAE,KAAE,CAAA,QAAA,CAAA,MAAA,CAAA;AAC7C,EAAA,MAAA,mBAAe,CAAC,MAAA,CAAO,IAAI,CAAC;;cAE3B;AACL,GAAA,GAAA,cAAE,CAAA,KAAA,IAAA,KAAA,EAAA,IAAA,IAAA,EAAA,CAAA;AAEF,EAAA,MAAA;AACA,IAAA,QAAA;AACI,IAAA;AACJ,GAAA,GAAA,OAAE,IAAA,EAAA;OACH,CAAA,SAAI,CAAA,MAAA;IAEP,MAAM,kBAAA,GAAoB,KAAM,IAAE;AAC9B,MAAA,IAAA,WAAW,CAAA,OAAQ,IAAA,CAAA,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AACvB,QAAE,SAAA,CAAA,KAAA,CAAA;AAEF,MAAA;;YAEI,CAAA,gBAAA,CAAA,WAAA,EAAA,kBAAA,CAAA;AACA,IAAA,OAAA,MAAQ;AACZ,MAAE,QAAA,CAAA,mBAAA,CAAA,WAAA,EAAA,kBAAA,CAAA;AAEF,IAAA,CAAA;KAEA,EAAA,CAAA;4BAMkB,GAAA,MAAc;AAChB,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA;AACJ,EAAA,CAAA;AAuGhB,EAAE,MAAA,mBAAA,GAAA,WAAA,IAAA;AAEF,IAAA,4BAAuB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomMenuDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"BottomMenuDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAExD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAwEzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -33,14 +33,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {gen
|
|
|
33
33
|
const handleToggleDropdown = () => {
|
|
34
34
|
setIsOpen(!isOpen);
|
|
35
35
|
};
|
|
36
|
-
const menuItems = menus?.menuData
|
|
37
|
-
return {
|
|
38
|
-
label: menu.name,
|
|
39
|
-
key: menu.key,
|
|
40
|
-
path: menu.path,
|
|
41
|
-
icon: menu.icon
|
|
42
|
-
};
|
|
43
|
-
});
|
|
36
|
+
const menuItems = menus?.menuData?.find(menu => menu.key === 'usermenu');
|
|
44
37
|
return jsxs("div", {
|
|
45
38
|
className: "relative",
|
|
46
39
|
ref: dropdownRef,
|
|
@@ -60,13 +53,13 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {gen
|
|
|
60
53
|
className: "absolute bottom-full left-0 mb-1 bg-white border border-gray-200 rounded shadow-lg z-10 min-w-40",
|
|
61
54
|
children: jsx("div", {
|
|
62
55
|
className: "py-1",
|
|
63
|
-
children: menuItems?.map(item => jsxs("div", {
|
|
56
|
+
children: menuItems?.children?.map(item => jsxs("div", {
|
|
64
57
|
className: "flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 cursor-pointer",
|
|
65
58
|
onClick: () => handleClick(item.key),
|
|
66
59
|
children: [item.icon && jsx("span", {
|
|
67
60
|
className: "mr-2",
|
|
68
61
|
children: item.icon
|
|
69
|
-
}), item.
|
|
62
|
+
}), item.name]
|
|
70
63
|
}, item.key))
|
|
71
64
|
})
|
|
72
65
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomMenuDropdown.js","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"kOAMA,MAAM,kBAAkB,GAAsC,KAAC,IAAO;QAClE;AACA,IAAA,KAAA;AACA,IAAA,SAAO;IACP,WAAM;AAEN,IAAA;AACI,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,QAAI,cAAY,EAAA;iBACZ,SAAU,CAAA,GAAA,KAAO,CAAA,QAAA,CAAA,KAAA,CAAA;mBACpB,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AACL,EAAA,KAAA,CAAA,SAAE,CAAA,MAAA;AAEF,IAAA,MAAA,kBAAS,GAAA;AACT,MAAA,IAAA,WAAY,CAAA,OAAA,IAAA,CAAA,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AACR,QAAA,SAAA,CAAA,KAAS,CAAA;AACb,MAAA;IACJ,CAAC;AAED,IAAA,QAAM,CAAA,iBAA4B,WAAE,EAAA,kBAAA,CAAA;WAChC,MAAQ;AACR,MAAA,QAAK,CAAA,mBAAqB,CAAA,WAAY,EAAA,kBAAW,CAAA;AAC7C,IAAA,CAAA;AACI,EAAA,CAAA,EAAA,EAAA,CAAA;mBACA,GAAM,GAAA,IAAA;YACV,GAAC,EAAA;SACJ,IAAA,OAAA,IAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA;UACD,OAAS;QACT,IAAA,GAAA,OAAU,CAAK,IAAE;AACrB,QAAE;MAEF;AACI,IAAA;AACJ,IAAA,QAAE,CAAA,gBAAA,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AAEF,IAAA,eAAe,CAAA;;
|
|
1
|
+
{"version":3,"file":"BottomMenuDropdown.js","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"kOAMA,MAAM,kBAAkB,GAAsC,KAAC,IAAO;QAClE;AACA,IAAA,KAAA;AACA,IAAA,SAAO;IACP,WAAM;AAEN,IAAA;AACI,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,QAAI,cAAY,EAAA;iBACZ,SAAU,CAAA,GAAA,KAAO,CAAA,QAAA,CAAA,KAAA,CAAA;mBACpB,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AACL,EAAA,KAAA,CAAA,SAAE,CAAA,MAAA;AAEF,IAAA,MAAA,kBAAS,GAAA;AACT,MAAA,IAAA,WAAY,CAAA,OAAA,IAAA,CAAA,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AACR,QAAA,SAAA,CAAA,KAAS,CAAA;AACb,MAAA;IACJ,CAAC;AAED,IAAA,QAAM,CAAA,iBAA4B,WAAE,EAAA,kBAAA,CAAA;WAChC,MAAQ;AACR,MAAA,QAAK,CAAA,mBAAqB,CAAA,WAAY,EAAA,kBAAW,CAAA;AAC7C,IAAA,CAAA;AACI,EAAA,CAAA,EAAA,EAAA,CAAA;mBACA,GAAM,GAAA,IAAA;YACV,GAAC,EAAA;SACJ,IAAA,OAAA,IAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA;UACD,OAAS;QACT,IAAA,GAAA,OAAU,CAAK,IAAE;AACrB,QAAE;MAEF;AACI,IAAA;AACJ,IAAA,QAAE,CAAA,gBAAA,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AAEF,IAAA,eAAe,CAAA;;4BAQG,GAAA,MAAc;AAChB,IAAA,SAAA,CAAA,CAAA,MAAA,CAAA;;AA4BpB,EAAE,MAAA,SAAA,GAAA,KAAA,EAAA,QAAA,EAAA,IAAA,CAAA,IAAA,IAAA,IAAA,CAAA,GAAA,KAAA,UAAA,CAAA;AAEF,EAAA,OAAAA,IAAA,CAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -55,7 +55,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';imp
|
|
|
55
55
|
const backgroundSettings = deviceSettings?.background || {};
|
|
56
56
|
// Use CSS classes instead of theme-based styling
|
|
57
57
|
const getHeaderClasses = () => {
|
|
58
|
-
let classes = `z-10 py-4 top-0 border-b border-border relative ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`;
|
|
58
|
+
let classes = `z-10 py-4 top-0 border-b border-border header-container relative ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`;
|
|
59
59
|
if (backgroundSettings.type === 'image' && backgroundSettings.image) {
|
|
60
60
|
classes += ' bg-cover bg-center';
|
|
61
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"0ZASO,MAAM,YAAY,GAAqC,KAAC,IAAO;AAClE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AACN,IAAA,UAAM;AACN,IAAA,WAAQ;AAER,IAAA;IACA,QAAM;IAEN,cAAA;AACA,IAAA;WACI;AACA,EAAA,MAAA;;WAGA;;;AAE6B,GAAA,GAAA,aAAA,EAAA;EAC5B,WAAA;QAED;eACO;AACX,IAAA;MAEA,WAAA,CAAA,KAAA,IAAA,KAAA,CAAA,MAAA,CAAA;AACA,EAAA,MAAA,uBAAuB,EAAA,QAAA,IAAA,GAAA;AACnB,EAAA,MAAA,UAAQ,GAAA,QAAA,GAAgB,QAAC,GAAS,SAAA;AAClC;QACF,gBAAA,GAAA,IAAA,IAAA;;AAGF,IAAA,MAAM,cAAc,GAAG,CAAA,CAAA,EAAA,YAAA,CAAA,EAAA,EAAA,UAAA,CAAA,CAAA,CAAA;AACnB,IAAA,MAAA,UAAY,GAAE,QAAA,EAAA,UAAiB,GAAA,cAAe,CAAA;AAC9C,IAAA,IAAA,UAAA,EAAA;AACA,MAAA,MAAA,KAAA,GAAY,IAAE,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,MAAiB,CAAA,CAAA,GAAA,EAAA,GAAA,KAAe,GAAA,GAAA,GAAA,CAAA,EAAA,UAAA,CAAA;AAC9C,MAAA,IAAA,KAAA,KAAW,SAAE,EAAA,OAAiB,KAAA;AAC9B,IAAA;AACA;AACA,IAAA,OAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,MAAsB,CAAA,CAAA,GAAA,EAAA,GAAA,KAAiB,GAAA,GAAA,GAAA,CAAA,EAAA,QAAA,CAAsB;AAC7D,EAAA,CAAA;AACA;QACF,cAAA,GAAA;AAEF,IAAA,MAAM,kBAAiB,CAAA,QAAA,CAAA;AACvB,IAAA,4BAA2B,CAAA,YAAc;;;AAIrC,EAAA,MAAA,cAAc,GAAA;gBAIV,EAAA,gBAAmB,CAAI;kBACvB,EAAO,iCAA0B,CAAA;gBACpC,EAAA,gBAAA,CAAA,cAAA,CAAA;AAED,IAAA,WAAO,kBAAQ,CAAA,aAAA,CAAA;AACnB,IAAA,YAAE,EAAA,gBAAA,CAAA,cAAA,CAAA;IAEF,UAAM,EAAA,gBAAqB,CAAE,YAAA,CAAA;wBACT,EAAA,gBAA2B,CAAA,sBAAA,CAAA;yBAEvC,EAAA,gBAA4B,CAAA,uBAAW,CAAA;0CACV,CAAA;;AAC1B,EAAA,MAAA,cAAI,GAAA,cAAmB,EAAI,MAAK,IAAA,EAAO;AAC1C,EAAA,MAAA,kBAAW,GAAA,cAAkB,EAAA,UAAA,IAAkB;;QAGnD,gBAAA,GAAA,MAAyB;AACzB,IAAA,IAAA,
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { MainHeaderProps, PrivateHeaderProps } from '../../typings';
|
|
3
|
-
export declare const defaultRenderLogo: (logo: () => React.ReactElement, prefersReducedMotion: boolean, scrolled: any, settings: any, location: any) => React.ReactNode;
|
|
4
|
-
export declare const defaultRenderLogoAndTitle: (props: any, prefersReducedMotion: boolean, renderKey?: string) => React.ReactNode;
|
|
5
3
|
export declare const MainHeader: React.FC<MainHeaderProps & PrivateHeaderProps>;
|
|
6
4
|
//# sourceMappingURL=MainHeader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MainHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMpE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CA8NrE,CAAC"}
|
|
@@ -1,66 +1,4 @@
|
|
|
1
|
-
import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {getMenuSeparation}from'@admin-layout/client';import {
|
|
2
|
-
if (typeof logo === 'string') {
|
|
3
|
-
return jsx(Logo, {
|
|
4
|
-
logo: undefined,
|
|
5
|
-
settings: settings,
|
|
6
|
-
scrolled: scrolled,
|
|
7
|
-
location: location
|
|
8
|
-
});
|
|
9
|
-
}
|
|
10
|
-
if (typeof logo === 'function') {
|
|
11
|
-
return logo();
|
|
12
|
-
}
|
|
13
|
-
return logo;
|
|
14
|
-
};
|
|
15
|
-
const defaultRenderLogoAndTitle = (props, prefersReducedMotion, renderKey = 'menuHeaderRender') => {
|
|
16
|
-
const {
|
|
17
|
-
settings,
|
|
18
|
-
layout,
|
|
19
|
-
pageTitleInfo,
|
|
20
|
-
scrolled,
|
|
21
|
-
location
|
|
22
|
-
} = props;
|
|
23
|
-
const {
|
|
24
|
-
fontFamily,
|
|
25
|
-
titleFontSize,
|
|
26
|
-
titleFontWeight,
|
|
27
|
-
titleHeight,
|
|
28
|
-
titleColor,
|
|
29
|
-
letterSpacing,
|
|
30
|
-
logo,
|
|
31
|
-
title
|
|
32
|
-
} = settings || {};
|
|
33
|
-
const renderFunction = props[renderKey || ''];
|
|
34
|
-
if (renderFunction === false) {
|
|
35
|
-
return null;
|
|
36
|
-
}
|
|
37
|
-
const logoDom = defaultRenderLogo(logo, prefersReducedMotion, scrolled, settings, location);
|
|
38
|
-
const titleDom = jsx("h1", {
|
|
39
|
-
className: `text-2xl ${settings?.navTheme === 'dark' ? 'text-[#F9FBFF]' : titleColor || 'text-gray-900'}`,
|
|
40
|
-
style: {
|
|
41
|
-
fontFamily: fontFamily,
|
|
42
|
-
fontWeight: titleFontWeight,
|
|
43
|
-
height: titleHeight,
|
|
44
|
-
letterSpacing: letterSpacing,
|
|
45
|
-
fontSize: titleFontSize
|
|
46
|
-
},
|
|
47
|
-
children: title
|
|
48
|
-
});
|
|
49
|
-
if (renderFunction) {
|
|
50
|
-
const {
|
|
51
|
-
isMobile
|
|
52
|
-
} = useMediaQuery();
|
|
53
|
-
return renderFunction(logoDom, isMobile ? null : titleDom, props);
|
|
54
|
-
}
|
|
55
|
-
if (layout === 'mix' && renderKey === 'menuHeaderRender') {
|
|
56
|
-
return null;
|
|
57
|
-
}
|
|
58
|
-
return jsx("div", {
|
|
59
|
-
className: "flex space-x-2 w-[200px] md:w-[200px] h-[60px]",
|
|
60
|
-
children: logoDom
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
const MainHeader = props => {
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {getMenuSeparation}from'@admin-layout/client';import {Link}from'@remix-run/react';import {RightMenu}from'./RightMenu.js';import'@common-stack/components-pro';import {HeaderSearchBarSlot}from'../slot-fill/HeaderSearchBar.js';import {HeaderSearchButtonSlot}from'../slot-fill/HeaderSearchButton.js';import {RightContentSlot}from'../slot-fill/RightContent.js';import {SearchBarBehavior}from'../../../machines/types.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {LogoSlot}from'../slot-fill/Logo.js';const MainHeader = props => {
|
|
64
2
|
const {
|
|
65
3
|
rightContentRender,
|
|
66
4
|
setSettingToggle,
|
|
@@ -80,7 +18,8 @@ const MainHeader = props => {
|
|
|
80
18
|
setSearchOptionsShown,
|
|
81
19
|
authorities,
|
|
82
20
|
picture,
|
|
83
|
-
componentVisibility
|
|
21
|
+
componentVisibility,
|
|
22
|
+
showMenu
|
|
84
23
|
} = props;
|
|
85
24
|
const {
|
|
86
25
|
isMobile
|
|
@@ -138,24 +77,20 @@ const MainHeader = props => {
|
|
|
138
77
|
// const toggleSettings = () => {
|
|
139
78
|
// setSettingToggle(!settingToggle);
|
|
140
79
|
// };
|
|
141
|
-
const {
|
|
142
|
-
pathname
|
|
143
|
-
} = useLocation();
|
|
144
|
-
const headerDom = defaultRenderLogoAndTitle({
|
|
145
|
-
scrolled,
|
|
146
|
-
...props
|
|
147
|
-
}, prefersReducedMotion, layout === 'mix' ? 'headerTitleRender' : undefined);
|
|
148
80
|
// Use CSS classes instead of theme-based styling
|
|
149
81
|
const getHeaderClasses = () => {
|
|
150
|
-
let classes =
|
|
82
|
+
let classes = ` ${isMobile ? headerSettings?.position || 'fixed' : scrolled ? 'fixed' : 'absolute'} w-full top-0 z-[100] px-[8%] transition-all duration-1000 ease-in-out group`;
|
|
151
83
|
if (scrolled) {
|
|
152
84
|
classes += ' py-2 shadow-themed-md';
|
|
153
85
|
} else {
|
|
154
|
-
classes += ' py-
|
|
86
|
+
classes += ' py-2';
|
|
155
87
|
}
|
|
156
88
|
if (searchOptionsShown) {
|
|
157
89
|
classes += ' pb-8';
|
|
158
90
|
}
|
|
91
|
+
if (showMenu) {
|
|
92
|
+
classes += ' border-b';
|
|
93
|
+
}
|
|
159
94
|
return classes;
|
|
160
95
|
};
|
|
161
96
|
const getHeaderStyles = () => {
|
|
@@ -186,7 +121,13 @@ const MainHeader = props => {
|
|
|
186
121
|
children: [headerSettings?.showLogo && jsx(Link, {
|
|
187
122
|
to: "/",
|
|
188
123
|
className: "text-foreground",
|
|
189
|
-
children:
|
|
124
|
+
children: jsx(LogoSlot, {
|
|
125
|
+
settings: settings,
|
|
126
|
+
scrolled: scrolled,
|
|
127
|
+
location: location,
|
|
128
|
+
prefersReducedMotion: prefersReducedMotion,
|
|
129
|
+
layout: layout
|
|
130
|
+
})
|
|
190
131
|
}), jsx("div", {
|
|
191
132
|
className: "flex-grow"
|
|
192
133
|
}), headerSettings?.showSearchSlot && jsxs("div", {
|
|
@@ -233,4 +174,4 @@ const MainHeader = props => {
|
|
|
233
174
|
})
|
|
234
175
|
})
|
|
235
176
|
});
|
|
236
|
-
};export{MainHeader
|
|
177
|
+
};export{MainHeader};//# sourceMappingURL=MainHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":[
|
|
1
|
+
{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC"}
|
|
@@ -1 +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;AAM7C,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
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,CAmP9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -7,7 +7,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import {getMenuSeparation}from'@admin-l
|
|
|
7
7
|
routeParams,
|
|
8
8
|
settings,
|
|
9
9
|
setCollapsed,
|
|
10
|
-
location
|
|
10
|
+
location,
|
|
11
|
+
showHeader
|
|
11
12
|
} = props;
|
|
12
13
|
const [iconModule, setIconModule] = React__default.useState(null);
|
|
13
14
|
const {
|
|
@@ -111,10 +112,16 @@ import {jsxs,jsx}from'react/jsx-runtime';import {getMenuSeparation}from'@admin-l
|
|
|
111
112
|
};
|
|
112
113
|
// Use CSS classes instead of theme-based styling
|
|
113
114
|
const getSidebarClasses = () => {
|
|
114
|
-
let classes =
|
|
115
|
+
let classes = `text-gray-500 dark:text-gray-400 h-full flex flex-col`;
|
|
115
116
|
if (settings?.navTheme === 'realDark') {
|
|
116
117
|
classes += ' themed-sidebar';
|
|
117
118
|
}
|
|
119
|
+
if (showHeader) {
|
|
120
|
+
classes += ' md:h-[92vh]';
|
|
121
|
+
}
|
|
122
|
+
if (!showHeader) {
|
|
123
|
+
classes += ' md:h-[100vh]';
|
|
124
|
+
}
|
|
118
125
|
return classes;
|
|
119
126
|
};
|
|
120
127
|
const SidebarStyles = React__default.useMemo(() => ({
|