@admin-layout/tailwind-design-pro 10.0.9-alpha.64 → 10.0.9-alpha.66
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 +15 -1
- package/lib/cdm-locales/es/settings.json +16 -2
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +46 -6
- 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 +50 -13
- 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 +44 -9
- package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +3 -2
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +693 -453
- 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 +4 -24
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/config/constants.d.ts +26 -0
- package/lib/config/constants.d.ts.map +1 -1
- package/lib/config/constants.js +27 -1
- package/lib/config/constants.js.map +1 -1
- package/lib/config/env-config.d.ts +1 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +5 -1
- package/lib/config/env-config.js.map +1 -1
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +63 -100
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +15 -0
- package/lib/machines/types.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -35,5 +35,19 @@
|
|
|
35
35
|
"show_back_button": "Show Back Button",
|
|
36
36
|
"show_page_title": "Show Page Title",
|
|
37
37
|
"show_action_buttons": "Show Action Buttons",
|
|
38
|
-
"show_header": "Show Header"
|
|
38
|
+
"show_header": "Show Header",
|
|
39
|
+
"background_color": "Background Color",
|
|
40
|
+
"background_type": "Background Type",
|
|
41
|
+
"background": "Background",
|
|
42
|
+
"color": "Color",
|
|
43
|
+
"image": "Image",
|
|
44
|
+
"video": "Video",
|
|
45
|
+
"image_url": "Image URL",
|
|
46
|
+
"video_url": "Video URL",
|
|
47
|
+
"video_thumbnail": "Video Thumbnail URL",
|
|
48
|
+
"desktop_background": "Desktop Background",
|
|
49
|
+
"mobile_background": "Mobile Background",
|
|
50
|
+
"device_settings": "Device Settings",
|
|
51
|
+
"desktop_tab": "Desktop",
|
|
52
|
+
"mobile_tab": "Mobile"
|
|
39
53
|
}
|
|
@@ -32,8 +32,22 @@
|
|
|
32
32
|
"desktop_settings": "Configuración de Escritorio",
|
|
33
33
|
"mobile_settings": "Configuración Móvil",
|
|
34
34
|
"show_menu_toggle": "Mostrar Alternador de Menú",
|
|
35
|
-
"show_back_button": "Mostrar Botón
|
|
35
|
+
"show_back_button": "Mostrar Botón Atrás",
|
|
36
36
|
"show_page_title": "Mostrar Título de Página",
|
|
37
37
|
"show_action_buttons": "Mostrar Botones de Acción",
|
|
38
|
-
"show_header": "Mostrar Encabezado"
|
|
38
|
+
"show_header": "Mostrar Encabezado",
|
|
39
|
+
"background_color": "Color de Fondo",
|
|
40
|
+
"background_type": "Tipo de Fondo",
|
|
41
|
+
"background": "Fondo",
|
|
42
|
+
"color": "Color",
|
|
43
|
+
"image": "Imagen",
|
|
44
|
+
"video": "Video",
|
|
45
|
+
"image_url": "URL de Imagen",
|
|
46
|
+
"video_url": "URL de Video",
|
|
47
|
+
"video_thumbnail": "URL de Miniatura de Video",
|
|
48
|
+
"desktop_background": "Fondo de Escritorio",
|
|
49
|
+
"mobile_background": "Fondo Móvil",
|
|
50
|
+
"device_settings": "Configuración de Dispositivo",
|
|
51
|
+
"desktop_tab": "Escritorio",
|
|
52
|
+
"mobile_tab": "Móvil"
|
|
39
53
|
}
|
|
@@ -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,CAkS3F,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {useTheme}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.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 useHorizontalScroll = ({
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import React__default,{useState,useEffect,useRef}from'react';import {Sidebar}from'../Sidebar/Sidebar.js';import {GlobalHeader}from'../GlobalHeader/Header.js';import {Outlet}from'@remix-run/react';import warning from'warning';import {omit}from'lodash-es';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {defaultSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import isBrowser from'../../../utils/isBrowser/index.js';import {getPageTitleInfo}from'../getPageTitle.js';import {useTheme}from'../../ThemeProvider/ThemeProvider.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'../GlobalHeader/Logo.js';import'react-router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {config}from'../../../config/env-config.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.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 useHorizontalScroll = ({
|
|
2
2
|
setScrolled,
|
|
3
3
|
setSearchOptionsShown,
|
|
4
4
|
onScrollReachEnd
|
|
@@ -126,6 +126,12 @@ const BasicLayout = props => {
|
|
|
126
126
|
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
127
127
|
const deviceSettings = routeSettings?.regions?.[deviceType] || {};
|
|
128
128
|
const layoutSettings = routeSettings?.layout?.[deviceType] || {};
|
|
129
|
+
const backgroundSettings = deviceSettings?.background || {
|
|
130
|
+
type: 'color',
|
|
131
|
+
color: 'inherit',
|
|
132
|
+
image: '',
|
|
133
|
+
video: ''
|
|
134
|
+
};
|
|
129
135
|
const onScrollReachEnd = () => {
|
|
130
136
|
setScrollEnd(prevScrollEnd => !prevScrollEnd);
|
|
131
137
|
};
|
|
@@ -193,13 +199,47 @@ const BasicLayout = props => {
|
|
|
193
199
|
setIsSideMenuOpen(false);
|
|
194
200
|
};
|
|
195
201
|
const backgroundColor = isDarkMode ? theme.colors.background.dark : theme.colors.background.light;
|
|
202
|
+
// Calculate background styles based on the background settings
|
|
203
|
+
const backgroundStyles = React__default.useMemo(() => {
|
|
204
|
+
const baseStyles = {
|
|
205
|
+
backgroundColor: backgroundColor
|
|
206
|
+
};
|
|
207
|
+
// Add background styles based on the background settings
|
|
208
|
+
if (backgroundSettings.type === 'color' && backgroundSettings.color !== 'inherit') {
|
|
209
|
+
baseStyles.backgroundColor = backgroundSettings.color;
|
|
210
|
+
} else if (backgroundSettings.type === 'image' && backgroundSettings.image) {
|
|
211
|
+
baseStyles.backgroundImage = `url(${backgroundSettings.image})`;
|
|
212
|
+
baseStyles.backgroundSize = 'cover';
|
|
213
|
+
baseStyles.backgroundPosition = 'center';
|
|
214
|
+
baseStyles.backgroundAttachment = 'fixed';
|
|
215
|
+
}
|
|
216
|
+
return baseStyles;
|
|
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);
|
|
196
238
|
return jsxs("div", {
|
|
197
|
-
className: "flex flex-col h-screen bg-background font-sans",
|
|
239
|
+
className: "flex flex-col h-screen bg-background font-sans relative",
|
|
198
240
|
ref: horizontalScrollRef,
|
|
199
|
-
style:
|
|
200
|
-
|
|
201
|
-
},
|
|
202
|
-
children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
241
|
+
style: backgroundStyles,
|
|
242
|
+
children: [renderBackgroundVideo(), deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
203
243
|
toggleSideMenu: toggleSideMenu,
|
|
204
244
|
settings: settings,
|
|
205
245
|
upperMenus: getMenuSeparation(menuData).upperMenus,
|
|
@@ -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":["React"],"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,CA2IzD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx
|
|
1
|
+
import {jsxs,jsx}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,
|
|
@@ -22,25 +22,62 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
|
|
|
22
22
|
const deviceSettings = routeSettings?.regions?.[deviceType] || {};
|
|
23
23
|
const layoutSettings = routeSettings?.layout?.[deviceType] || {};
|
|
24
24
|
const headerSettings = deviceSettings?.header || {};
|
|
25
|
+
const backgroundSettings = deviceSettings?.background || {
|
|
26
|
+
type: 'color',
|
|
27
|
+
color: 'inherit',
|
|
28
|
+
image: '',
|
|
29
|
+
video: ''
|
|
30
|
+
};
|
|
25
31
|
// Calculate header styles
|
|
26
|
-
const headerStyles = React__default.useMemo(() =>
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
//
|
|
31
|
-
|
|
32
|
-
|
|
32
|
+
const headerStyles = React__default.useMemo(() => {
|
|
33
|
+
const baseStyles = {
|
|
34
|
+
color: settings?.navTheme === 'realDark' ? '#fff' : ''
|
|
35
|
+
};
|
|
36
|
+
// Add background styles based on the background settings
|
|
37
|
+
if (backgroundSettings.type === 'color') {
|
|
38
|
+
// Default color if not set
|
|
39
|
+
const defaultColor = settings?.navTheme === 'realDark' ? '#222' : 'white';
|
|
40
|
+
baseStyles.backgroundColor = backgroundSettings.color === 'inherit' ? defaultColor : backgroundSettings.color;
|
|
41
|
+
} else if (backgroundSettings.type === 'image' && backgroundSettings.image) {
|
|
42
|
+
baseStyles.backgroundImage = `url(${backgroundSettings.image})`;
|
|
43
|
+
baseStyles.backgroundSize = 'cover';
|
|
44
|
+
baseStyles.backgroundPosition = 'center';
|
|
45
|
+
} else if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
46
|
+
// Fallback to a color for video background (video will be handled in a separate element)
|
|
47
|
+
baseStyles.backgroundColor = 'transparent';
|
|
48
|
+
}
|
|
49
|
+
return baseStyles;
|
|
50
|
+
}, [settings?.navTheme, backgroundSettings]);
|
|
33
51
|
// Early return if header is disabled
|
|
34
52
|
if (!headerSettings?.showHeader) return null;
|
|
35
53
|
// Determine if search bar should be shown
|
|
36
54
|
const showSearchBar = headerSettings?.showSearchSlot && headerSettings?.searchBarRender;
|
|
37
55
|
// Determine if right content should be shown
|
|
38
56
|
const showRightContent = headerSettings?.showRightContent && layoutSettings?.navigationMode !== 'sidebar';
|
|
39
|
-
|
|
40
|
-
|
|
57
|
+
// Render video background if needed
|
|
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", {
|
|
77
|
+
className: `z-10 py-4 dark:bg-gray-800 top-0 border-b border-gray-200 relative ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`,
|
|
41
78
|
style: headerStyles,
|
|
42
|
-
children: jsxs("div", {
|
|
43
|
-
className: "flex items-center justify-between h-full px-4 sm:px-6 mx-auto text-gray-700 dark:text-gray-200",
|
|
79
|
+
children: [renderBackgroundVideo(), jsxs("div", {
|
|
80
|
+
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",
|
|
44
81
|
children: [isMobile && headerSettings?.showMenuToggle && jsx("button", {
|
|
45
82
|
className: "p-1 -ml-1 rounded-md md:hidden focus:outline-none focus:shadow-outline-purple",
|
|
46
83
|
onClick: toggleSideMenu,
|
|
@@ -86,6 +123,6 @@ import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';impor
|
|
|
86
123
|
routeParams: routeParams,
|
|
87
124
|
settings: settings
|
|
88
125
|
})]
|
|
89
|
-
})
|
|
126
|
+
})]
|
|
90
127
|
});
|
|
91
128
|
};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":[],"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;
|
|
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;;MAGT,UAAA,CAAA,eAAA,GAAA,aAAA;;WAE5B,UAAA;AACA,GAAA,EAAA,CAAA,QAAA,EAAA,QACS,EAAA,kBAAS,CAAC,CAAA;;AAavB,EAAA,IAAA,CAAA,cAAY,EAAA,UAAA,EAAA,OAAA,IAAA;AAChB;QAEO,8BAEU,EAAA;AAkErB;AAEA,EAAA,MAAA,mBAA2B,cAAC,EAAA,gBAAA,IAAA,cAAA,EAAA,cAAA,KAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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;AAU/B,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,iBAAiB,SACpB,MAAM,KAAK,CAAC,YAAY,aACnB,GAAG,2BAEJ,GAAG,YACH,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAC3B,GAAG,8BAEC,MAAM,KAClB,KAAK,CAAC,SAkCR,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,kBAAkB,CA6PrE,CAAC"}
|
|
@@ -94,6 +94,12 @@ const MainHeader = props => {
|
|
|
94
94
|
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
95
95
|
const deviceRegions = routeSettings?.regions?.[deviceType] || {};
|
|
96
96
|
const headerSettings = deviceRegions?.header || {};
|
|
97
|
+
const backgroundSettings = deviceRegions?.background || {
|
|
98
|
+
type: 'color',
|
|
99
|
+
color: 'inherit',
|
|
100
|
+
image: '',
|
|
101
|
+
video: ''
|
|
102
|
+
};
|
|
97
103
|
// State to track reduced motion preference
|
|
98
104
|
const [prefersReducedMotion, setPrefersReducedMotion] = React.useState(false);
|
|
99
105
|
const [showSearchBar, setShowSearchBar] = React.useState(false);
|
|
@@ -139,28 +145,57 @@ const MainHeader = props => {
|
|
|
139
145
|
const headerStyles = React.useMemo(() => {
|
|
140
146
|
const baseStyles = {
|
|
141
147
|
zIndex: 100,
|
|
142
|
-
backgroundColor: scrolled ? settings?.navTheme === 'dark' ? '#1f1f1f' : 'white' : settings?.navTheme === 'dark' ? '#1f1f1f' : 'transparent',
|
|
143
148
|
color: settings?.navTheme === 'dark' ? 'white' : 'text-gray-900'
|
|
144
149
|
};
|
|
150
|
+
// Add background styles based on the background settings
|
|
151
|
+
if (backgroundSettings.type === 'color') {
|
|
152
|
+
// Default fallback colors if not set
|
|
153
|
+
const defaultColor = scrolled ? settings?.navTheme === 'dark' ? '#1f1f1f' : 'white' : settings?.navTheme === 'dark' ? '#1f1f1f' : 'transparent';
|
|
154
|
+
baseStyles['backgroundColor'] = backgroundSettings.color === 'inherit' ? defaultColor : backgroundSettings.color;
|
|
155
|
+
} else if (backgroundSettings.type === 'image' && backgroundSettings.image) {
|
|
156
|
+
baseStyles['backgroundImage'] = `url(${backgroundSettings.image})`;
|
|
157
|
+
baseStyles['backgroundSize'] = 'cover';
|
|
158
|
+
baseStyles['backgroundPosition'] = 'center';
|
|
159
|
+
} else if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
160
|
+
// Fallback to a color for video background (video will be handled in a separate element)
|
|
161
|
+
baseStyles['backgroundColor'] = 'transparent';
|
|
162
|
+
}
|
|
145
163
|
// Add mobile-specific styles
|
|
146
164
|
if (isMobile && headerSettings) {
|
|
147
165
|
return {
|
|
148
166
|
...baseStyles,
|
|
149
167
|
position: headerSettings.position || 'fixed',
|
|
150
|
-
// height: headerSettings.height || '56px',
|
|
151
|
-
// backgroundColor: headerSettings.backgroundColor || baseStyles.backgroundColor,
|
|
152
168
|
boxShadow: headerSettings.elevation ? `0 ${headerSettings.elevation}px 4px rgba(0,0,0,0.1)` : undefined
|
|
153
169
|
};
|
|
154
170
|
}
|
|
155
171
|
return baseStyles;
|
|
156
|
-
}, [scrolled, settings?.navTheme, isMobile, headerSettings]);
|
|
172
|
+
}, [scrolled, settings?.navTheme, isMobile, headerSettings, backgroundSettings]);
|
|
157
173
|
if (!deviceRegions?.header?.showHeader && deviceRegions?.header?.showHeader !== undefined) {
|
|
158
174
|
return null;
|
|
159
175
|
}
|
|
160
|
-
|
|
176
|
+
// Render video background if needed
|
|
177
|
+
const renderBackgroundVideo = () => {
|
|
178
|
+
if (backgroundSettings.type === 'video' && backgroundSettings.video) {
|
|
179
|
+
return jsxs("div", {
|
|
180
|
+
className: "absolute inset-0 z-0 overflow-hidden",
|
|
181
|
+
children: [jsx("video", {
|
|
182
|
+
className: "absolute min-w-full min-h-full object-cover",
|
|
183
|
+
autoPlay: true,
|
|
184
|
+
loop: true,
|
|
185
|
+
muted: true,
|
|
186
|
+
src: backgroundSettings.video,
|
|
187
|
+
poster: backgroundSettings.videoThumbnail || ''
|
|
188
|
+
}), jsx("div", {
|
|
189
|
+
className: "absolute inset-0 bg-black bg-opacity-30"
|
|
190
|
+
})]
|
|
191
|
+
});
|
|
192
|
+
}
|
|
193
|
+
return null;
|
|
194
|
+
};
|
|
195
|
+
return jsxs("div", {
|
|
161
196
|
className: `
|
|
162
197
|
${isMobile ? headerSettings?.position || 'fixed' : scrolled ? 'fixed' : 'absolute'}
|
|
163
|
-
w-full top-0 z-10 px-[8%]
|
|
198
|
+
w-full top-0 z-10 px-[8%] relative
|
|
164
199
|
${scrolled ? 'py-2' : 'py-5'}
|
|
165
200
|
${searchOptionsShown ? 'pb-8' : ''}
|
|
166
201
|
${!scrolled ? '' : 'shadow-[0_4px_2px_-2px_rgba(0,0,0,.2)]'}
|
|
@@ -168,8 +203,8 @@ const MainHeader = props => {
|
|
|
168
203
|
group
|
|
169
204
|
`,
|
|
170
205
|
style: headerStyles,
|
|
171
|
-
children: jsx("div", {
|
|
172
|
-
className: "flex flex-col",
|
|
206
|
+
children: [renderBackgroundVideo(), jsx("div", {
|
|
207
|
+
className: "flex flex-col relative z-10",
|
|
173
208
|
children: jsxs("div", {
|
|
174
209
|
className: `
|
|
175
210
|
justify-around items-start ${deviceRegions?.header?.searchBarRender ? 'pt-0' : 'pt-[7px]'}
|
|
@@ -223,6 +258,6 @@ const MainHeader = props => {
|
|
|
223
258
|
})]
|
|
224
259
|
})]
|
|
225
260
|
})
|
|
226
|
-
})
|
|
261
|
+
})]
|
|
227
262
|
});
|
|
228
263
|
};export{MainHeader,defaultRenderLogo,defaultRenderLogoAndTitle};//# sourceMappingURL=MainHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MainHeader.js","sources":["../../../../src/components/Layout/GlobalHeader/MainHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"TailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,sBAAsB,CAAC;AAG3E,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAwB,MAAM,aAAa,CAAC;AAsEvF,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAEvD,QAAA,MAAM,SAAS;;;0EAAoB,CAAC;AAEpC,KAAK,+BAA+B,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAEzE,QAAA,MAAM,mBAAmB,EAAE,kBAAkB,CACzC,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,+BAA+B,KAAK,GAAG,CAAC,OAAO,CAAC,EAClF,GAAG,CAC8C,CAAC;AAEtD,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';import {BasicLayout}from'./BasicLayout/index.js';function BasicLayoutWithAuthorities(props) {
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {userSelector}from'@adminide-stack/user-auth0-client';import {useMachine}from'@xstate/react';import React__default,{useMemo,useCallback}from'react';import {connect,useSelector}from'react-redux';import {settingsMachine}from'../../machines/settingsMachine.js';import {ThemeProviderTailwind}from'../ThemeProvider/ThemeProvider.js';import {BasicLayout}from'./BasicLayout/index.js';import {merge}from'lodash-es';function BasicLayoutWithAuthorities(props) {
|
|
2
2
|
const userData = useSelector(userSelector);
|
|
3
3
|
const {
|
|
4
4
|
settings,
|
|
5
5
|
setSettings
|
|
6
6
|
} = useLayoutSettings();
|
|
7
|
+
// console.log('settings >>>>>>>>>>>>>>>>>>', merge({}, settings));
|
|
7
8
|
const [state, send, settingsActor] = useMachine(settingsMachine.provide({
|
|
8
9
|
actions: {
|
|
9
10
|
updateReduxSettings: ({
|
|
@@ -14,7 +15,7 @@ import {jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout
|
|
|
14
15
|
}
|
|
15
16
|
}), {
|
|
16
17
|
input: {
|
|
17
|
-
settings: settings
|
|
18
|
+
settings: merge({}, settings)
|
|
18
19
|
}
|
|
19
20
|
});
|
|
20
21
|
const settingXstate = state?.context;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TailwindLayout.js","sources":["../../../src/components/Layout/TailwindLayout.tsx"],"sourcesContent":[null],"names":[],"mappings":"ufAWA,SAAS,0BAA0B,CAAC,KAAgF,EAAA;AAChH,EAAA,MAAA,WAAiB,WAAA,CAAA,YAAY,CAAA;QACvB;IAEN,QAAoE;AACpE,IAAA;AAEQ,GAAA,GAAA,iBAAS,EAAA;AACL;gBACI,IAAW,EAAA,aAAQ,CAAC,GAAC,UAAA,CAAA,eAAA,CAAA,OAAA,CAAA;aACxB;AACJ,MAAA,mBAAA,EAAA,CAAA;AACJ,QACD;AACI,OAAA,KAAA;AACI,QAAA,WAAA,CAAQ,OAAO,CAAC;AACnB;AACJ;AAEL,GAAA,CAAA,EAAA;AAEA,IAAA,KAAA,EAAQ;AAER,MAAA,oBAAwB,QAAA;AAEhB;AACH,GAAA,CAAA;AAIL,EAAA,MAAA,qBAAwB,EAAA,OAAA;QAEhB;;AAEJ,GAAA,GACA,KAAY;QAGJ,eAAA,GAAA,OAAA,CAAA,OAAA;IACZ,OAAM,EAAa,QAAA,GAAA,QAAI,EAAO,OAAO,EAAE,OAAG,GAAM;AAEhD,GAAA,CAAA,EAAA,CAAA,QACK,CAAA,CAAA;AAYT,EAAC,MAAA,eAAA,GAAA,WAAA,CAAA,MAAA,IAAA;AAED;IACI,WAAQ,CAAA,MAAA,CAAA;KACA,CAAA,WAAQ,CAAA,CAAA;AACnB;AAMD,EAAA;AAIA,IAAM,WAAA,EAAA;AAKN,MAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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,2CAk0BrE"}
|