@admin-layout/tailwind-design-pro 10.0.9-alpha.67 → 10.0.9-alpha.69
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 +1 -21
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +4 -23
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +46 -206
- package/lib/components/SettingDrawer/RegionalSettings.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;uCAkC/B,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,KAAiE,MAAM,OAAO,CAAC;AAOtF,OAAO,EACH,gBAAgB,EAGhB,iBAAiB,EAIpB,MAAM,sBAAsB,CAAC;AAU9B,eAAO,MAAM,mBAAmB;;;;uCAkC/B,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,CA8Q3F,CAAC"}
|
|
@@ -215,31 +215,11 @@ const BasicLayout = props => {
|
|
|
215
215
|
}
|
|
216
216
|
return baseStyles;
|
|
217
217
|
}, [backgroundColor, backgroundSettings]);
|
|
218
|
-
// Render video background if needed
|
|
219
|
-
const renderBackgroundVideo = () => {
|
|
220
|
-
if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
221
|
-
return jsxs("div", {
|
|
222
|
-
className: "fixed inset-0 z-0 overflow-hidden",
|
|
223
|
-
children: [jsx("video", {
|
|
224
|
-
className: "absolute min-w-full min-h-full object-cover",
|
|
225
|
-
autoPlay: true,
|
|
226
|
-
loop: true,
|
|
227
|
-
muted: true,
|
|
228
|
-
src: backgroundSettings.video,
|
|
229
|
-
poster: backgroundSettings.videoThumbnail || ''
|
|
230
|
-
}), jsx("div", {
|
|
231
|
-
className: "absolute inset-0 bg-black bg-opacity-30"
|
|
232
|
-
})]
|
|
233
|
-
});
|
|
234
|
-
}
|
|
235
|
-
return null;
|
|
236
|
-
};
|
|
237
|
-
// console.log('backgroundStyles >>>>>>>>>>>>>>>>', backgroundStyles);
|
|
238
218
|
return jsxs("div", {
|
|
239
219
|
className: "flex flex-col h-screen bg-background font-sans relative",
|
|
240
220
|
ref: horizontalScrollRef,
|
|
241
221
|
style: backgroundStyles,
|
|
242
|
-
children: [
|
|
222
|
+
children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
243
223
|
toggleSideMenu: toggleSideMenu,
|
|
244
224
|
settings: settings,
|
|
245
225
|
upperMenus: getMenuSeparation(menuData).upperMenus,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,
|
|
1
|
+
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAsHzD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';import {Link}from'@remix-run/react';import {RightContent}from'./RightContent.js';import {icons}from'../../../icons.js';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 GlobalHeader = props => {
|
|
2
2
|
const {
|
|
3
3
|
theme,
|
|
4
4
|
layout,
|
|
@@ -54,29 +54,10 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';impor
|
|
|
54
54
|
const showSearchBar = headerSettings?.showSearchSlot && headerSettings?.searchBarRender;
|
|
55
55
|
// Determine if right content should be shown
|
|
56
56
|
const showRightContent = headerSettings?.showRightContent && layoutSettings?.navigationMode !== 'sidebar';
|
|
57
|
-
|
|
58
|
-
const renderBackgroundVideo = () => {
|
|
59
|
-
if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
60
|
-
return jsxs("div", {
|
|
61
|
-
className: "absolute inset-0 z-0 overflow-hidden",
|
|
62
|
-
children: [jsx("video", {
|
|
63
|
-
className: "absolute min-w-full min-h-full object-cover",
|
|
64
|
-
autoPlay: true,
|
|
65
|
-
loop: true,
|
|
66
|
-
muted: true,
|
|
67
|
-
src: backgroundSettings.video,
|
|
68
|
-
poster: backgroundSettings.videoThumbnail || ''
|
|
69
|
-
}), jsx("div", {
|
|
70
|
-
className: "absolute inset-0 bg-black bg-opacity-30"
|
|
71
|
-
})]
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
return null;
|
|
75
|
-
};
|
|
76
|
-
return jsxs("header", {
|
|
57
|
+
return jsx("header", {
|
|
77
58
|
className: `z-10 py-4 dark:bg-gray-800 top-0 border-b border-gray-200 relative ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`,
|
|
78
59
|
style: headerStyles,
|
|
79
|
-
children:
|
|
60
|
+
children: jsxs("div", {
|
|
80
61
|
className: "flex items-center justify-between h-full px-4 sm:px-6 mx-auto text-gray-700 dark:text-gray-200 relative z-10",
|
|
81
62
|
children: [isMobile && headerSettings?.showMenuToggle && jsx("button", {
|
|
82
63
|
className: "p-1 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple",
|
|
@@ -123,6 +104,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import React__default from'react';impor
|
|
|
123
104
|
routeParams: routeParams,
|
|
124
105
|
settings: settings
|
|
125
106
|
})]
|
|
126
|
-
})
|
|
107
|
+
})
|
|
127
108
|
});
|
|
128
109
|
};export{GlobalHeader,GlobalHeader as default};//# sourceMappingURL=Header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wYAQa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AAEN,IAAA;AACA,IAAA;IACA,SAAM;IACN,QAAM;IACN,cAAM;AACN,IAAA;AACA,GAAA,GAAA,KAAwB;AACpB,EAAA,MAAA;AACA,IAAA,QAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;QACF;IAEF;AACA,GAAA,GAAA;AACI,EAAA,MAAA,uBAAmB,EAAA,QAAA,IAAA,GAAA;AACf,EAAA,MAAA,aAAO,GAAA,QAAU,EAAA,aAAa,GAAA,YAAoB,CAAC,IAAG,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;kBACjC,GAAA,QAAA,GAAA,QAAA,GAAA,SAAA;QAEzB,cAAyD,GAAA,aAAA,EAAA,OAAA,GAAA,UAAA,CAAA,IAAA,EAAA;AACzD,EAAA,MAAA,8BAAgC,EAAA,MAAA,GAAS,UAAC,CAAA,IAAA,EAAA;sBACX,GAAA,cAAA,EAAA,MAAA,IAAA,EAAA;AAC3B,EAAA,MAAA,kBAAkB,GAAA,cAAa,YAAa,IAAA;AAC5C,IAAA,IAAA,EAAA,OAAA;AACI,IAAA,KAAA,EAAA,SAAA;SACP,EAAA,EAAA;;;AAEG;AACA,EAAA,MAAA,YAAA,GAAWA,cAAA,CAAA,OAAA,CAAA,MAAqB;UACnC,UAAA,GAAA;aAAM,QAAI,EAAA,QAAA,KAAmB,UAAS,GAAA,SAA6B;;AAEhE;QACJ,kBAAC,CAAA,IAAA,KAAA,OAAA,EAAA;AAED;MACH,MAAW,eAAY,QAAA,EAAA,QAAA,KAAqB,UAAA,GAAA,MAAA,GAAA,OAAA;MAER,UAAA,CAAA,eAAA,GAAA,kBAAA,CAAA,KAAA,KAAA,SAAA,GAAA,YAAA,GAAA,kBAAA,CAAA,KAAA;KACjC,MAAe,IAAA,kBAAY,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;AAAE,MAAA,0BAAY,GAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;MAEH,UAAA,CAAA,cAAA,GAAA,OAAA;MACpC,UAAA,CAAA,kBAA8B,GAAA;KAES,MAAA,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;;
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"wYAQa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AAEN,IAAA;AACA,IAAA;IACA,SAAM;IACN,QAAM;IACN,cAAM;AACN,IAAA;AACA,GAAA,GAAA,KAAwB;AACpB,EAAA,MAAA;AACA,IAAA,QAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;QACF;IAEF;AACA,GAAA,GAAA;AACI,EAAA,MAAA,uBAAmB,EAAA,QAAA,IAAA,GAAA;AACf,EAAA,MAAA,aAAO,GAAA,QAAU,EAAA,aAAa,GAAA,YAAoB,CAAC,IAAG,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;kBACjC,GAAA,QAAA,GAAA,QAAA,GAAA,SAAA;QAEzB,cAAyD,GAAA,aAAA,EAAA,OAAA,GAAA,UAAA,CAAA,IAAA,EAAA;AACzD,EAAA,MAAA,8BAAgC,EAAA,MAAA,GAAS,UAAC,CAAA,IAAA,EAAA;sBACX,GAAA,cAAA,EAAA,MAAA,IAAA,EAAA;AAC3B,EAAA,MAAA,kBAAkB,GAAA,cAAa,YAAa,IAAA;AAC5C,IAAA,IAAA,EAAA,OAAA;AACI,IAAA,KAAA,EAAA,SAAA;SACP,EAAA,EAAA;;;AAEG;AACA,EAAA,MAAA,YAAA,GAAWA,cAAA,CAAA,OAAA,CAAA,MAAqB;UACnC,UAAA,GAAA;aAAM,QAAI,EAAA,QAAA,KAAmB,UAAS,GAAA,SAA6B;;AAEhE;QACJ,kBAAC,CAAA,IAAA,KAAA,OAAA,EAAA;AAED;MACH,MAAW,eAAY,QAAA,EAAA,QAAA,KAAqB,UAAA,GAAA,MAAA,GAAA,OAAA;MAER,UAAA,CAAA,eAAA,GAAA,kBAAA,CAAA,KAAA,KAAA,SAAA,GAAA,YAAA,GAAA,kBAAA,CAAA,KAAA;KACjC,MAAe,IAAA,kBAAY,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;AAAE,MAAA,0BAAY,GAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,KAAA,CAAA,CAAA,CAAA;MAEH,UAAA,CAAA,cAAA,GAAA,OAAA;MACpC,UAAA,CAAA,kBAA8B,GAAA;KAES,MAAA,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;;MAGtC,0BAEU,GAAA;AAiErB;AAEA,IAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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;AAKjD,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;AAKjD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,sBAAsB,2CAgoBrE"}
|
|
@@ -26,182 +26,35 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
26
26
|
const handleRegionChange = (key, value) => {
|
|
27
27
|
if (!changeSetting) return;
|
|
28
28
|
changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.header`, {
|
|
29
|
-
...regions[deviceType]
|
|
29
|
+
...regions[deviceType]?.header,
|
|
30
30
|
[key]: value
|
|
31
31
|
});
|
|
32
32
|
};
|
|
33
33
|
const handleRegionFooterChange = (key, value) => {
|
|
34
34
|
if (!changeSetting) return;
|
|
35
35
|
changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.footer`, {
|
|
36
|
-
...regions[deviceType]
|
|
36
|
+
...regions[deviceType]?.footer,
|
|
37
37
|
[key]: value
|
|
38
38
|
});
|
|
39
39
|
};
|
|
40
|
-
const
|
|
40
|
+
const handleBackgroundChange = (property, value) => {
|
|
41
41
|
if (!changeSetting) return;
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
image: '',
|
|
46
|
-
video: '',
|
|
47
|
-
videoThumbnail: ''
|
|
48
|
-
};
|
|
49
|
-
changeSetting(`routeSettings.${currentRoute}.regions`, {
|
|
50
|
-
...regions,
|
|
51
|
-
desktop: {
|
|
52
|
-
...regions.desktop,
|
|
53
|
-
background: {
|
|
54
|
-
...desktopBackground,
|
|
55
|
-
[property]: value
|
|
56
|
-
}
|
|
57
|
-
}
|
|
42
|
+
changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.background`, {
|
|
43
|
+
...regions[deviceType].background,
|
|
44
|
+
[property]: value
|
|
58
45
|
});
|
|
59
46
|
};
|
|
60
|
-
const
|
|
47
|
+
const handleHeaderChange = (element, value) => {
|
|
61
48
|
if (!changeSetting) return;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
image: '',
|
|
66
|
-
video: '',
|
|
67
|
-
videoThumbnail: ''
|
|
68
|
-
};
|
|
69
|
-
changeSetting(`routeSettings.${currentRoute}.regions`, {
|
|
70
|
-
...regions,
|
|
71
|
-
mobile: {
|
|
72
|
-
...regions.mobile,
|
|
73
|
-
background: {
|
|
74
|
-
...mobileBackground,
|
|
75
|
-
[property]: value
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
});
|
|
79
|
-
};
|
|
80
|
-
const handleDesktopHeaderChange = (element, value) => {
|
|
81
|
-
if (!changeSetting) return;
|
|
82
|
-
const desktopHeader = regions.desktop?.header || {
|
|
83
|
-
showLogo: true,
|
|
84
|
-
showSearchSlot: true,
|
|
85
|
-
showRightContent: true,
|
|
86
|
-
showMenuToggle: true,
|
|
87
|
-
showBackButton: true,
|
|
88
|
-
showPageTitle: true,
|
|
89
|
-
showActionButtons: true,
|
|
90
|
-
position: 'fixed',
|
|
91
|
-
height: '64px',
|
|
92
|
-
elevation: 2,
|
|
93
|
-
showHeader: true,
|
|
94
|
-
showMenu: true,
|
|
95
|
-
menuHeaderRender: true,
|
|
96
|
-
searchBarRender: true,
|
|
97
|
-
searchBarBehavior: SearchBarBehavior.PERMANENT,
|
|
98
|
-
searchBarOverlay: true,
|
|
99
|
-
scrollThreshold: 50,
|
|
100
|
-
fixedHeader: true
|
|
101
|
-
};
|
|
102
|
-
changeSetting(`routeSettings.${currentRoute}.regions`, {
|
|
103
|
-
...regions,
|
|
104
|
-
desktop: {
|
|
105
|
-
...regions.desktop,
|
|
106
|
-
header: {
|
|
107
|
-
...desktopHeader,
|
|
108
|
-
[element]: value
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
|
-
};
|
|
113
|
-
const handleMobileHeaderChange = (element, value) => {
|
|
114
|
-
if (!changeSetting) return;
|
|
115
|
-
const mobileHeader = regions.mobile?.header || {
|
|
116
|
-
showLogo: true,
|
|
117
|
-
showSearchSlot: false,
|
|
118
|
-
showRightContent: true,
|
|
119
|
-
showMenuToggle: true,
|
|
120
|
-
showBackButton: true,
|
|
121
|
-
showPageTitle: true,
|
|
122
|
-
showActionButtons: true,
|
|
123
|
-
position: 'fixed',
|
|
124
|
-
height: '56px',
|
|
125
|
-
elevation: 2,
|
|
126
|
-
showHeader: true,
|
|
127
|
-
showMenu: true,
|
|
128
|
-
menuHeaderRender: true,
|
|
129
|
-
searchBarRender: true,
|
|
130
|
-
searchBarBehavior: SearchBarBehavior.PERMANENT,
|
|
131
|
-
searchBarOverlay: true,
|
|
132
|
-
scrollThreshold: 50,
|
|
133
|
-
fixedHeader: false
|
|
134
|
-
};
|
|
135
|
-
changeSetting(`routeSettings.${currentRoute}.regions`, {
|
|
136
|
-
...regions,
|
|
137
|
-
mobile: {
|
|
138
|
-
...regions.mobile,
|
|
139
|
-
header: {
|
|
140
|
-
...mobileHeader,
|
|
141
|
-
[element]: value
|
|
142
|
-
}
|
|
143
|
-
}
|
|
49
|
+
changeSetting(`routeSettings.${currentRoute}.regions.${deviceType}.header`, {
|
|
50
|
+
...regions[deviceType]?.header,
|
|
51
|
+
[element]: value
|
|
144
52
|
});
|
|
145
53
|
};
|
|
146
|
-
const
|
|
147
|
-
|
|
148
|
-
showSearchSlot: true,
|
|
149
|
-
showRightContent: true,
|
|
150
|
-
showMenuToggle: true,
|
|
151
|
-
showBackButton: true,
|
|
152
|
-
showPageTitle: true,
|
|
153
|
-
showActionButtons: true,
|
|
154
|
-
position: 'fixed',
|
|
155
|
-
height: '64px',
|
|
156
|
-
elevation: 2,
|
|
157
|
-
showHeader: true,
|
|
158
|
-
showMenu: true,
|
|
159
|
-
menuHeaderRender: true,
|
|
160
|
-
searchBarRender: true,
|
|
161
|
-
searchBarBehavior: SearchBarBehavior.PERMANENT,
|
|
162
|
-
searchBarOverlay: true,
|
|
163
|
-
scrollThreshold: 50,
|
|
164
|
-
fixedHeader: true
|
|
165
|
-
};
|
|
166
|
-
const mobileHeader = regions.mobile?.header || {
|
|
167
|
-
showLogo: true,
|
|
168
|
-
showSearchSlot: false,
|
|
169
|
-
showRightContent: true,
|
|
170
|
-
showMenuToggle: true,
|
|
171
|
-
showBackButton: true,
|
|
172
|
-
showPageTitle: true,
|
|
173
|
-
showActionButtons: true,
|
|
174
|
-
position: 'fixed',
|
|
175
|
-
height: '56px',
|
|
176
|
-
elevation: 2,
|
|
177
|
-
showHeader: true,
|
|
178
|
-
showMenu: true,
|
|
179
|
-
menuHeaderRender: true,
|
|
180
|
-
searchBarRender: true,
|
|
181
|
-
searchBarBehavior: SearchBarBehavior.PERMANENT,
|
|
182
|
-
searchBarOverlay: true,
|
|
183
|
-
scrollThreshold: 50,
|
|
184
|
-
fixedHeader: false
|
|
185
|
-
};
|
|
186
|
-
const desktopBackground = regions.desktop?.background || {
|
|
187
|
-
type: 'color',
|
|
188
|
-
color: 'inherit',
|
|
189
|
-
image: '',
|
|
190
|
-
video: '',
|
|
191
|
-
videoThumbnail: ''
|
|
192
|
-
};
|
|
193
|
-
const mobileBackground = regions.mobile?.background || {
|
|
194
|
-
type: 'color',
|
|
195
|
-
color: 'inherit',
|
|
196
|
-
image: '',
|
|
197
|
-
video: '',
|
|
198
|
-
videoThumbnail: ''
|
|
199
|
-
};
|
|
54
|
+
const header = regions[deviceType]?.header;
|
|
55
|
+
const background = regions[deviceType]?.background;
|
|
200
56
|
// Helper function to render background settings based on current active tab
|
|
201
57
|
const renderBackgroundSettings = () => {
|
|
202
|
-
const isDesktop = activeBackgroundTab === 'desktop';
|
|
203
|
-
const background = isDesktop ? desktopBackground : mobileBackground;
|
|
204
|
-
const handleBackgroundChange = isDesktop ? handleDesktopBackgroundChange : handleMobileBackgroundChange;
|
|
205
58
|
return jsxs(Fragment, {
|
|
206
59
|
children: [jsxs("div", {
|
|
207
60
|
className: "mb-4",
|
|
@@ -214,7 +67,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
214
67
|
}), jsxs("div", {
|
|
215
68
|
className: "flex mb-3 rounded-lg overflow-hidden border border-gray-200 divide-x divide-gray-200 bg-gray-50",
|
|
216
69
|
children: [jsxs("button", {
|
|
217
|
-
className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background
|
|
70
|
+
className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'color' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
|
|
218
71
|
onClick: () => handleBackgroundChange('type', 'color'),
|
|
219
72
|
children: [jsx("span", {
|
|
220
73
|
className: "mr-1",
|
|
@@ -238,7 +91,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
238
91
|
})
|
|
239
92
|
}), t('color')]
|
|
240
93
|
}), jsxs("button", {
|
|
241
|
-
className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background
|
|
94
|
+
className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'image' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
|
|
242
95
|
onClick: () => handleBackgroundChange('type', 'image'),
|
|
243
96
|
children: [jsx("span", {
|
|
244
97
|
className: "mr-1",
|
|
@@ -269,7 +122,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
269
122
|
})
|
|
270
123
|
}), t('image')]
|
|
271
124
|
}), jsxs("button", {
|
|
272
|
-
className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background
|
|
125
|
+
className: `flex-1 py-2 px-3 text-sm font-medium transition-colors duration-200 flex items-center justify-center ${background?.type === 'video' ? 'bg-blue-500 text-white' : 'bg-white text-gray-700 hover:bg-gray-100'}`,
|
|
273
126
|
onClick: () => handleBackgroundChange('type', 'video'),
|
|
274
127
|
children: [jsx("span", {
|
|
275
128
|
className: "mr-1",
|
|
@@ -297,7 +150,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
297
150
|
}), t('video')]
|
|
298
151
|
})]
|
|
299
152
|
})]
|
|
300
|
-
}), background
|
|
153
|
+
}), background?.type === 'color' && jsxs("div", {
|
|
301
154
|
className: "mb-4",
|
|
302
155
|
children: [jsx("p", {
|
|
303
156
|
className: "mb-2",
|
|
@@ -310,13 +163,13 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
310
163
|
children: [jsx("div", {
|
|
311
164
|
className: "w-12 h-12 rounded-lg border border-gray-300 mr-3 flex-shrink-0 shadow-sm",
|
|
312
165
|
style: {
|
|
313
|
-
backgroundColor: background
|
|
166
|
+
backgroundColor: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff'
|
|
314
167
|
}
|
|
315
168
|
}), jsx("div", {
|
|
316
169
|
className: "flex-grow",
|
|
317
170
|
children: jsx("input", {
|
|
318
171
|
type: "color",
|
|
319
|
-
value: background
|
|
172
|
+
value: background?.color === 'inherit' ? '#ffffff' : background?.color || '#ffffff',
|
|
320
173
|
onChange: e => handleBackgroundChange('color', e.target.value),
|
|
321
174
|
className: "w-full h-10 rounded cursor-pointer"
|
|
322
175
|
})
|
|
@@ -324,7 +177,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
324
177
|
}), jsx("div", {
|
|
325
178
|
className: "flex flex-wrap gap-2 mt-3",
|
|
326
179
|
children: ['#ffffff', '#f2f2f2', '#e6e6e6', '#1890ff', '#52c41a', '#faad14', '#f5222d', '#722ed1'].map(color => jsx("button", {
|
|
327
|
-
className: `w-8 h-8 rounded-full border ${color === (background
|
|
180
|
+
className: `w-8 h-8 rounded-full border ${color === (background?.color || '#ffffff') ? 'border-blue-500 border-2' : 'border-gray-300'}`,
|
|
328
181
|
style: {
|
|
329
182
|
backgroundColor: color
|
|
330
183
|
},
|
|
@@ -332,7 +185,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
332
185
|
"aria-label": `Select color ${color}`
|
|
333
186
|
}, color))
|
|
334
187
|
})]
|
|
335
|
-
}), background
|
|
188
|
+
}), background?.type === 'image' && jsxs("div", {
|
|
336
189
|
className: "mb-2",
|
|
337
190
|
children: [jsx("div", {
|
|
338
191
|
className: "flex items-center mb-1",
|
|
@@ -345,13 +198,13 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
345
198
|
}), jsx("input", {
|
|
346
199
|
type: "text",
|
|
347
200
|
placeholder: t('image_url'),
|
|
348
|
-
value: background
|
|
201
|
+
value: background?.image || '',
|
|
349
202
|
onChange: e => handleBackgroundChange('image', e.target.value),
|
|
350
203
|
className: "w-full p-1 text-sm border border-gray-300 rounded"
|
|
351
|
-
}), background
|
|
204
|
+
}), background?.image && jsx("div", {
|
|
352
205
|
className: "mt-2 p-1 border border-gray-300 rounded",
|
|
353
206
|
children: jsx("img", {
|
|
354
|
-
src: background
|
|
207
|
+
src: background?.image,
|
|
355
208
|
alt: "Background preview",
|
|
356
209
|
className: "w-full h-24 object-cover",
|
|
357
210
|
onError: e => {
|
|
@@ -360,7 +213,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
360
213
|
}
|
|
361
214
|
})
|
|
362
215
|
})]
|
|
363
|
-
}), background
|
|
216
|
+
}), background?.type === 'video' && jsxs("div", {
|
|
364
217
|
className: "mb-2",
|
|
365
218
|
children: [jsx("div", {
|
|
366
219
|
className: "flex items-center mb-1",
|
|
@@ -373,7 +226,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
373
226
|
}), jsx("input", {
|
|
374
227
|
type: "text",
|
|
375
228
|
placeholder: t('video_url'),
|
|
376
|
-
value: background
|
|
229
|
+
value: background?.video || '',
|
|
377
230
|
onChange: e => handleBackgroundChange('video', e.target.value),
|
|
378
231
|
className: "w-full p-1 text-sm border border-gray-300 rounded"
|
|
379
232
|
}), jsx("div", {
|
|
@@ -387,23 +240,15 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
387
240
|
}), jsx("input", {
|
|
388
241
|
type: "text",
|
|
389
242
|
placeholder: t('video_thumbnail'),
|
|
390
|
-
value: background
|
|
243
|
+
value: background?.videoThumbnail || '',
|
|
391
244
|
onChange: e => handleBackgroundChange('videoThumbnail', e.target.value),
|
|
392
245
|
className: "w-full p-1 text-sm border border-gray-300 rounded"
|
|
393
|
-
}),
|
|
246
|
+
}), jsx("div", {
|
|
394
247
|
className: "flex flex-wrap gap-2 mt-3",
|
|
395
|
-
children:
|
|
396
|
-
className: "mt-2 p-1 border border-gray-300 rounded w-full",
|
|
397
|
-
children: jsx("video", {
|
|
398
|
-
src: background.video,
|
|
399
|
-
controls: true,
|
|
400
|
-
className: "w-full h-24 object-cover",
|
|
401
|
-
poster: background.videoThumbnail || ''
|
|
402
|
-
})
|
|
403
|
-
}), !background.video && background.videoThumbnail && jsx("div", {
|
|
248
|
+
children: !background?.video && background?.videoThumbnail && jsx("div", {
|
|
404
249
|
className: "mt-2 p-1 border border-gray-300 rounded w-full",
|
|
405
250
|
children: jsx("img", {
|
|
406
|
-
src: background
|
|
251
|
+
src: background?.videoThumbnail,
|
|
407
252
|
alt: "Video thumbnail preview",
|
|
408
253
|
className: "w-full h-24 object-cover",
|
|
409
254
|
onError: e => {
|
|
@@ -411,7 +256,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
411
256
|
target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwb2x5Z29uIHBvaW50cz0iMjMgNyAxNiAxMiAyMyAxNyAyMyA3Ij48L3BvbHlnb24+PHJlY3QgeD0iMSIgeT0iNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE0IiByeD0iMiIgcnk9IjIiPjwvcmVjdD48L3N2Zz4=';
|
|
412
257
|
}
|
|
413
258
|
})
|
|
414
|
-
})
|
|
259
|
+
})
|
|
415
260
|
})]
|
|
416
261
|
})]
|
|
417
262
|
});
|
|
@@ -419,8 +264,6 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
419
264
|
// Helper function to render header settings based on current active tab
|
|
420
265
|
const renderHeaderSettings = () => {
|
|
421
266
|
const isDesktop = activeHeaderTab === 'desktop';
|
|
422
|
-
const header = isDesktop ? desktopHeader : mobileHeader;
|
|
423
|
-
const handleHeaderChange = isDesktop ? handleDesktopHeaderChange : handleMobileHeaderChange;
|
|
424
267
|
return jsxs("div", {
|
|
425
268
|
className: "space-y-2",
|
|
426
269
|
children: [jsxs("div", {
|
|
@@ -446,7 +289,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
446
289
|
}), jsx("div", {
|
|
447
290
|
className: "flex-grow"
|
|
448
291
|
}), jsx(Switch, {
|
|
449
|
-
value: header
|
|
292
|
+
value: header?.fixedHeader,
|
|
450
293
|
onChange: checked => handleHeaderChange('fixedHeader', checked)
|
|
451
294
|
})]
|
|
452
295
|
}), jsxs("div", {
|
|
@@ -459,7 +302,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
459
302
|
}), jsx("div", {
|
|
460
303
|
className: "flex-grow"
|
|
461
304
|
}), jsx(Switch, {
|
|
462
|
-
value: header
|
|
305
|
+
value: header?.showLogo,
|
|
463
306
|
onChange: checked => handleHeaderChange('showLogo', checked)
|
|
464
307
|
})]
|
|
465
308
|
}), jsxs("div", {
|
|
@@ -472,7 +315,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
472
315
|
}), jsx("div", {
|
|
473
316
|
className: "flex-grow"
|
|
474
317
|
}), jsx(Switch, {
|
|
475
|
-
value: header
|
|
318
|
+
value: header?.showSearchSlot,
|
|
476
319
|
onChange: checked => handleHeaderChange('showSearchSlot', checked)
|
|
477
320
|
})]
|
|
478
321
|
}), jsxs("div", {
|
|
@@ -485,7 +328,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
485
328
|
}), jsx("div", {
|
|
486
329
|
className: "flex-grow"
|
|
487
330
|
}), jsx(Switch, {
|
|
488
|
-
value: header
|
|
331
|
+
value: header?.showRightContent,
|
|
489
332
|
onChange: checked => handleHeaderChange('showRightContent', checked)
|
|
490
333
|
})]
|
|
491
334
|
}), jsxs("div", {
|
|
@@ -498,7 +341,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
498
341
|
}), jsx("div", {
|
|
499
342
|
className: "flex-grow"
|
|
500
343
|
}), jsx(Switch, {
|
|
501
|
-
value: header
|
|
344
|
+
value: header?.showMenuToggle,
|
|
502
345
|
onChange: checked => handleHeaderChange('showMenuToggle', checked)
|
|
503
346
|
})]
|
|
504
347
|
}), jsxs("div", {
|
|
@@ -511,7 +354,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
511
354
|
}), jsx("div", {
|
|
512
355
|
className: "flex-grow"
|
|
513
356
|
}), jsx(Switch, {
|
|
514
|
-
value: header
|
|
357
|
+
value: header?.showBackButton,
|
|
515
358
|
onChange: checked => handleHeaderChange('showBackButton', checked)
|
|
516
359
|
})]
|
|
517
360
|
}), jsxs("div", {
|
|
@@ -524,7 +367,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
524
367
|
}), jsx("div", {
|
|
525
368
|
className: "flex-grow"
|
|
526
369
|
}), jsx(Switch, {
|
|
527
|
-
value: header
|
|
370
|
+
value: header?.showPageTitle,
|
|
528
371
|
onChange: checked => handleHeaderChange('showPageTitle', checked)
|
|
529
372
|
})]
|
|
530
373
|
}), jsxs("div", {
|
|
@@ -537,7 +380,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
537
380
|
}), jsx("div", {
|
|
538
381
|
className: "flex-grow"
|
|
539
382
|
}), jsx(Switch, {
|
|
540
|
-
value: header
|
|
383
|
+
value: header?.showActionButtons,
|
|
541
384
|
onChange: checked => handleHeaderChange('showActionButtons', checked)
|
|
542
385
|
})]
|
|
543
386
|
})]
|
|
@@ -545,9 +388,6 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
545
388
|
};
|
|
546
389
|
// Helper function to render search bar settings based on current active tab
|
|
547
390
|
const renderSearchBarSettings = () => {
|
|
548
|
-
const isDesktop = activeHeaderTab === 'desktop';
|
|
549
|
-
const header = isDesktop ? desktopHeader : mobileHeader;
|
|
550
|
-
const handleHeaderChange = isDesktop ? handleDesktopHeaderChange : handleMobileHeaderChange;
|
|
551
391
|
return jsxs("div", {
|
|
552
392
|
className: "space-y-2",
|
|
553
393
|
children: [jsxs("div", {
|
|
@@ -560,7 +400,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
560
400
|
}), jsx("div", {
|
|
561
401
|
className: "flex-grow"
|
|
562
402
|
}), jsx(Switch, {
|
|
563
|
-
value: header
|
|
403
|
+
value: header?.searchBarRender,
|
|
564
404
|
onChange: checked => handleHeaderChange('searchBarRender', checked)
|
|
565
405
|
})]
|
|
566
406
|
}), jsxs("div", {
|
|
@@ -573,7 +413,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
573
413
|
}), jsx("div", {
|
|
574
414
|
className: "flex-grow"
|
|
575
415
|
}), jsx(Switch, {
|
|
576
|
-
value: header
|
|
416
|
+
value: header?.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
|
|
577
417
|
onChange: checked => handleHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
|
|
578
418
|
})]
|
|
579
419
|
}), jsxs("div", {
|
|
@@ -586,7 +426,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
586
426
|
}), jsx("div", {
|
|
587
427
|
className: "flex-grow"
|
|
588
428
|
}), jsx(Switch, {
|
|
589
|
-
value: header
|
|
429
|
+
value: header?.searchBarOverlay,
|
|
590
430
|
onChange: checked => handleHeaderChange('searchBarOverlay', checked)
|
|
591
431
|
})]
|
|
592
432
|
}), jsxs("div", {
|
|
@@ -603,7 +443,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
603
443
|
style: {
|
|
604
444
|
color: navTheme === 'dark' ? '#ffff' : 'black'
|
|
605
445
|
},
|
|
606
|
-
children: [header
|
|
446
|
+
children: [header?.scrollThreshold || scrollThresholdConfig.DEFAULT, "px"]
|
|
607
447
|
})]
|
|
608
448
|
}), jsxs("div", {
|
|
609
449
|
className: "relative",
|
|
@@ -612,7 +452,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
612
452
|
min: scrollThresholdConfig.MIN,
|
|
613
453
|
max: scrollThresholdConfig.MAX,
|
|
614
454
|
step: scrollThresholdConfig.STEP,
|
|
615
|
-
value: header
|
|
455
|
+
value: header?.scrollThreshold || scrollThresholdConfig.DEFAULT,
|
|
616
456
|
onChange: e => handleHeaderChange('scrollThreshold', parseInt(e.target.value)),
|
|
617
457
|
className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
|
|
618
458
|
}), jsxs("div", {
|
|
@@ -866,7 +706,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
866
706
|
}), jsx("div", {
|
|
867
707
|
className: "flex-grow"
|
|
868
708
|
}), jsx(Switch, {
|
|
869
|
-
value: regions[deviceType]
|
|
709
|
+
value: regions[deviceType]?.footer?.showFooter,
|
|
870
710
|
onChange: checked => handleRegionFooterChange('showFooter', checked)
|
|
871
711
|
})]
|
|
872
712
|
}), jsxs("div", {
|
|
@@ -879,7 +719,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
879
719
|
}), jsx("div", {
|
|
880
720
|
className: "flex-grow"
|
|
881
721
|
}), jsx(Switch, {
|
|
882
|
-
value: regions[deviceType]
|
|
722
|
+
value: regions[deviceType]?.header?.showMenu,
|
|
883
723
|
onChange: checked => handleRegionChange('showMenu', checked)
|
|
884
724
|
})]
|
|
885
725
|
}), jsxs("div", {
|
|
@@ -892,7 +732,7 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import*as React from'react';im
|
|
|
892
732
|
}), jsx("div", {
|
|
893
733
|
className: "flex-grow"
|
|
894
734
|
}), jsx(Switch, {
|
|
895
|
-
value: regions[deviceType]
|
|
735
|
+
value: regions[deviceType]?.header?.menuHeaderRender,
|
|
896
736
|
onChange: checked => handleRegionChange('menuHeaderRender', checked)
|
|
897
737
|
})]
|
|
898
738
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"wcAQwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;QAC5D;IACN;AACA,GAAA,GAAA,cAAgB,CAAA,UAAa,CAAA;AAC7B,EAAA,MAAA;AACA,IAAA,QAAQ;AACR,IAAA,aAAO;AACP,IAAA;AACA,GAAA,GAAA,KAAO;AACP,EAAA,MAAA;AACA,IAAA;MACM,QAAA,IAAA,EAAA;QACA,YAAU,GAAG,QAAQ,EAAE,QAAC,IAAW,GAAA;AAEzC,EAAA,MAAA;AACI,IAAA,OAAA,GAAkB;cAAS,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,EAAA;AAE3B,EAAA,MAAA,CAAA,gBAA+B,EAAA,mBAAA,CAAA,GAAA,KAAwB,CAAA,QAAA,CAAA,KAAA,CAAA;AACnD,EAAA,MAAA,CAAA,oBAAqB,EAAA,
|
|
1
|
+
{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@admin-layout/tailwind-design-pro",
|
|
3
|
-
"version": "10.0.9-alpha.
|
|
3
|
+
"version": "10.0.9-alpha.69",
|
|
4
4
|
"description": "Sample core for higher packages to depend on",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"author": "CDMBase LLC",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
},
|
|
23
23
|
"dependencies": {
|
|
24
24
|
"@admin-layout/assets": "10.0.9-alpha.4",
|
|
25
|
-
"@admin-layout/client": "10.0.9-alpha.
|
|
25
|
+
"@admin-layout/client": "10.0.9-alpha.68",
|
|
26
26
|
"@types/react-copy-to-clipboard": "^4.3.0",
|
|
27
27
|
"base-64": "^0.1.0",
|
|
28
28
|
"identicon.js": "^2.3.1",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "776dd1cca085f9080682c99c3b3f60662680f6a0",
|
|
62
62
|
"typescript": {
|
|
63
63
|
"definition": "lib/index.d.ts"
|
|
64
64
|
}
|