@admin-layout/tailwind-design-pro 10.0.9-alpha.56 → 10.0.9-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/cdm-locales/en/settings.json +8 -1
- package/lib/cdm-locales/es/settings.json +18 -9
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +21 -24
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +24 -16
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.js +103 -88
- package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.js +10 -3
- package/lib/components/Layout/GlobalHeader/RightMenu.js.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/Sidebar.js +8 -7
- package/lib/components/Layout/Sidebar/Sidebar.js.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.js +16 -13
- package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.d.ts.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.js +14 -9
- 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 +526 -124
- 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 +32 -9
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +134 -46
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +79 -31
- package/lib/machines/types.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {generateMenuPath}from'../util.js';import {renderDynamicIcon}from'../../../helpers/DynamicIcon.js';import switchDialogs from'@app/dialog/WrappedDialogsSwitch';const DialogComponent = ({
|
|
2
|
-
path
|
|
2
|
+
path,
|
|
3
|
+
onClose
|
|
3
4
|
}) => {
|
|
4
5
|
const [dialog, setDialog] = useState(null);
|
|
5
6
|
useEffect(() => {
|
|
@@ -9,7 +10,9 @@ import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React__default,{useStat
|
|
|
9
10
|
});
|
|
10
11
|
}
|
|
11
12
|
}, []);
|
|
12
|
-
return dialog ? jsx(dialog.default, {
|
|
13
|
+
return dialog ? jsx(dialog.default, {
|
|
14
|
+
onClose: onClose
|
|
15
|
+
}) : jsx("div", {
|
|
13
16
|
children: "Loading..."
|
|
14
17
|
});
|
|
15
18
|
};
|
|
@@ -222,7 +225,11 @@ const RightMenu = ({
|
|
|
222
225
|
}), jsx("div", {
|
|
223
226
|
className: "mt-2",
|
|
224
227
|
children: jsx(DialogComponent, {
|
|
225
|
-
path: dialogPath
|
|
228
|
+
path: dialogPath,
|
|
229
|
+
onClose: () => {
|
|
230
|
+
onClose();
|
|
231
|
+
setOpenedModalKey(null);
|
|
232
|
+
}
|
|
226
233
|
})
|
|
227
234
|
})]
|
|
228
235
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs","RouterLink"],"mappings":"yTASA,MAAM,eAAe,GAAkB,CAAC
|
|
1
|
+
{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs","RouterLink"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoN1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -19,12 +19,13 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
19
19
|
isMobile
|
|
20
20
|
} = useMediaQuery();
|
|
21
21
|
const {
|
|
22
|
-
OutlineDashIcon,
|
|
23
22
|
ChevronLeftIcon,
|
|
24
23
|
ChevronRightIcon
|
|
25
24
|
} = icons;
|
|
26
25
|
const currentRoute = location?.pathname || '/';
|
|
27
|
-
const routeSettings = settings?.routeSettings?.[currentRoute] ||
|
|
26
|
+
const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
|
|
27
|
+
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
28
|
+
const deviceLayout = routeSettings?.layout?.[deviceType] || {};
|
|
28
29
|
useEffect(() => {
|
|
29
30
|
if (!iconModule) {
|
|
30
31
|
import('./DynamicIcon.js').then(module => {
|
|
@@ -89,7 +90,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
89
90
|
}), [settings]);
|
|
90
91
|
// Helper function to render a separator with a name
|
|
91
92
|
const renderSeparator = name => {
|
|
92
|
-
if (!
|
|
93
|
+
if (!deviceLayout?.splitMenus) return null;
|
|
93
94
|
return collapsed ? jsx("hr", {
|
|
94
95
|
className: "border-t border-gray-200"
|
|
95
96
|
}) : jsx(Divider, {
|
|
@@ -127,7 +128,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
127
128
|
flexDirection: 'column'
|
|
128
129
|
},
|
|
129
130
|
className: "removeBoxShadow",
|
|
130
|
-
children: [renderSeparator(
|
|
131
|
+
children: [renderSeparator(deviceLayout?.middleMenuDividerName), jsx(SidebarMenu, {
|
|
131
132
|
menuData: updateMenuIcons(middleMenus),
|
|
132
133
|
routeParams: routeParams,
|
|
133
134
|
settings: settings,
|
|
@@ -142,7 +143,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
142
143
|
flexDirection: 'column'
|
|
143
144
|
},
|
|
144
145
|
className: "removeBoxShadow",
|
|
145
|
-
children: [renderSeparator(
|
|
146
|
+
children: [renderSeparator(deviceLayout?.lowerMenuDividerName), jsx(SidebarMenu, {
|
|
146
147
|
menuData: updateMenuIcons(lowerMenus),
|
|
147
148
|
routeParams: routeParams,
|
|
148
149
|
settings: settings,
|
|
@@ -150,7 +151,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
150
151
|
})]
|
|
151
152
|
}), jsx("div", {
|
|
152
153
|
className: "p-4",
|
|
153
|
-
children:
|
|
154
|
+
children: deviceLayout?.navigationMode === 'sidebar' && jsx(RightContent, {
|
|
154
155
|
upperMenus: upperMenus,
|
|
155
156
|
collapsed: collapsed,
|
|
156
157
|
routeParams: routeParams,
|
|
@@ -169,7 +170,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffe
|
|
|
169
170
|
};
|
|
170
171
|
return jsxs("div", {
|
|
171
172
|
children: [!isMobile && jsx("aside", {
|
|
172
|
-
className: `${
|
|
173
|
+
className: `${deviceLayout?.fixedSidebar ? 'fixed' : 'relative'} border-r border-gray-200 z-20 h-screen bg-white dark:bg-gray-800 md:block flex-shrink-0 transition-all duration-300 ease-in-out ${collapsed ? 'w-16' : 'w-64'}`,
|
|
173
174
|
style: SidebarStyles,
|
|
174
175
|
children: renderSidebarContent()
|
|
175
176
|
}), isSideMenuOpen && isMobile && jsx("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":"0nBAaa,MAAA,OAAO,GAA2B,KAAC,IAAS;AACrD,EAAA,MAAA;IACA,cAAsB;AACtB,IAAA,aAAO;IACP,QAAQ;AACR,IAAA,SAAgB;
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sources":["../../../../src/components/Layout/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"LayoutChange.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,GAAG,GAAG,2CA2GrE"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function LayoutChange(props) {
|
|
1
|
+
import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function LayoutChange(props) {
|
|
2
2
|
const {
|
|
3
3
|
settings,
|
|
4
4
|
changeSetting,
|
|
@@ -7,17 +7,20 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
|
|
|
7
7
|
const {
|
|
8
8
|
t
|
|
9
9
|
} = useTranslation('settings');
|
|
10
|
+
const {
|
|
11
|
+
isMobile
|
|
12
|
+
} = useMediaQuery();
|
|
10
13
|
const currentRoute = location?.pathname || '/';
|
|
11
14
|
const {
|
|
12
15
|
navTheme
|
|
13
16
|
} = settings || {};
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
+
const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
|
|
18
|
+
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
19
|
+
const deviceLayout = routeSettings?.layout?.[deviceType] || {};
|
|
17
20
|
const handleLayoutChange = (key, value) => {
|
|
18
21
|
if (!changeSetting) return;
|
|
19
|
-
changeSetting(`routeSettings.${currentRoute}.layout`, {
|
|
20
|
-
...
|
|
22
|
+
changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
|
|
23
|
+
...deviceLayout,
|
|
21
24
|
[key]: value
|
|
22
25
|
});
|
|
23
26
|
};
|
|
@@ -34,7 +37,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
|
|
|
34
37
|
}), jsx("div", {
|
|
35
38
|
className: "flex-grow"
|
|
36
39
|
}), jsx(Switch, {
|
|
37
|
-
value:
|
|
40
|
+
value: deviceLayout.fixedHeader,
|
|
38
41
|
onChange: checked => handleLayoutChange('fixedHeader', checked)
|
|
39
42
|
})]
|
|
40
43
|
}), jsxs("div", {
|
|
@@ -46,7 +49,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
|
|
|
46
49
|
}), jsx("div", {
|
|
47
50
|
className: "flex-grow"
|
|
48
51
|
}), jsx(Switch, {
|
|
49
|
-
value:
|
|
52
|
+
value: deviceLayout.fixedSidebar,
|
|
50
53
|
onChange: checked => handleLayoutChange('fixedSidebar', checked)
|
|
51
54
|
})]
|
|
52
55
|
}), jsxs("div", {
|
|
@@ -58,10 +61,10 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
|
|
|
58
61
|
}), jsx("div", {
|
|
59
62
|
className: "flex-grow"
|
|
60
63
|
}), jsx(Switch, {
|
|
61
|
-
value:
|
|
64
|
+
value: deviceLayout.splitMenus,
|
|
62
65
|
onChange: checked => handleLayoutChange('splitMenus', checked)
|
|
63
66
|
})]
|
|
64
|
-
}),
|
|
67
|
+
}), deviceLayout.splitMenus && jsxs(Fragment, {
|
|
65
68
|
children: [jsx("div", {
|
|
66
69
|
className: "mt-6 mb-2",
|
|
67
70
|
children: jsx("p", {
|
|
@@ -80,7 +83,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
|
|
|
80
83
|
}), jsx("input", {
|
|
81
84
|
type: "text",
|
|
82
85
|
className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
|
|
83
|
-
value:
|
|
86
|
+
value: deviceLayout?.upperMenuDividerName,
|
|
84
87
|
onChange: e => {
|
|
85
88
|
handleLayoutChange('upperMenuDividerName', e.target.value);
|
|
86
89
|
}
|
|
@@ -94,7 +97,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
|
|
|
94
97
|
}), jsx("input", {
|
|
95
98
|
type: "text",
|
|
96
99
|
className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
|
|
97
|
-
value:
|
|
100
|
+
value: deviceLayout?.middleMenuDividerName,
|
|
98
101
|
onChange: e => {
|
|
99
102
|
handleLayoutChange('middleMenuDividerName', e.target.value);
|
|
100
103
|
}
|
|
@@ -108,7 +111,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useTranslation}from're
|
|
|
108
111
|
}), jsx("input", {
|
|
109
112
|
type: "text",
|
|
110
113
|
className: "px-3 py-2 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white",
|
|
111
|
-
value:
|
|
114
|
+
value: deviceLayout?.lowerMenuDividerName,
|
|
112
115
|
onChange: e => {
|
|
113
116
|
handleLayoutChange('lowerMenuDividerName', e.target.value);
|
|
114
117
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LayoutChange.js","sources":["../../../src/components/SettingDrawer/LayoutChange.tsx"],"sourcesContent":[null],"names":[],"mappings":"kVAMwB,SAAA,YAAY,CAAC,KAAiC,EAAA;QAC5D;IACN,QAAQ;AACR,IAAA,aAAgB;AAChB,IAAA;AACA,GAAA,GAAA;AACA,EAAA,MAAA;IACA;MACM,cAAA,CAAA,UAAe,CAAA;AAErB,EAAA,MAAA;AACI,IAAA;mBAA2B,EAAA;AAE3B,EAAA,MAAA,YAAA,GAA+B,QAAA,EAAA,QAAA,IAAA,GAAA;AAC3B,EAAA,MAAA;;AAEH,GAAA,GAAA,QAAE,IAAA,EAAA;AACP,EAAA,MAAE,aAAA,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAEF,EAAA,MAAA,aAAkB,QAAO,WAAe,GAAA,SAAQ;QAEzC,YAEC,GAAA,aAAA,EAAA,MAAA,GAAA,UAAc,CAAA,IAAA,EAAC;6CAiD2B;AACtB,IAAA,IAAA,CAAA,aAAA,EAAA;+CAYsB,CAAA,QAAA,EAAA;AACtB,MAAA,GAAA,YAAA;;AAaA,KAAA,CAAA;AAQhC,GAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"NavigationsModes.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA4E/C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CA8ElG"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';const navigationModes = [{
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const navigationModes = [{
|
|
2
2
|
key: 'sidebar',
|
|
3
3
|
title: 'Sidebar',
|
|
4
4
|
svg: jsxs("svg", {
|
|
@@ -225,25 +225,30 @@ function NavigationModes({
|
|
|
225
225
|
settings,
|
|
226
226
|
location
|
|
227
227
|
}) {
|
|
228
|
+
const {
|
|
229
|
+
isMobile
|
|
230
|
+
} = useMediaQuery();
|
|
228
231
|
const currentRoute = location?.pathname || '/';
|
|
229
232
|
const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
|
|
233
|
+
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
234
|
+
const deviceLayout = routeSettings?.layout?.[deviceType] || {};
|
|
230
235
|
return jsxs("div", {
|
|
231
236
|
className: "space-y-8",
|
|
232
237
|
children: [jsxs("section", {
|
|
233
238
|
children: [jsx("h3", {
|
|
234
239
|
className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
|
|
235
|
-
children:
|
|
240
|
+
children: deviceType === 'mobile' ? 'Mobile Navigation Mode' : 'Desktop Navigation Mode'
|
|
236
241
|
}), jsx("div", {
|
|
237
242
|
className: "flex flex-row gap-4",
|
|
238
243
|
children: navigationModes.map((mode, index) => jsx("div", {
|
|
239
244
|
className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
|
|
240
|
-
onClick: () => changeSetting(`routeSettings.${currentRoute}.layout`, {
|
|
241
|
-
...
|
|
245
|
+
onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
|
|
246
|
+
...deviceLayout,
|
|
242
247
|
navigationMode: mode.key
|
|
243
248
|
}),
|
|
244
249
|
children: jsxs("div", {
|
|
245
250
|
className: "relative",
|
|
246
|
-
children: [mode.svg,
|
|
251
|
+
children: [mode.svg, deviceLayout?.navigationMode === mode.key && jsx("svg", {
|
|
247
252
|
className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
|
|
248
253
|
viewBox: "0 0 24 24",
|
|
249
254
|
fill: "currentColor",
|
|
@@ -257,18 +262,18 @@ function NavigationModes({
|
|
|
257
262
|
}), jsxs("section", {
|
|
258
263
|
children: [jsx("h3", {
|
|
259
264
|
className: "text-sm font-medium text-gray-700 dark:text-gray-200 mb-3",
|
|
260
|
-
children:
|
|
265
|
+
children: deviceType === 'mobile' ? 'Mobile Menu Type' : 'Desktop Menu Type'
|
|
261
266
|
}), jsx("div", {
|
|
262
267
|
className: "flex flex-row gap-4",
|
|
263
268
|
children: menuTypes.map((type, index) => jsx("div", {
|
|
264
269
|
className: "relative cursor-pointer hover:opacity-80 transition-opacity shadow-sm dark:shadow-md rounded overflow-hidden",
|
|
265
|
-
onClick: () => changeSetting(`routeSettings.${currentRoute}.layout`, {
|
|
266
|
-
...
|
|
270
|
+
onClick: () => changeSetting(`routeSettings.${currentRoute}.layout.${deviceType}`, {
|
|
271
|
+
...deviceLayout,
|
|
267
272
|
sideMenuType: type.key
|
|
268
273
|
}),
|
|
269
274
|
children: jsxs("div", {
|
|
270
275
|
className: "relative",
|
|
271
|
-
children: [type.svg,
|
|
276
|
+
children: [type.svg, deviceLayout?.sideMenuType === type.key && jsx("svg", {
|
|
272
277
|
className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-6 h-6 text-blue-500 pointer-events-none",
|
|
273
278
|
viewBox: "0 0 24 24",
|
|
274
279
|
fill: "currentColor",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavigationsModes.js","sources":["../../../src/components/SettingDrawer/NavigationsModes.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uPAIA,MAAM,eAAe,GAAG,CAAA;AACpB,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA,SAAc;AACd,EAAA,GAAA,EAAAA,IAAA,CAAK,KAAW,EAAA;AAChB,IAAA,KAAA,EAAG,IACM;AAQZ,IAAA,MAAA,EAAA,IAAA;AACD,IAAA,OAAA,EAAA,WAAA;AACI,IAAA,KAAA,EAAG,4BAAU;AACb,IAAA,QAAA,GAAOC,GAAS,CAAA,MAAA,EAAA;AAChB,MAAA,KAAG,EAAE,IACI;AAQZ,MAAA,MAAA,EAAA,IAAA;AACD,MAAA,EAAA,EAAA,GAAA;AACI,MAAA,IAAA;AACA,KAAA,CAAA,EAAAA,GAAA,CAAK,MAAS,EAAA;SACX,GAAA;AAaN,MAAA,CAAA,EAAA,GAAA;MACH,KAAA,EAAA,IAAA;AAEF,MAAM,YAAY;AACd,MAAA,IAAA,EAAA;AACI,KAAA,CAAA,EAAAA,IAAK,MAAS,EAAA;AACd,MAAA,CAAA,EAAA,GAAA;SACG,GAAA;AAQN,MAAA,KAAA,EAAA,IAAA;AACD,MAAA,MAAA,EAAA,GAAA;AACI,MAAA,EAAA,EAAA,GAAK;AACL,MAAA,IAAA,EAAA;QACAA,GAAG,CAAE,MACD,EAAA;AAOP,MAAA,CAAA,EAAA,GAAA;MACH,CAAA,EAAA,IAAA;AAEF,MAAM,KAAQ,EAAA,IAAA;AACV,MAAA,MAAQ,EAAQ,GAAA;AAChB,MAAA,EAAA,EAAM;AACN,MAAA,IAAM;MACA,OAAA,EAAA;KACA,CAAA,EAAAA,GAAA,CAAA,MAAA,EAAA;MAEC,CAAA,EAAA,GACH;AAa4B,MAAA,CAAA,EAAA,IAAA;;;AAkCA,MAAA,EAAA,EAAA,GAAA;;;AAuBpC,KAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,
|
|
1
|
+
{"version":3,"file":"RegionalSettings.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAyjBrE"}
|