@admin-layout/tailwind-design-pro 12.0.16-alpha.5 → 12.0.16-alpha.51
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/README.md +30 -0
- package/lib/cdm-locales/en/menu.json +2 -1
- package/lib/cdm-locales/es/menu.json +2 -1
- package/lib/cdm-locales/index.d.ts +2 -0
- package/lib/cdm-locales/index.d.ts.map +1 -0
- package/lib/cdm-locales/index.ts +1 -0
- package/lib/components/LanguageMenu/LanguageMenu.js.map +1 -1
- package/lib/components/Layout/BasicLayout/index.d.ts +1 -1
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +83 -17
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/BasicLayout/utils.d.ts +2 -0
- package/lib/components/Layout/BasicLayout/utils.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/utils.js +12 -9
- package/lib/components/Layout/BasicLayout/utils.js.map +1 -1
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.d.ts.map +1 -1
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js +4 -2
- package/lib/components/Layout/GlobalFooter/BottomMenuDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js +31 -8
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Logo.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/Logo.js +1 -12
- package/lib/components/Layout/GlobalHeader/Logo.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts +2 -2
- package/lib/components/Layout/GlobalHeader/MainHeader.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.js +21 -13
- package/lib/components/Layout/GlobalHeader/MainHeader.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js +1 -1
- package/lib/components/Layout/GlobalHeader/OrganizationDropdown.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts +1 -0
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.js +73 -6
- package/lib/components/Layout/GlobalHeader/RightContent.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightMenu.js +2 -4
- package/lib/components/Layout/GlobalHeader/RightMenu.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/SearchBar.js.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.d.ts +2 -2
- package/lib/components/Layout/ProTailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.js +69 -7
- package/lib/components/Layout/ProTailwindLayout.js.map +1 -1
- package/lib/components/Layout/Sidebar/Divider.js.map +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.js.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebar.d.ts +5 -0
- package/lib/components/Layout/Sidebar/MainSidebar.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/{Sidebar.js → MainSidebar.js} +28 -7
- package/lib/components/Layout/Sidebar/MainSidebar.js.map +1 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts +4 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js +294 -0
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.d.ts +5 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.js +195 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.js.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts +4 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js +342 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map +1 -0
- package/lib/components/Layout/TailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/TailwindLayout.js +35 -8
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/Layout/getPageTitle.js.map +1 -1
- package/lib/components/Layout/slot-fill/AdditionalSettings.js.map +1 -1
- package/lib/components/Layout/slot-fill/Footer.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchBar.js.map +1 -1
- package/lib/components/Layout/slot-fill/HeaderSearchButton.js.map +1 -1
- package/lib/components/Layout/slot-fill/RightContent.js.map +1 -1
- package/lib/components/Layout/util.js +1 -1
- package/lib/components/Layout/util.js.map +1 -1
- package/lib/components/SettingDrawer/CheckBoxTheme.d.ts.map +1 -1
- package/lib/components/SettingDrawer/CheckBoxTheme.js +28 -3
- package/lib/components/SettingDrawer/CheckBoxTheme.js.map +1 -1
- package/lib/components/SettingDrawer/InvitationSettings.d.ts.map +1 -1
- package/lib/components/SettingDrawer/InvitationSettings.js +19 -5
- package/lib/components/SettingDrawer/InvitationSettings.js.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.d.ts.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.js +53 -15
- package/lib/components/SettingDrawer/LayoutChange.js.map +1 -1
- package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts +20 -0
- package/lib/components/SettingDrawer/MenuVisibilitySettings.d.ts.map +1 -0
- package/lib/components/SettingDrawer/MenuVisibilitySettings.js +120 -0
- package/lib/components/SettingDrawer/MenuVisibilitySettings.js.map +1 -0
- package/lib/components/SettingDrawer/NavigationsModes.d.ts +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.d.ts.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.js +140 -14
- 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 +73 -176
- 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 +297 -43
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/Switch/index.js.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.d.ts.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.js +28 -3
- package/lib/components/SettingDrawer/ThemeColor.js.map +1 -1
- package/lib/components/SettingDrawer/types.d.ts +6 -0
- package/lib/components/SettingDrawer/types.d.ts.map +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts +8 -5
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.d.ts.map +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.js +240 -4
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.server.js.map +1 -1
- package/lib/components/index.d.ts +0 -1
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/typings.d.ts +11 -6
- package/lib/components/typings.d.ts.map +1 -1
- package/lib/compute.d.ts.map +1 -1
- package/lib/compute.js +10 -2
- package/lib/compute.js.map +1 -1
- package/lib/config/analytics-config.js +9 -0
- package/lib/config/analytics-config.js.map +1 -0
- package/lib/config/constants.js.map +1 -1
- package/lib/config/env-config.d.ts +3 -0
- package/lib/config/env-config.d.ts.map +1 -1
- package/lib/config/env-config.js +10 -0
- package/lib/config/env-config.js.map +1 -1
- package/lib/helpers/DynamicIcon.js.map +1 -1
- package/lib/hooks/index.d.ts +0 -3
- package/lib/hooks/index.d.ts.map +1 -1
- package/lib/hooks/useMediaQuery.js.map +1 -1
- package/lib/hooks/useScrollThreshold.js.map +1 -1
- package/lib/hooks/useTailwindTheme.js.map +1 -1
- package/lib/icons.d.ts +2 -0
- package/lib/icons.d.ts.map +1 -1
- package/lib/icons.js +4 -2
- package/lib/icons.js.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/machines/settingsMachine.d.ts +0 -1
- package/lib/machines/settingsMachine.d.ts.map +1 -1
- package/lib/machines/settingsMachine.js +145 -143
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +71 -2
- package/lib/machines/types.d.ts.map +1 -1
- package/lib/machines/types.js.map +1 -1
- package/lib/module.js.map +1 -1
- package/lib/redux/searchReducer.js.map +1 -1
- package/lib/routes.json +9 -1
- package/lib/tailwindConfig.js.map +1 -1
- package/lib/utils/__tests__/configOverrides.test.d.ts +2 -0
- package/lib/utils/__tests__/configOverrides.test.d.ts.map +1 -0
- package/lib/utils/configOverrides.d.ts +213 -0
- package/lib/utils/configOverrides.d.ts.map +1 -0
- package/lib/utils/configOverrides.js +355 -0
- package/lib/utils/configOverrides.js.map +1 -0
- package/lib/utils/isBrowser/index.js.map +1 -1
- package/lib/utils/settingsUtils.d.ts +70 -0
- package/lib/utils/settingsUtils.d.ts.map +1 -0
- package/lib/utils/utils/index.js.map +1 -1
- package/package.json +6 -16
- package/lib/components/Layout/Sidebar/Sidebar.d.ts +0 -5
- package/lib/components/Layout/Sidebar/Sidebar.d.ts.map +0 -1
- package/lib/components/Layout/Sidebar/Sidebar.js.map +0 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts +0 -4
- package/lib/components/Layout/Sidebar/SidebarMenu.d.ts.map +0 -1
- package/lib/components/Layout/Sidebar/SidebarMenu.js +0 -176
- package/lib/components/Layout/Sidebar/SidebarMenu.js.map +0 -1
- package/lib/components/UI/CardList.d.ts +0 -61
- package/lib/components/UI/CardList.d.ts.map +0 -1
- package/lib/components/UI/CardList.js +0 -43
- package/lib/components/UI/CardList.js.map +0 -1
- package/lib/components/UI/CategoriesTypeList.d.ts +0 -29
- package/lib/components/UI/CategoriesTypeList.d.ts.map +0 -1
- package/lib/components/UI/CategoriesTypeList.js +0 -139
- package/lib/components/UI/CategoriesTypeList.js.map +0 -1
- package/lib/components/UI/LazyLoadingGoogleMarker.d.ts +0 -83
- package/lib/components/UI/LazyLoadingGoogleMarker.d.ts.map +0 -1
- package/lib/components/UI/LazyLoadingGoogleMarker.js +0 -107
- package/lib/components/UI/LazyLoadingGoogleMarker.js.map +0 -1
- package/lib/components/UI/Pagination.d.ts +0 -6
- package/lib/components/UI/Pagination.d.ts.map +0 -1
- package/lib/components/UI/Pagination.js +0 -56
- package/lib/components/UI/Pagination.js.map +0 -1
- package/lib/components/UI/ParamSearchResultContainer.d.ts +0 -99
- package/lib/components/UI/ParamSearchResultContainer.d.ts.map +0 -1
- package/lib/components/UI/ParamSearchResultContainer.js +0 -120
- package/lib/components/UI/ParamSearchResultContainer.js.map +0 -1
- package/lib/components/UI/PropertyCard.d.ts +0 -24
- package/lib/components/UI/PropertyCard.d.ts.map +0 -1
- package/lib/components/UI/PropertyCard.js +0 -420
- package/lib/components/UI/PropertyCard.js.map +0 -1
- package/lib/components/UI/PropertyCardOnMap.d.ts +0 -10
- package/lib/components/UI/PropertyCardOnMap.d.ts.map +0 -1
- package/lib/components/UI/PropertyCardOnMap.js +0 -108
- package/lib/components/UI/PropertyCardOnMap.js.map +0 -1
- package/lib/components/UI/VehicleCard/PricePopover.d.ts +0 -8
- package/lib/components/UI/VehicleCard/PricePopover.d.ts.map +0 -1
- package/lib/components/UI/VehicleCard/PricePopover.js +0 -98
- package/lib/components/UI/VehicleCard/PricePopover.js.map +0 -1
- package/lib/components/UI/VehicleCard/VehicleBadge.d.ts +0 -7
- package/lib/components/UI/VehicleCard/VehicleBadge.d.ts.map +0 -1
- package/lib/components/UI/VehicleCard/VehicleFeature.d.ts +0 -9
- package/lib/components/UI/VehicleCard/VehicleFeature.d.ts.map +0 -1
- package/lib/components/UI/VehicleCard/VehicleFeature.js +0 -22
- package/lib/components/UI/VehicleCard/VehicleFeature.js.map +0 -1
- package/lib/components/UI/VehicleCard/types.d.ts +0 -59
- package/lib/components/UI/VehicleCard/types.d.ts.map +0 -1
- package/lib/components/UI/VehicleCard.d.ts +0 -15
- package/lib/components/UI/VehicleCard.d.ts.map +0 -1
- package/lib/components/UI/VehicleCard.js +0 -166
- package/lib/components/UI/VehicleCard.js.map +0 -1
- package/lib/components/UI/VehicleCardList.d.ts +0 -14
- package/lib/components/UI/VehicleCardList.d.ts.map +0 -1
- package/lib/components/UI/VehicleCardList.js +0 -38
- package/lib/components/UI/VehicleCardList.js.map +0 -1
- package/lib/components/UI/VehicleParamSearchResultContainer.d.ts +0 -90
- package/lib/components/UI/VehicleParamSearchResultContainer.d.ts.map +0 -1
- package/lib/components/UI/icons/LocationIcon.d.ts +0 -7
- package/lib/components/UI/icons/LocationIcon.d.ts.map +0 -1
- package/lib/components/UI/icons/LocationIcon.js +0 -18
- package/lib/components/UI/icons/LocationIcon.js.map +0 -1
- package/lib/components/UI/icons/index.d.ts +0 -2
- package/lib/components/UI/icons/index.d.ts.map +0 -1
- package/lib/components/UI/index.d.ts +0 -10
- package/lib/components/UI/index.d.ts.map +0 -1
- package/lib/components/typings.js +0 -6
- package/lib/components/typings.js.map +0 -1
- package/lib/hooks/use-get-current-lat-long.d.ts +0 -18
- package/lib/hooks/use-get-current-lat-long.d.ts.map +0 -1
- package/lib/hooks/use-get-current-lat-long.js +0 -29
- package/lib/hooks/use-get-current-lat-long.js.map +0 -1
- package/lib/hooks/useWindowSize.d.ts +0 -6
- package/lib/hooks/useWindowSize.d.ts.map +0 -1
- package/lib/hooks/useWindowSize.js +0 -20
- package/lib/hooks/useWindowSize.js.map +0 -1
- package/lib/middlewares/airbnbDatasourcesMiddleware.d.ts +0 -6
- package/lib/middlewares/airbnbDatasourcesMiddleware.d.ts.map +0 -1
- package/lib/middlewares/bookingCarRentalMiddleware.d.ts +0 -6
- package/lib/middlewares/bookingCarRentalMiddleware.d.ts.map +0 -1
- package/lib/middlewares/bookingDatasourcesMiddleware.d.ts +0 -7
- package/lib/middlewares/bookingDatasourcesMiddleware.d.ts.map +0 -1
- package/lib/middlewares/datasourcesMiddleware.d.ts +0 -6
- package/lib/middlewares/datasourcesMiddleware.d.ts.map +0 -1
- package/lib/middlewares/pricelineDatasourcesMiddleware.d.ts +0 -7
- package/lib/middlewares/pricelineDatasourcesMiddleware.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -104,6 +104,12 @@ The design system provides theme-aware CSS classes that automatically adapt to t
|
|
|
104
104
|
```css
|
|
105
105
|
.bg-background /* Main background */
|
|
106
106
|
/* Main background */
|
|
107
|
+
/* Main background */
|
|
108
|
+
/* Main background */
|
|
109
|
+
/* Main background */
|
|
110
|
+
/* Main background */
|
|
111
|
+
/* Main background */
|
|
112
|
+
/* Main background */
|
|
107
113
|
.bg-card /* Card background */
|
|
108
114
|
.bg-popover /* Popover background */
|
|
109
115
|
.bg-muted /* Muted background */
|
|
@@ -115,6 +121,12 @@ The design system provides theme-aware CSS classes that automatically adapt to t
|
|
|
115
121
|
```css
|
|
116
122
|
.text-foreground /* Primary text */
|
|
117
123
|
/* Primary text */
|
|
124
|
+
/* Primary text */
|
|
125
|
+
/* Primary text */
|
|
126
|
+
/* Primary text */
|
|
127
|
+
/* Primary text */
|
|
128
|
+
/* Primary text */
|
|
129
|
+
/* Primary text */
|
|
118
130
|
.text-muted-foreground /* Secondary text */
|
|
119
131
|
.text-primary /* Primary brand color */
|
|
120
132
|
.text-secondary /* Secondary brand color */
|
|
@@ -126,6 +138,12 @@ The design system provides theme-aware CSS classes that automatically adapt to t
|
|
|
126
138
|
```css
|
|
127
139
|
.text-success /* Success text */
|
|
128
140
|
/* Success text */
|
|
141
|
+
/* Success text */
|
|
142
|
+
/* Success text */
|
|
143
|
+
/* Success text */
|
|
144
|
+
/* Success text */
|
|
145
|
+
/* Success text */
|
|
146
|
+
/* Success text */
|
|
129
147
|
.text-warning /* Warning text */
|
|
130
148
|
.text-error /* Error text */
|
|
131
149
|
.text-info /* Info text */
|
|
@@ -140,6 +158,12 @@ The design system provides theme-aware CSS classes that automatically adapt to t
|
|
|
140
158
|
```css
|
|
141
159
|
.themed-button /* Theme-aware button */
|
|
142
160
|
/* Theme-aware button */
|
|
161
|
+
/* Theme-aware button */
|
|
162
|
+
/* Theme-aware button */
|
|
163
|
+
/* Theme-aware button */
|
|
164
|
+
/* Theme-aware button */
|
|
165
|
+
/* Theme-aware button */
|
|
166
|
+
/* Theme-aware button */
|
|
143
167
|
.themed-card /* Theme-aware card */
|
|
144
168
|
.themed-input /* Theme-aware input */
|
|
145
169
|
.themed-modal /* Theme-aware modal */
|
|
@@ -152,6 +176,12 @@ The design system provides theme-aware CSS classes that automatically adapt to t
|
|
|
152
176
|
```css
|
|
153
177
|
.interactive-hover /* Hover effects */
|
|
154
178
|
/* Hover effects */
|
|
179
|
+
/* Hover effects */
|
|
180
|
+
/* Hover effects */
|
|
181
|
+
/* Hover effects */
|
|
182
|
+
/* Hover effects */
|
|
183
|
+
/* Hover effects */
|
|
184
|
+
/* Hover effects */
|
|
155
185
|
.focus-themed /* Focus states */
|
|
156
186
|
.rounded-themed /* Theme-aware border radius */
|
|
157
187
|
.shadow-themed-sm /* Theme-aware shadows */
|
|
@@ -110,6 +110,7 @@
|
|
|
110
110
|
"dict": "Diccionario",
|
|
111
111
|
"config": "Configuración",
|
|
112
112
|
"system_log": "Registro del Sistema",
|
|
113
|
-
"login_info": "Información de Inicio de Sesión"
|
|
113
|
+
"login_info": "Información de Inicio de Sesión",
|
|
114
|
+
"tenant_management": "Gestión de Inquilinos"
|
|
114
115
|
}
|
|
115
116
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/cdm-locales/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '@admin-layout/client/src/graphql/link';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LanguageMenu.js","sources":["../../../src/components/LanguageMenu/LanguageMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"wUAQO,MAAM,YAAY,GAAG,MAAK;
|
|
1
|
+
{"version":3,"file":"LanguageMenu.js","sources":["../../../src/components/LanguageMenu/LanguageMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":"wUAQO,MAAM,YAAY,GAAG,MAAK;QAC7B,QAAM,GAAQ,aAAG,CAAA;IACjB,QAAO,EAAA;AACP,GAAA,CAAA;AACA,EAAA,MAAA,CAAA,MAAQ,EAAI,SAAK,CAAA,GAAA,QAAiB,CAAA,IAAA,CAAA;AAClC,EAAA,MAAA,QAAY,iBAAiB,EAAE;AAC/B,EAAA,MAAA;AACI,IAAA;AACA,GAAA,GAAA,cAAO,EAAA;AACP,EAAA,MAAA;AACA,IAAA,IAAA,EAAA;AACH,GAAA,GAAC,MAAC;QACH,CAAA,WAAe,EAAA,cAAa,CAAA,GAAQ,QAAQ,CAAA;AAC5C,IAAA,GAAA,EAAA;IAEA,KAAA,EAAM,SAAA;IAEN,IAAA,EAAA;AACI,IAAA,MAAA,EAAA;AACI,GAAA,CAAA;AACA,EAAA,MAAA,CAAA,MAAA,EAAA,SAAS,CAAM,GAAA,QAAA,CAAA,KAAA,CAAA;AAClB,EAAA,MAAA,WAAE,GAAA,MAAA,CAAA,IAAA,CAAA;AACP,EAAA,MAAI,iBAAiB,GAAE,SAAA,CAAA,MAAA,CAAA,QAAA,IAAA,eAAA,CAAA,aAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA;WAEvB,CAAA,MAAa;AACT,IAAA,QAAA,CAAA;AACI,MAAA,IAAA,EAAA,eAAe;;;AAGnB,EAAA,CAAA,EAAA,CAAA,MAAE,EAAA,QAAA,CAAA,CAAA;AAEF,EAAA,SAAA,CAAA,MAAS;AACT,IAAA,MAAA,kBAAY,GAAA,KAAA,IAAA;AACR,MAAA,IAAA,WAAS,CAAA,OAAA,IAAA,CAAA,mBAA+B,CAAE,QAAA,CAAA,KAAA,CAAA,MAAoB,CAAA,EAAA;AAClE,QAAA,SAAE,CAAA,KAAA,CAAA;MACL;AAED,IAAA,CAAA;AACI,IAAA,QAAA,CAAA,gBAAe,CAAA,WAAA,EAAA,kBAAA,CAAA;iBACN;cACL,CAAA,mBAAqB,CAAA,WAAA,EAAA,kBAAA,CAAA;;;AAGxB,EAAA,MAAA,oBAAE,GAAA,QAAA,IAAA;AACH,IAAA,cAAK,CAAA;AACL,MAAA,GAAA,EAAA,QAAU,CAAA,GAAA;WACV,EAAA,QAAU,CAAA,KAAO;AACrB,MAAE,IAAA,EAAA,QAAA,CAAA,IAAA;MAEF,MAAM,EAAA,QAAA,CAAA;AACF,KAAA,CAAA;AACJ,IAAA,IAAE,CAAA,cAAA,CAAA,QAAA,CAAA,GAAA,CAAA;AAEF,IAAA,SACI,CAAA,QAAA,CAAA,GAAA,CAAK;AAmCb,IAAE,SAAA,CAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { BasicLayoutProps, GlobalHeaderProps } from '@admin-layout/client';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export declare const useHorizontalScroll: ({ setScrolled, setSearchOptionsShown, onScrollReachEnd }: {
|
|
4
4
|
setScrolled: any;
|
|
5
5
|
setSearchOptionsShown: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,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,CA0V3F,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useLayoutSettings,useComponentSize,getMenuSeparation,getThemeColors}from'@admin-layout/client';import {Outlet}from'@remix-run/react';import {omit}from'lodash-es';import {useState,useEffect,useRef,useMemo}from'react';import warning from'warning';import {config}from'../../../config/env-config.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {useScrollThreshold}from'../../../hooks/useScrollThreshold.js';import isBrowser from'../../../utils/isBrowser/index.js';import {SettingDrawer}from'../../SettingDrawer/SettingDrawer.js';import {getPageTitleInfo}from'../getPageTitle.js';import {MainHeader}from'../GlobalHeader/MainHeader.js';import'@remix-run/router';import'../../../helpers/DynamicIcon.js';import'@app/dialog/WrappedDialogsSwitch';import {GlobalHeader}from'../GlobalHeader/Header.js';import {MainSidebar}from'../Sidebar/MainSidebar.js';import {PerplexSidebar}from'../Sidebar/PerplexSidebar.js';import'@common-stack/components-pro';import {FooterSlot}from'../slot-fill/Footer.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';const useHorizontalScroll = ({
|
|
2
2
|
setScrolled,
|
|
3
3
|
setSearchOptionsShown,
|
|
4
4
|
onScrollReachEnd
|
|
@@ -56,14 +56,21 @@ const defaultPageTitleRender = (pageProps, props) => {
|
|
|
56
56
|
return pageTitleInfo;
|
|
57
57
|
};
|
|
58
58
|
const BasicLayout = props => {
|
|
59
|
+
// Get settings from Redux state
|
|
60
|
+
const {
|
|
61
|
+
settings: reduxSettings
|
|
62
|
+
} = useLayoutSettings();
|
|
63
|
+
// Merge Redux settings with props (props take precedence for backwards compatibility)
|
|
59
64
|
const propsWithSettings = {
|
|
60
|
-
...
|
|
65
|
+
...reduxSettings,
|
|
61
66
|
...props
|
|
62
67
|
};
|
|
63
68
|
const [scrolled, setScrolled] = useState(false);
|
|
64
69
|
const [collapsed, setCollapsed] = useState(false);
|
|
70
|
+
const [siderPinned, setSiderPinned] = useState(false);
|
|
65
71
|
const {
|
|
66
72
|
menuData,
|
|
73
|
+
fullMenuData,
|
|
67
74
|
location,
|
|
68
75
|
routeParams,
|
|
69
76
|
settings,
|
|
@@ -73,6 +80,7 @@ const BasicLayout = props => {
|
|
|
73
80
|
mainHeaderProps,
|
|
74
81
|
actor
|
|
75
82
|
} = propsWithSettings;
|
|
83
|
+
console.log('SETTINGS=========>', settings);
|
|
76
84
|
const [isSideMenuOpen, setIsSideMenuOpen] = useState(false);
|
|
77
85
|
const [scrollEnd, setScrollEnd] = useState(false);
|
|
78
86
|
const [searchOptionsShown, setSearchOptionsShown] = useState(false);
|
|
@@ -106,13 +114,43 @@ const BasicLayout = props => {
|
|
|
106
114
|
};
|
|
107
115
|
}
|
|
108
116
|
}, [searchOptionsShown, isMobile]);
|
|
109
|
-
// Get current route
|
|
117
|
+
// Get current route and device type
|
|
110
118
|
const currentRoute = location?.pathname || '/';
|
|
111
|
-
const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
|
|
112
|
-
// Get device-specific settings
|
|
113
119
|
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
114
|
-
|
|
115
|
-
const
|
|
120
|
+
// Helper function to get value from uilayout with route/device override support
|
|
121
|
+
const getUILayoutValue = path => {
|
|
122
|
+
// Check for route/device-specific override first
|
|
123
|
+
const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
|
|
124
|
+
const uiOverride = settings?.uiSettings?.[routeDeviceKey];
|
|
125
|
+
if (uiOverride) {
|
|
126
|
+
const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
|
|
127
|
+
if (value !== undefined) return value;
|
|
128
|
+
}
|
|
129
|
+
// Fallback to settings (flattened uilayout from configuration-registries)
|
|
130
|
+
return path.split('.').reduce((obj, key) => obj?.[key], settings);
|
|
131
|
+
};
|
|
132
|
+
// Get device settings directly from uilayout
|
|
133
|
+
const deviceSettings = {
|
|
134
|
+
header: getUILayoutValue('header'),
|
|
135
|
+
background: getUILayoutValue('background'),
|
|
136
|
+
footer: getUILayoutValue('footer')
|
|
137
|
+
};
|
|
138
|
+
// Get layout settings directly from uilayout
|
|
139
|
+
const layoutSettings = {
|
|
140
|
+
contentWidth: getUILayoutValue('contentWidth'),
|
|
141
|
+
navigationMode: getUILayoutValue('navigationMode'),
|
|
142
|
+
sideMenuType: getUILayoutValue('sideMenuType'),
|
|
143
|
+
fixedHeader: getUILayoutValue('fixedHeader'),
|
|
144
|
+
fixedSidebar: getUILayoutValue('fixedSidebar'),
|
|
145
|
+
splitMenus: getUILayoutValue('splitMenus'),
|
|
146
|
+
upperMenuDividerName: getUILayoutValue('upperMenuDividerName'),
|
|
147
|
+
middleMenuDividerName: getUILayoutValue('middleMenuDividerName'),
|
|
148
|
+
lowerMenuDividerName: getUILayoutValue('lowerMenuDividerName')
|
|
149
|
+
};
|
|
150
|
+
// Helper function to get override value (for backward compatibility)
|
|
151
|
+
const getOverrideValue = path => {
|
|
152
|
+
return path.split('.').reduce((obj, key) => obj?.[key], deviceSettings);
|
|
153
|
+
};
|
|
116
154
|
const backgroundSettings = deviceSettings?.background || {
|
|
117
155
|
type: 'color',
|
|
118
156
|
color: 'inherit',
|
|
@@ -191,6 +229,18 @@ const BasicLayout = props => {
|
|
|
191
229
|
}
|
|
192
230
|
return classes;
|
|
193
231
|
};
|
|
232
|
+
// Derived layout flags for clarity
|
|
233
|
+
const isSidebarLayout = layoutSettings?.navigationMode !== 'topbar';
|
|
234
|
+
const showHeaderMenu = deviceSettings?.header?.showMenu;
|
|
235
|
+
const hasFixedSidebar = layoutSettings?.fixedSidebar;
|
|
236
|
+
const isPerplexLayout = settings?.sideMenuType === 'perplexLayout';
|
|
237
|
+
const isAppShell = LAYOUT_ROOT != '/';
|
|
238
|
+
const shouldApplySidebarMargin = isSidebarLayout && showHeaderMenu && hasFixedSidebar && !isMobile && isAppShell;
|
|
239
|
+
const shouldShowSidebar = isSidebarLayout && showHeaderMenu && isAppShell;
|
|
240
|
+
// Compute margin-left based on layout type and state
|
|
241
|
+
const computedMarginLeft = shouldApplySidebarMargin ? !isPerplexLayout ? collapsed ? '64px' : '256px' : !siderPinned ? '92px' : '316px' : '0px';
|
|
242
|
+
const memoizedMenuData = useMemo(() => menuData, [menuData]); // Only recompute if menuData changes
|
|
243
|
+
const memoizedRouteParams = useMemo(() => routeParams, [routeParams]); // Stable reference for routeParams
|
|
194
244
|
return jsxs("div", {
|
|
195
245
|
className: getBackgroundClasses(),
|
|
196
246
|
ref: horizontalScrollRef,
|
|
@@ -202,14 +252,14 @@ const BasicLayout = props => {
|
|
|
202
252
|
children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
203
253
|
toggleSideMenu: toggleSideMenu,
|
|
204
254
|
settings: settings,
|
|
205
|
-
upperMenus: getMenuSeparation(
|
|
206
|
-
routeParams:
|
|
255
|
+
upperMenus: getMenuSeparation(memoizedMenuData).upperMenus,
|
|
256
|
+
routeParams: memoizedRouteParams,
|
|
207
257
|
collapsed: collapsed,
|
|
208
258
|
...props
|
|
209
259
|
}), LAYOUT_ROOT === '/' && deviceSettings?.header?.showHeader && jsx(MainHeader, {
|
|
210
260
|
scrolled: scrolled,
|
|
211
261
|
location: location,
|
|
212
|
-
menuData:
|
|
262
|
+
menuData: memoizedMenuData,
|
|
213
263
|
settings: settings,
|
|
214
264
|
pageTitleInfo: pageTitleInfo,
|
|
215
265
|
onSettingChange: onSettingChange,
|
|
@@ -220,18 +270,33 @@ const BasicLayout = props => {
|
|
|
220
270
|
componentVisibility: componentVisibility
|
|
221
271
|
}), jsxs("div", {
|
|
222
272
|
className: "bg-background",
|
|
223
|
-
children: [
|
|
273
|
+
children: [shouldShowSidebar && !isPerplexLayout && jsx(MainSidebar, {
|
|
274
|
+
isSideMenuOpen: isSideMenuOpen,
|
|
275
|
+
closeSideMenu: closeSideMenu,
|
|
276
|
+
menuData: memoizedMenuData,
|
|
277
|
+
collapsed: collapsed,
|
|
278
|
+
setCollapsed: setCollapsed,
|
|
279
|
+
routeParams: memoizedRouteParams,
|
|
280
|
+
settings: settings,
|
|
281
|
+
siderPinned: siderPinned,
|
|
282
|
+
setSiderPinned: setSiderPinned
|
|
283
|
+
}), shouldShowSidebar && isPerplexLayout && jsx(PerplexSidebar, {
|
|
224
284
|
isSideMenuOpen: isSideMenuOpen,
|
|
225
285
|
closeSideMenu: closeSideMenu,
|
|
226
|
-
menuData:
|
|
286
|
+
menuData: memoizedMenuData,
|
|
227
287
|
collapsed: collapsed,
|
|
228
288
|
setCollapsed: setCollapsed,
|
|
229
|
-
routeParams:
|
|
230
|
-
settings: settings
|
|
289
|
+
routeParams: memoizedRouteParams,
|
|
290
|
+
settings: settings,
|
|
291
|
+
layoutSettings: layoutSettings,
|
|
292
|
+
deviceSettings: deviceSettings,
|
|
293
|
+
siderPinned: siderPinned,
|
|
294
|
+
setSiderPinned: setSiderPinned,
|
|
295
|
+
actor: actor
|
|
231
296
|
}), jsxs("div", {
|
|
232
297
|
className: "flex flex-col flex-1 bg-background",
|
|
233
298
|
style: {
|
|
234
|
-
marginLeft:
|
|
299
|
+
marginLeft: computedMarginLeft,
|
|
235
300
|
padding: LAYOUT_ROOT != '/' ? '24px' : '0px'
|
|
236
301
|
},
|
|
237
302
|
children: [config.ENABLE_SETTING_DRAWER && jsx(SettingDrawer, {
|
|
@@ -248,6 +313,7 @@ const BasicLayout = props => {
|
|
|
248
313
|
},
|
|
249
314
|
actor: actor,
|
|
250
315
|
colorList: getThemeColors(settings?.theme),
|
|
316
|
+
fullMenuData: fullMenuData,
|
|
251
317
|
...props
|
|
252
318
|
}), jsxs("main", {
|
|
253
319
|
className: "relative",
|
|
@@ -258,12 +324,12 @@ const BasicLayout = props => {
|
|
|
258
324
|
setSearchOptionsShown(false);
|
|
259
325
|
}
|
|
260
326
|
}), jsx(Outlet, {})]
|
|
261
|
-
}),
|
|
327
|
+
}), getOverrideValue('footer.showFooter') && jsx("div", {
|
|
262
328
|
ref: refFooter,
|
|
263
329
|
className: footerFixed ? 'fixed bottom-0 w-full' : '',
|
|
264
330
|
children: jsx(FooterSlot, {
|
|
265
331
|
settings: settings,
|
|
266
|
-
active:
|
|
332
|
+
active: getOverrideValue('footer.showFooter')
|
|
267
333
|
})
|
|
268
334
|
})]
|
|
269
335
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Layout/BasicLayout/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"ssCAyBO,MAAM,mBAAmB,GAAG,CAAC;AAChC,EAAA,WAAM;uBAES;AACX,EAAA;;AAEI,EAAA,MAAA,KAAA,GAAA,MAAM,EAAA;AACF,EAAA,SAAA,CAAA,MAAA;oBAAmB,CAAA,OAAO,IAAA,IAAA;;mBAG1B,GAAA,CAAA,IAAA;oBACA,IAAM,CAAA,EAAA;wBACN,EAAA;AAIA;;;AAGA,QAAA,IAAA,MAAA,CAAA,OAAU,GAAC,EAAA,EAAA;qBACP,CAAA,IAAA,CAAA;;AAEJ,QAAA,IAAA,MAAA,CAAA,OAAU,GAAC,EAAA,EAAA;AACP,UAAA,WAAA,CAAA,KAAA,CAAA;;AAER,QAAA,IAAA,MAAE,CAAA,WAAA,GAAA,MAAA,CAAA,OAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA,EAAA;AAEF,UAAA,gBAAO,EAAA;AACP,QAAA;AACI,MAAA,CAAA;AACJ,MAAA,MAAA,CAAC,gBAAC,CAAA,QAAA,EAAA,OAAA,CAAA;aACL,MAAA;QACF,MAAI,CAAA,mBAAA,CAAA,QAAA,EAAA,OAAA,CAAA;AACP,MAAA,CAAA;AACJ,IAAE;AAEF,EAAA,CAAA,EAAA;AAQI,EAAA,OAAA,KAAQ;AACR;AACA,MAAA,sBAAwB,GAAA,CAAA,SAAQ,EAAA,KAAA,KAAA;QAC5B;AACI,IAAA;AACA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA,gBAAY,gBAAA,CAAA,SAAA,CAAA;qBACd,KAAA,KAAA,EAAA;IACN,OAAC;MACD,KAAI,EAAA,KAAA,CAAA,SAAkB,EAAA;AAClB,MAAA,EAAA,EAAA,EAAA;AACA,MAAA,QAAI,EAAA;;AAEI,EAAA;qBACK,EAAA;eACP,GAAA,eAAA,CAAA,SAAA,EAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA;QACN,OAAC,KAAA,KAAA,QAAA,EAAA;aACD;QACH,GAAA,aAAA;AACD,QAAA;AACJ,OAAE;AAEF,IAAA;IAGI,OAAA,CAAA,OAAA,KAAA,KAAA,QAAgC,EAAA,6DAAA,CAAA;;SAGhC,aAAA;;AAEO,MAAA,WAAU,GAAA,KAAW,IAAI;;QAEhC;AACA,IAAA,QACI,EAAA;AAmBJ,GAAA,GAAA;;QAGA,iBAAkB,GAAA;IAClB,GAAA,aAAO;AACP,IAAA,GAAA;AACA,GAAA;AAEA,EAAA,MAAA,CAAA,QAAQ,EAAA,WAAa,CAAA,GAAA,QAAgB,CAAA,KAAA,CAAA;QAErC,CAAA,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QACA,CAAA,WAAe,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACX,EAAA,MAAA;YAKI;gBACA;;;;;gBAWI;AACA,IAAA,eAAA;AACJ,IAAA,eAAE;;AAEV,GAAA,oBAAI;SAEJ,CAAA,GAAA,CAAA,oBAAA,EAAA,QAAoC,CAAA;AACpC,EAAA,MAAA,CAAA,cAAkB,EAAG,iBAAU,CAAQ,GAAA,QAAQ,CAAA,KAAA,CAAA;QAC/C,CAAA,SAAM,EAAU,YAAY,CAAC,GAAC,QAAU,CAAC,KAAA,CAAA;QAEzC,CAAA,kBAAA,EAAA,qBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACA,EAAA,MAAA;;AAEI,GAAA,GAAA;QACA;;YAGI;;AACyB,IAAA;mBAC5B,EAAA;;WAGD,CAAA,MAAO;AACX,IAAA,IAAE,kBAAA,IAAA,QAAA,EAAA;;AAGF,MAAA,sBAAuB,CAAA,OAAA;AACnB;AACA,MAAA,QAAA,CAAA,IAAU,CAAE,KAAA,CAAA,QAAA,GAAiB,OAAA;AAC7B,MAAA,QAAM,CAAA,IAAE,CAAA,KAAA,CAAA,GAAA,GAAgB,CAAC,CAAA,EAAA,OAAS,CAAA,EAAA,CAAA;MACpC,QAAA,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,GAAA,MAAA;MAEF,QAAA,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;AACA,MAAA;AACI;AACA,QAAA,QAAA,CAAA,IAAA,CAAc,KAAE,CAAA,QAAA,GAAA,EAAiB;AACjC,QAAA,QAAA,CAAA,IAAY,CAAE,KAAA,CAAA,GAAA,GAAA,EAAA;AACd,QAAA,QAAA,CAAA,IAAa,CAAA,KAAA,CAAA,KAAA,GAAA,EAAiB;AAC9B,QAAA,QAAA,CAAA,IAAY,CAAE,KAAA,CAAA,QAAA,GAAiB,EAAA;AAC/B;AACA,QAAA,MAAA,CAAA,QAAA,CAAA,CAAA,EAAA,OAAsB,CAAA;AACtB,MAAA,CAAA;AACA,IAAA;KACH,CAAC,kBAAA,EAAA,QAAA,CAAA,CAAA;;AAGF,EAAA,MAAA,YAAM,GAAA,QAAoB,EAAA,QAAgB,IAAA,GAAA;QACtC,UAAO,GAAK,QAAS,GAAE,QAAQ,GAAG,SAAU;AAChD;AACA,EAAA,MAAA,gBAAM,GAAA,IAAqB,IAAA;AACvB;AACA,IAAA,MAAA,cAAgB,GAAA,CAAA,CAAA,EAAA,YAAA,CAAA,EAAA,EAAA,UAAA,CAAA,CAAA,CAAA;AAChB,IAAA,MAAA,UAAS,GAAA,QAAA,EAAA,UAAA,GAAA,cAAA,CAAA;AACT,IAAA,IAAA,UAAS,EAAA;MACX,MAAA,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,MAAA,CAAA,CAAA,GAAA,EAAA,GAAA,KAAA,GAAA,GAAA,GAAA,CAAA,EAAA,UAAA,CAAA;MAEF,IAAM,KAAA,KAAA,SAAmB,EAAA,OAAK,KAAA;;AAE9B;IAEA,OAAM,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,MAAsB,CAAA,CAAA,GAAA,EAAA,GAAA,KAAA,GAAmB,GAAC,GAAA,CAAA,EAAA,QAAA,CAAA;;;QAG5C,cAAA,GAAgB;AACnB,IAAA,MAAE,EAAA,gBAAA,CAAA,QAAA,CAAA;IAEH,UAAM,EAAA,gBACF,CAAA,YAAA,CAAA;AACI,IAAA,MAAA,EAAG,gBAAiB,CAAA,QAAA;AACvB,GAAA;;QAKG,cAAU,GAAA;AACV,IAAA,YAAG,EAAA,gBAAY,CAAA,cAAA,CAAA;kBAEnB,EAAA,gBACF,CAAA,gBAAA,CAAA;AAEF,IAAA,8BAA0B,CAAA,cAAU,CAAA;IAEpC,WAAM,EAAA,gBAAkB,CAAA;AAExB,IAAA,YAAQ,EAAA,gBAAqB,CAAA;AACzB,IAAA,UAAA,EAAA,gBAAA,CAAA,YAAA,CAAA;AACI,IAAA,oBAAW,EAAA,gBAAe,CAAA,sBAAA,CAAA;AAC1B,IAAA,qBAAI,EAAA,gBAAY,CAAA,uBAAA,CAAA;AAChB,IAAA,oBAAA,EAAA,gBAAqB,CAAA,sBAAA;AACxB,GAAA;AACJ;QAED,gBAAe,GAAA,IAAA,IAAA;AACX,IAAA,OAAA,IAAI,CAAA,KAAA,CAAU,GAAC,CAAA,CAAA,MAAS,CAAA,CAAA,GAAA,EAAA,GAAA,KAAY,GAAK,GAAA,GAAA,CAAA,EAAU,cAAI,CAAY;;0BAE/D,GAAgB,cAAU,EAAA,UAAA,IAAA;QAC9B,EAAC,OAAA;IACL,KAAI,EAAA,SAAY;IAEhB,KAAA,EAAA,EAEI,CAAA;wBACe,GAAA,MAAA;AACP,IAAA,YAAA,CAAA,aAAM,IAAA,CAAA,aAAc,CAAA;;AAEvB,EAAA,MAAA,mBAAE,GAAA,mBAAA,CAAA;eACN;IACL;AAEA,IAAA;AACA,GAAA,CAAA;AACA,EAAA,MAAA,YAAa,GAAA,IAAS,CAAE;IACxB,GAAA;KAEA,CAAA,QAAU;AACN,EAAA,MAAA,gBAAgB,sBAAkB,CAAA;YAC9B,EAAA,QAAI,EAAA,QAAa;;;kBACZ,GAAA,MAAA,CAAA,QAAoB,CAAC;QAC9B,eAAC,GAAA,cAAA,EAAA,MAAA,EAAA,eAAA,IAAA,EAAA;QACD;IAEJ;AACI,GAAA,GAAA,kBAAA,CAAiB,CAAC;AACtB,IAAA,SAAE,EAAA,eAAA;IAEF,EAAA,EAAA,YAAM;mBACF,EAAA;AACJ,GAAA,CAAA,CAAC;WAED,CAAA,MAAA;IACA,IAAA,UAAM,CAAA,OAAA,EAAA,YAA4B,KAAA,UAAA,IAAA,YAAA,KAAA,UAAA,EAAA;YAC1B,QAAO,GAAG;QAEd,GAAA,UAAI,CAAA,OAAA;;;AAIJ,MAAA,gBAAc,QAAC,CAAA;AACnB,IAAA;KAEA,CAAA,YAAA,EAAA,SAAA,EAAA,UAAmC,CAAA,CAAA;AACnC;AACA,EAAA;AACA,IAAA,IAAA,KAAM,IAAA,QAAe,EAAA,QAAG,EAAA;AACxB,MAAA;AACA,QAAA,IAAM,EAAA,cAAa;AACnB,QAAA,QAAM,EAAA,QAAA,EAAA;AACN,OAAA,CAAA;IAEA;KACA,CAAA,QAAM,EAAA,QAAA,EAAA,KAAqB,CAAA,CAAA;QACvB;AACI,IAAA,GAAA,EAAA,SAAE;AACE,IAAA,MAAA,EAAA;AACA,GAAA,GAAA,gBAAE,EAAA;;AAEN,IAAA,GAAA,EAAA,OAAA;AACA,IAAA,MAAA,EAAA;sBACI,EAAA;AAEZ,EAAA,MAAA;AACA,IAAA,GAAA,EAAA,SAAM;IAEN,MAAA,EACI;AAKY,GAAA,GAAA,gBAAE,EAAA;AACI,EAAA,MAAA,CAAA,WAAA,EAAA,cAAiB,CAAA,GAAO,QAAA,CAAA,KAAA,CAAA;AAC3B,EAAA,SAAA,CAAA,MAAA;oBACD,IAAA,UAAmB,IAAI,YAAY,EAAA;AACrC,MAAA,IAAA,UAAE,GAAA,MAAA,CAAA,WAAA,GAAA,YAAA,GAAA,YAAA,EAAA,cAAA,CAAA,IAAA,CAAA,CAAA,KAAA,cAAA,CAAA,KAAA,CAAA;;AAEC,EAAA,CAAA,EAAA,CAAA,YAAA,EAAA,UAAA,EAAA,YAAA,CAAA,CAAA;sBACC,GAAA,MAAA;AAmEA,IAAA,iBAAA,CAAA,CAAA,cAAA,CAAU;;8BAEb;;;AASmB;AACA,EAAA,MAAA,oBAAA,GAAA,MAAA;AACH,IAAA,IAAA,OAAA,GAAA,yDAAE;oCACP,OAAC,IAAA,kBAAA,CAAA,KAAA,EAAA;AACD,MAAA,OAAA,IAAA,8BAAA;;;;;AA6BhC,EAAE,MAAA,eAAA,GAAA,cAAA,EAAA,cAAA,KAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -2,10 +2,12 @@ import * as React from 'react';
|
|
|
2
2
|
export declare const defaultFooterDom: import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export declare const UserView: React.NamedExoticComponent<{
|
|
4
4
|
collapsed: boolean;
|
|
5
|
+
layoutSettings: any;
|
|
5
6
|
}>;
|
|
6
7
|
export declare const FooterSubMenuItemRender: React.NamedExoticComponent<{
|
|
7
8
|
item: any;
|
|
8
9
|
collapsed: boolean;
|
|
10
|
+
layoutSettings: any;
|
|
9
11
|
}>;
|
|
10
12
|
export declare const handleMenuPopup: () => void;
|
|
11
13
|
export declare const itemRender: (route: any, params: any, routes: any, paths: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,gBAAgB,yCAwB5B,CAAC;AAEF,eAAO,MAAM,QAAQ;eAA2B,OAAO;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/BasicLayout/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,gBAAgB,yCAwB5B,CAAC;AAEF,eAAO,MAAM,QAAQ;eAA2B,OAAO;oBAAkB,GAAG;EAyDlE,CAAC;AAEX,eAAO,MAAM,uBAAuB;UAAsB,GAAG;eAAa,OAAO;oBAAkB,GAAG;EAOrG,CAAC;AAEF,eAAO,MAAM,eAAe,YAU3B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAK,EAAE,WAAM,EAAE,WAAM,EAAE,UAAK,4CAStD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAY,UAUvC,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,WAchE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Link}from'react
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Link}from'@remix-run/react';import {isEmpty}from'lodash-es';import {useAppSelector,useLayoutSettings}from'@admin-layout/client';jsxs("footer", {
|
|
2
2
|
className: "flex flex-col items-center justify-center py-4",
|
|
3
3
|
children: [jsxs("div", {
|
|
4
4
|
className: "flex space-x-8 mb-2",
|
|
@@ -28,20 +28,21 @@ import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Lin
|
|
|
28
28
|
})]
|
|
29
29
|
});
|
|
30
30
|
const UserView = React.memo(({
|
|
31
|
-
collapsed
|
|
31
|
+
collapsed,
|
|
32
|
+
layoutSettings
|
|
32
33
|
}) => {
|
|
33
34
|
const {
|
|
34
35
|
profile = {}
|
|
35
36
|
} = useAppSelector(state => state?.user || {});
|
|
36
|
-
const {
|
|
37
|
-
settings
|
|
38
|
-
} = useLayoutSettings();
|
|
39
37
|
const {
|
|
40
38
|
isTest,
|
|
41
39
|
mock,
|
|
42
40
|
nickname,
|
|
43
41
|
picture
|
|
44
42
|
} = profile || {};
|
|
43
|
+
const {
|
|
44
|
+
settings
|
|
45
|
+
} = useLayoutSettings();
|
|
45
46
|
if (isEmpty(profile) || isTest || mock) {
|
|
46
47
|
return jsx("div", {
|
|
47
48
|
className: "flex",
|
|
@@ -84,7 +85,7 @@ const UserView = React.memo(({
|
|
|
84
85
|
id: !isEmpty(profile) || isTest || mock ? `cde-user-placeholder` : 'cde-user',
|
|
85
86
|
className: `${settings?.themeType === 'dark' ? 'text-white' : ''}`,
|
|
86
87
|
children: jsxs("div", {
|
|
87
|
-
className:
|
|
88
|
+
className: `flex items-center ${layoutSettings?.sideMenuType === 'perplexLayout' ? 'flex-col' : ''}`,
|
|
88
89
|
children: [jsx("div", {
|
|
89
90
|
className: "w-8 h-8 rounded-full bg-gray-300 flex items-center justify-center overflow-hidden ml-1 mb-1",
|
|
90
91
|
children: picture ? jsx("img", {
|
|
@@ -96,7 +97,7 @@ const UserView = React.memo(({
|
|
|
96
97
|
children: (nickname || 'Guest').charAt(0)
|
|
97
98
|
})
|
|
98
99
|
}), !collapsed && jsx("span", {
|
|
99
|
-
className: "pl-2",
|
|
100
|
+
className: "pl-2 text-sm",
|
|
100
101
|
children: nickname || 'Guest'
|
|
101
102
|
})]
|
|
102
103
|
})
|
|
@@ -104,11 +105,13 @@ const UserView = React.memo(({
|
|
|
104
105
|
});
|
|
105
106
|
const FooterSubMenuItemRender = React.memo(({
|
|
106
107
|
item,
|
|
107
|
-
collapsed
|
|
108
|
+
collapsed,
|
|
109
|
+
layoutSettings
|
|
108
110
|
}) => {
|
|
109
111
|
if (item?.key === 'usermenu') {
|
|
110
112
|
return jsx(UserView, {
|
|
111
|
-
collapsed: collapsed
|
|
113
|
+
collapsed: collapsed,
|
|
114
|
+
layoutSettings: layoutSettings
|
|
112
115
|
});
|
|
113
116
|
}
|
|
114
117
|
return jsx("span", {
|
|
@@ -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,
|
|
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;AAED,MAAA,SACI,EAAA,qDAEwB;AAehC,MAAW,QAAA,EAAA;AAEX,KAAA,CAAM,EAACA,GAAA,CAAM,GAAA,EAAA;AAEL,MAAA,MAAQ,4BAAuB;YAC3B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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,CA+EzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -2,7 +2,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {gen
|
|
|
2
2
|
const {
|
|
3
3
|
menus,
|
|
4
4
|
collapsed,
|
|
5
|
-
routeParams
|
|
5
|
+
routeParams,
|
|
6
|
+
layoutSettings
|
|
6
7
|
} = props;
|
|
7
8
|
const navigate = useNavigate();
|
|
8
9
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
@@ -52,7 +53,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {gen
|
|
|
52
53
|
},
|
|
53
54
|
children: jsx(FooterSubMenuItemRender, {
|
|
54
55
|
item: menus.menuData[0],
|
|
55
|
-
collapsed: collapsed
|
|
56
|
+
collapsed: collapsed,
|
|
57
|
+
layoutSettings: layoutSettings
|
|
56
58
|
})
|
|
57
59
|
}), isOpen && jsx("div", {
|
|
58
60
|
className: "absolute bottom-full left-0 mb-1 bg-white border border-gray-200 rounded shadow-lg z-10 min-w-40",
|
|
@@ -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,
|
|
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;;4BAES,GAAA,MAAA;aAChB,CAAA,CAAG,MAAM,CAAC;;iBAEN,GAAE,KAAK,EAAI,QAAA,CAAA,CAAA,CAAA,EAAA,QAAA,EAAA,GAAA,CAAA,IAAA,IAAA;WACjB;AACN,MAAE,KAAC,EAAA,IAAA,CAAA,IAAA;MAEH,GAAA,EAAO,IACH,CAAA,GAAA;qBAKa;AACD,MAAA,IAAA,EAAA,IAAA,CAAA;;AA4BpB,EAAE,CAAA,CAAA;AAEF,EAAA,OAAAA,IAAA,CAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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;AAK1B,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;AAK1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAIvD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgJzD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {useDispatch,useSelector}from'react-redux';import {RightContent}from'./RightContent.js';import {icons}from'../../../icons.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';import {useDispatch,useSelector}from'react-redux';import {RightContent}from'./RightContent.js';import {icons}from'../../../icons.js';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {SearchBar}from'./SearchBar.js';const GlobalHeader = props => {
|
|
2
2
|
const {
|
|
3
3
|
theme,
|
|
4
4
|
layout,
|
|
@@ -21,15 +21,38 @@ import {jsx,jsxs}from'react/jsx-runtime';import {Link}from'@remix-run/react';imp
|
|
|
21
21
|
isSearching
|
|
22
22
|
} = useSelector(state => state.search);
|
|
23
23
|
const currentRoute = location?.pathname || '/';
|
|
24
|
-
const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
|
|
25
24
|
const deviceType = isMobile ? 'mobile' : 'desktop';
|
|
26
|
-
|
|
27
|
-
const
|
|
25
|
+
// Helper function to get value from uilayout with route/device override support
|
|
26
|
+
const getUILayoutValue = path => {
|
|
27
|
+
// Check for route/device-specific override first
|
|
28
|
+
const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
|
|
29
|
+
const uiOverride = settings?.uiSettings?.[routeDeviceKey];
|
|
30
|
+
if (uiOverride) {
|
|
31
|
+
const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
|
|
32
|
+
if (value !== undefined) return value;
|
|
33
|
+
}
|
|
34
|
+
// Fallback to settings (flattened uilayout from configuration-registries)
|
|
35
|
+
return path.split('.').reduce((obj, key) => obj?.[key], settings);
|
|
36
|
+
};
|
|
37
|
+
// Get device settings directly from uilayout
|
|
38
|
+
const deviceSettings = {
|
|
39
|
+
header: getUILayoutValue('header'),
|
|
40
|
+
background: getUILayoutValue('background')
|
|
41
|
+
};
|
|
42
|
+
// Get layout settings directly from uilayout
|
|
43
|
+
const layoutSettings = {
|
|
44
|
+
contentWidth: getUILayoutValue('contentWidth'),
|
|
45
|
+
navigationMode: getUILayoutValue('navigationMode'),
|
|
46
|
+
sideMenuType: getUILayoutValue('sideMenuType'),
|
|
47
|
+
fixedHeader: getUILayoutValue('fixedHeader'),
|
|
48
|
+
fixedSidebar: getUILayoutValue('fixedSidebar'),
|
|
49
|
+
splitMenus: getUILayoutValue('splitMenus'),
|
|
50
|
+
upperMenuDividerName: getUILayoutValue('upperMenuDividerName'),
|
|
51
|
+
middleMenuDividerName: getUILayoutValue('middleMenuDividerName'),
|
|
52
|
+
lowerMenuDividerName: getUILayoutValue('lowerMenuDividerName')
|
|
53
|
+
};
|
|
28
54
|
const headerSettings = deviceSettings?.header || {};
|
|
29
|
-
const backgroundSettings = deviceSettings?.background || {
|
|
30
|
-
type: 'color',
|
|
31
|
-
color: 'inherit',
|
|
32
|
-
image: ''};
|
|
55
|
+
const backgroundSettings = deviceSettings?.background || {};
|
|
33
56
|
// Use CSS classes instead of theme-based styling
|
|
34
57
|
const getHeaderClasses = () => {
|
|
35
58
|
let classes = `z-10 py-4 top-0 border-b border-border relative ${layoutSettings?.fixedHeader ? 'sticky' : 'relative'}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../src/components/Layout/GlobalHeader/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAuB3C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2IrC,CAAC"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';
|
|
2
|
-
from { transform: rotate(0deg); }
|
|
3
|
-
to { transform: rotate(360deg); }
|
|
4
|
-
`;
|
|
5
|
-
function useWindowSize() {
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect}from'react';function useWindowSize() {
|
|
6
2
|
const [windowSize, setWindowSize] = useState({
|
|
7
3
|
width: undefined,
|
|
8
4
|
height: undefined
|
|
@@ -30,13 +26,6 @@ const Logo = props => {
|
|
|
30
26
|
location
|
|
31
27
|
} = props;
|
|
32
28
|
const size = useWindowSize();
|
|
33
|
-
// Mock prefersReducedMotion logic with SSR check
|
|
34
|
-
const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);
|
|
35
|
-
useEffect(() => {
|
|
36
|
-
if (typeof window !== 'undefined') {
|
|
37
|
-
setPrefersReducedMotion(window.matchMedia('(prefers-reduced-motion: reduce)').matches);
|
|
38
|
-
}
|
|
39
|
-
}, []);
|
|
40
29
|
return jsxs("svg", {
|
|
41
30
|
width: "100%",
|
|
42
31
|
height: "60",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.js","sources":["../../../../src/components/Layout/GlobalHeader/Logo.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Logo.js","sources":["../../../../src/components/Layout/GlobalHeader/Logo.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"gFAGA,SAAS,aAAa,GAAA;AAClB,EAAA,MAAA,CAAA,UAAO,EAAU,iBAAgB;AAC7B,IAAA,KAAA,EAAA,SAAO;AACP,IAAA,MAAA,EAAA;AACH,GAAA,CAAA;WACD,CAAA,MAAa;AACT,IAAA,SAAA,YAAS,GAAA;AACL,MAAA,aAAA,CAAA;qBACS,CAAA,UAAS;gBACd,MAAM,CAAA;AACT,OAAA,CAAA;;AAEL,IAAA,IAAA,OAAI,MAAO,KAAM,WAAK,EAAA;AAClB,MAAA,MAAA,CAAA,gBAAO,CAAA,sBAA2B,CAAA;AAClC,MAAA,YAAA,EAAA;aACA,MAAO,MAAM,CAAA,mBAAO,CAAA,QAAoB,EAAA,YAAU,CAAA;;KAEzD,EAAE,CAAA;AACH,EAAA,OAAA;AACJ;AAEO,MAAM,IAAI,GAAyB,KAAC,IAAO;QAC9C;AACA,IAAA,QAAM;AAEN,IAAA,IAAA;AAOgB,IAAA,QAAA;;AAEA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA,IAAA,GAAA,aAAU,EAAI;AACd,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAE;AACF,IAAA,KAAA,EAAA,MAAA;;;;;;;AAYF;AA+GlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { MainHeaderProps, PrivateHeaderProps } from '../../typings';
|
|
3
|
-
export declare const defaultRenderLogo: (logo: () => React.ReactElement,
|
|
4
|
-
export declare const defaultRenderLogoAndTitle: (props: any,
|
|
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
5
|
export declare const MainHeader: React.FC<MainHeaderProps & PrivateHeaderProps>;
|
|
6
6
|
//# sourceMappingURL=MainHeader.d.ts.map
|