@admin-layout/tailwind-design-pro 12.0.16-alpha.4 → 12.0.16-alpha.41
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 +39 -9
- 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.js +1 -1
- package/lib/components/Layout/GlobalHeader/Header.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/Logo.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/MainHeader.js +2 -2
- 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} +4 -5
- 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 +173 -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 +8 -5
- 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.js.map +1 -1
- package/lib/components/SettingDrawer/InvitationSettings.js +1 -1
- package/lib/components/SettingDrawer/InvitationSettings.js.map +1 -1
- package/lib/components/SettingDrawer/LayoutChange.js +1 -1
- 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.map +1 -1
- package/lib/components/SettingDrawer/NavigationsModes.js +91 -5
- package/lib/components/SettingDrawer/NavigationsModes.js.map +1 -1
- package/lib/components/SettingDrawer/RegionalSettings.js +1 -1
- 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 +54 -6
- package/lib/components/SettingDrawer/SettingDrawer.js.map +1 -1
- package/lib/components/SettingDrawer/Switch/index.js.map +1 -1
- package/lib/components/SettingDrawer/ThemeColor.js.map +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.d.ts +2 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.d.ts.map +1 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.js +3 -1
- package/lib/components/UpdateSettingsResource/UpdateSettingsResource.js.map +1 -1
- 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 +1 -0
- package/lib/compute.js.map +1 -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 +4 -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.map +1 -1
- package/lib/machines/settingsMachine.js +27 -3
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +7 -1
- 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 +1 -0
- package/lib/tailwindConfig.js.map +1 -1
- package/lib/utils/isBrowser/index.js.map +1 -1
- package/lib/utils/utils/index.js.map +1 -1
- package/package.json +7 -21
- 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,EAKhB,iBAAiB,EAEpB,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,CAiT3F,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {defaultSettings,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'../GlobalHeader/Logo.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
|
|
@@ -62,8 +62,10 @@ const BasicLayout = props => {
|
|
|
62
62
|
};
|
|
63
63
|
const [scrolled, setScrolled] = useState(false);
|
|
64
64
|
const [collapsed, setCollapsed] = useState(false);
|
|
65
|
+
const [siderPinned, setSiderPinned] = useState(false);
|
|
65
66
|
const {
|
|
66
67
|
menuData,
|
|
68
|
+
fullMenuData,
|
|
67
69
|
location,
|
|
68
70
|
routeParams,
|
|
69
71
|
settings,
|
|
@@ -191,6 +193,18 @@ const BasicLayout = props => {
|
|
|
191
193
|
}
|
|
192
194
|
return classes;
|
|
193
195
|
};
|
|
196
|
+
// Derived layout flags for clarity
|
|
197
|
+
const isSidebarLayout = layoutSettings?.navigationMode !== 'topbar';
|
|
198
|
+
const showHeaderMenu = deviceSettings?.header?.showMenu;
|
|
199
|
+
const hasFixedSidebar = layoutSettings?.fixedSidebar;
|
|
200
|
+
const isPerplexLayout = settings?.sideMenuType === 'perplexLayout';
|
|
201
|
+
const isAppShell = LAYOUT_ROOT != '/';
|
|
202
|
+
const shouldApplySidebarMargin = isSidebarLayout && showHeaderMenu && hasFixedSidebar && !isMobile && isAppShell;
|
|
203
|
+
const shouldShowSidebar = isSidebarLayout && showHeaderMenu && isAppShell;
|
|
204
|
+
// Compute margin-left based on layout type and state
|
|
205
|
+
const computedMarginLeft = shouldApplySidebarMargin ? !isPerplexLayout ? collapsed ? '64px' : '256px' : !siderPinned ? '92px' : '316px' : '0px';
|
|
206
|
+
const memoizedMenuData = useMemo(() => menuData, [menuData]); // Only recompute if menuData changes
|
|
207
|
+
const memoizedRouteParams = useMemo(() => routeParams, [routeParams]); // Stable reference for routeParams
|
|
194
208
|
return jsxs("div", {
|
|
195
209
|
className: getBackgroundClasses(),
|
|
196
210
|
ref: horizontalScrollRef,
|
|
@@ -202,14 +216,14 @@ const BasicLayout = props => {
|
|
|
202
216
|
children: [deviceSettings?.header?.showHeader && LAYOUT_ROOT != '/' && jsx(GlobalHeader, {
|
|
203
217
|
toggleSideMenu: toggleSideMenu,
|
|
204
218
|
settings: settings,
|
|
205
|
-
upperMenus: getMenuSeparation(
|
|
206
|
-
routeParams:
|
|
219
|
+
upperMenus: getMenuSeparation(memoizedMenuData).upperMenus,
|
|
220
|
+
routeParams: memoizedRouteParams,
|
|
207
221
|
collapsed: collapsed,
|
|
208
222
|
...props
|
|
209
223
|
}), LAYOUT_ROOT === '/' && deviceSettings?.header?.showHeader && jsx(MainHeader, {
|
|
210
224
|
scrolled: scrolled,
|
|
211
225
|
location: location,
|
|
212
|
-
menuData:
|
|
226
|
+
menuData: memoizedMenuData,
|
|
213
227
|
settings: settings,
|
|
214
228
|
pageTitleInfo: pageTitleInfo,
|
|
215
229
|
onSettingChange: onSettingChange,
|
|
@@ -220,18 +234,33 @@ const BasicLayout = props => {
|
|
|
220
234
|
componentVisibility: componentVisibility
|
|
221
235
|
}), jsxs("div", {
|
|
222
236
|
className: "bg-background",
|
|
223
|
-
children: [
|
|
237
|
+
children: [shouldShowSidebar && !isPerplexLayout && jsx(MainSidebar, {
|
|
224
238
|
isSideMenuOpen: isSideMenuOpen,
|
|
225
239
|
closeSideMenu: closeSideMenu,
|
|
226
|
-
menuData:
|
|
240
|
+
menuData: memoizedMenuData,
|
|
227
241
|
collapsed: collapsed,
|
|
228
242
|
setCollapsed: setCollapsed,
|
|
229
|
-
routeParams:
|
|
230
|
-
settings: settings
|
|
243
|
+
routeParams: memoizedRouteParams,
|
|
244
|
+
settings: settings,
|
|
245
|
+
siderPinned: siderPinned,
|
|
246
|
+
setSiderPinned: setSiderPinned
|
|
247
|
+
}), shouldShowSidebar && isPerplexLayout && jsx(PerplexSidebar, {
|
|
248
|
+
isSideMenuOpen: isSideMenuOpen,
|
|
249
|
+
closeSideMenu: closeSideMenu,
|
|
250
|
+
menuData: memoizedMenuData,
|
|
251
|
+
collapsed: collapsed,
|
|
252
|
+
setCollapsed: setCollapsed,
|
|
253
|
+
routeParams: memoizedRouteParams,
|
|
254
|
+
settings: settings,
|
|
255
|
+
layoutSettings: layoutSettings,
|
|
256
|
+
deviceSettings: deviceSettings,
|
|
257
|
+
siderPinned: siderPinned,
|
|
258
|
+
setSiderPinned: setSiderPinned,
|
|
259
|
+
actor: actor
|
|
231
260
|
}), jsxs("div", {
|
|
232
261
|
className: "flex flex-col flex-1 bg-background",
|
|
233
262
|
style: {
|
|
234
|
-
marginLeft:
|
|
263
|
+
marginLeft: computedMarginLeft,
|
|
235
264
|
padding: LAYOUT_ROOT != '/' ? '24px' : '0px'
|
|
236
265
|
},
|
|
237
266
|
children: [config.ENABLE_SETTING_DRAWER && jsx(SettingDrawer, {
|
|
@@ -248,6 +277,7 @@ const BasicLayout = props => {
|
|
|
248
277
|
},
|
|
249
278
|
actor: actor,
|
|
250
279
|
colorList: getThemeColors(settings?.theme),
|
|
280
|
+
fullMenuData: fullMenuData,
|
|
251
281
|
...props
|
|
252
282
|
}), jsxs("main", {
|
|
253
283
|
className: "relative",
|
|
@@ -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":"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"}
|
|
@@ -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,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,
|
|
@@ -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":"0ZASO,MAAM,YAAY,GAAqC,KAAC,IAAO;AAClE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AACN,IAAA,UAAM;AACN,IAAA,WAAQ;AAER,IAAA;AACA,IAAA;IACA,cAAM;IACN;MACA,KAAM;AACN,EAAA,MAAA;AACA,IAAA;AACI,GAAA,GAAA,KAAA;AACA,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,aAAS,EAAA;EACX,WAAA;QAEF;IACA,WAAM;AACF,IAAA;iBAII,CAAA,KAAA,IAAA,KAAmB,CAAA,MAAI,CAAK;oBACrB,GAAI,sBAAsB,GAAA;QACrC,aAAC,GAAA,QAAA,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AAED,EAAA,MAAA,qBAAe,GAAA,QAAA,GAAA,SAAA;AACnB,EAAA,MAAE,cAAA,GAAA,aAAA,EAAA,OAAA,GAAA,UAAA,CAAA,IAAA,EAAA;QAEF,cAAM,GAAe,aAAQ,EAAA,MAAA,GAAA,UAAA,CAAA,IAAA,EAAA;QACzB,cAAM,GAAU,cAA2B,EAAA,MAAA,IAAA,EAAA;QAE3C,kBAAI,GAAA,cAA4B,EAAA,UAAW,IAAA;iBACvC;SACH,EAAA,SAAA;AAAM,IAAA,KAAA,EAAA;;AAKP,EAAA,MAAA,gBAAuB,GAAA,MAAQ;AAC3B,IAAA,IAAA,OAAA,GAAA,CAAA,gDAAoC,EAAA,cAAA,EAAA,WAAA,GAAA,QAAA,GAAA,UAAA,CAAA,CAAA;AACpC,IAAA,IAAA,kBAAW,CAAA,IAAQ,KAAA,OAAA,IAAA,kBAAkB,CAAA,KAAA,EAAA;aACxC,IAAA,qBAAA;AAED,IAAA;AACJ,IAAA,OAAE,OAAA;;QAGE,eAAe,GAAE,MAAA;AAAY,IAAA,MAAA,UAAY,GAAA,EAAA;IAE7C,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAA,IAA0C,kBAAA,CAAA,KAAA,EAAA;MAC1C,UAAM,CAAA,eAAgB,GAAA,CAAA,IAAc,EAAE,kBAAkB,CAAA,KAAA,CAAA,CAAA,CAAA;IAExD,CAAA,MAAA,IAAA,kBAAA,CAAA,IAAA,KAAA,OAA6C,IAAA,kBAAA,CAAA,KAAA,KAAA,SAAA,EAAA;MAC7C,UAAM,CAAA,eAAmB,GAAA,kBAAgB,CAAA,KAAA;IAEzC;AAyDJ;AAEA,IAAA,IAAA,uBAA4B,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.js","sources":["../../../../src/components/Layout/GlobalHeader/Logo.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"uHAIa,SAAS;;;;AAKtB,SAAS,aAAa,GAAA;AAClB,EAAA,MAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"Logo.js","sources":["../../../../src/components/Layout/GlobalHeader/Logo.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"uHAIa,SAAS;;;;AAKtB,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;IAEN,IAAA;IACA,QAAO;IAEP;AACI,GAAA,GAAA,KAAA;YACI,GAAA,aAAA,EAAA;;QAEL,CAAE,oBAAE,EAAA,uBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAEP,EAAA,SAAM,CAAA,MAAA;AAEN,IAAA,IAAA,OACI,MAAA,KAAA;AAMY,MAAA,uBAAS,CAAA,MAAA,CAAA,UAAA,CAAA,kCAAA,CAAA,CAAA,OAAA,CAAA;;AAET,EAAA,CAAA,EAAA,EAAA,CAAA;AAEA,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAE;AACF,IAAA,KAAA,EAAA,MAAA;;;;;;;AAYF;AA+GlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {getMenuSeparation}from'@admin-layout/client';import {keyframes}from'@emotion/react';import {useLocation,Link}from'@remix-run/react';import {RightMenu}from'./RightMenu.js';import'@common-stack/components-pro';import {HeaderSearchBarSlot}from'../slot-fill/HeaderSearchBar.js';import {HeaderSearchButtonSlot}from'../slot-fill/HeaderSearchButton.js';import {RightContentSlot}from'../slot-fill/RightContent.js';import {SearchBarBehavior}from'../../../machines/types.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {getMenuSeparation}from'@admin-layout/client';import {keyframes}from'@emotion/react';import {useLocation,Link}from'@remix-run/react';import {RightMenu}from'./RightMenu.js';import'@common-stack/components-pro';import {HeaderSearchBarSlot}from'../slot-fill/HeaderSearchBar.js';import {HeaderSearchButtonSlot}from'../slot-fill/HeaderSearchButton.js';import {RightContentSlot}from'../slot-fill/RightContent.js';import {SearchBarBehavior}from'../../../machines/types.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../../hooks/useMediaQuery.js';import {Logo}from'./Logo.js';const spin = keyframes`
|
|
2
2
|
from { transform: rotate(0deg); }
|
|
3
3
|
to { transform: rotate(360deg); }
|
|
4
4
|
`;
|
|
@@ -139,7 +139,7 @@ const MainHeader = props => {
|
|
|
139
139
|
}, animation, layout === 'mix' ? 'headerTitleRender' : undefined);
|
|
140
140
|
// Use CSS classes instead of theme-based styling
|
|
141
141
|
const getHeaderClasses = () => {
|
|
142
|
-
let classes = `${isMobile ? headerSettings?.position || 'fixed' : scrolled ? 'fixed' : 'absolute'} w-full top-0 z-
|
|
142
|
+
let classes = `${isMobile ? headerSettings?.position || 'fixed' : scrolled ? 'fixed' : 'absolute'} w-full top-0 z-[100] px-[8%] transition-all duration-1000 ease-in-out group`;
|
|
143
143
|
if (scrolled) {
|
|
144
144
|
classes += ' py-2 shadow-themed-md';
|
|
145
145
|
} else {
|
|
@@ -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,4 +1,4 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Link}from'react
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {Link}from'@remix-run/react';import {useTranslation}from'react-i18next';import {generateMenuPath}from'@admin-layout/client';const OrganizationDropDown = props => {
|
|
2
2
|
const {
|
|
3
3
|
theme,
|
|
4
4
|
layout,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrganizationDropdown.js","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMA,MAAM,oBAAoB,GAAqC,KAAC,
|
|
1
|
+
{"version":3,"file":"OrganizationDropdown.js","sources":["../../../../src/components/Layout/GlobalHeader/OrganizationDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"0NAMA,MAAM,oBAAoB,GAAqC,KAAC,IAAO;AACnE,EAAA,MAAA;IACA,KAAA;IACA,MAAM;AACN,IAAA;IACA,WAAW;IAEX,SAAA;IACA;AACI,GAAA,GAAA,KAAA;QACA,CAAA,uBAAA,EAA0B,0BAAQ,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAE,CAAA,iBAAA,EAAA,oBAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEF,WAAA,GAAA,MAAA,CAAA,IAAA,CAAA;QACA;AACI,IAAA,CAAA;AACI,IAAA;oBACI,CAAA,MAAA,CAAA;;AAER,EAAA,MAAA,iBAAE,GAAA,MAAA;AAEF,IAAA,oBAAS,CAAA,CAAA;AACT,IAAA,0BAAY,CAAA,KAAA,CAAA;AACR,EAAA,CAAA;AACJ;WACG,CAAA,MAAA;IAEP,MAAA,kBAAsB,GAAA,KAAA,IAAA;MACtB,IAAM,WAAA,CAAA,OAAmB,IAAG,CAAE,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QAC1B,oBAAoB,CAAC,KAAK,CAAC;AAC/B,MAAE;IAEF,CAAA;YACI,CAAA,gBAAqB,CAAA,WAAO,EAAA,kBAAA,CAAA;AAChC,IAAA,OAAE,MAAA;AAEF,MAAA,QACI,CAAA,+BAAuB,EAAA,kBAAoB,CAAA;AAmB3B,IAAA,CAAA;AAexB,EAAE,CAAA,EAAA,EAAA,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GlobalHeaderRightProps } from '../../typings';
|
|
3
|
+
export declare const useHorizontalScroll: () => React.MutableRefObject<HTMLDivElement>;
|
|
3
4
|
export declare const RightContent: React.FC<GlobalHeaderRightProps>;
|
|
4
5
|
//# sourceMappingURL=RightContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RightContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,8CAsB/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA8EzD,CAAC"}
|
|
@@ -1,13 +1,80 @@
|
|
|
1
|
-
import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {useState,useEffect,useRef}from'react';import {LanguageMenu}from'../../LanguageMenu/LanguageMenu.js';import OrganizationDropDown from'./OrganizationDropdown.js';const useHorizontalScroll = () => {
|
|
2
|
+
const elRef = useRef(null);
|
|
3
|
+
useEffect(() => {
|
|
4
|
+
const el = elRef.current;
|
|
5
|
+
if (el) {
|
|
6
|
+
const onWheel = e => {
|
|
7
|
+
if (e.deltaY === 0) return;
|
|
8
|
+
e.preventDefault();
|
|
9
|
+
el.scrollTo({
|
|
10
|
+
left: el.scrollLeft + e.deltaY,
|
|
11
|
+
behavior: 'smooth'
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
el.addEventListener('wheel', onWheel);
|
|
15
|
+
return () => {
|
|
16
|
+
el.removeEventListener('wheel', onWheel);
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
}, []);
|
|
20
|
+
return elRef;
|
|
21
|
+
};
|
|
22
|
+
const RightContent = props => {
|
|
2
23
|
const {
|
|
3
|
-
|
|
24
|
+
theme,
|
|
25
|
+
layout,
|
|
4
26
|
upperMenus,
|
|
5
|
-
|
|
6
|
-
collapsed
|
|
27
|
+
routeParams,
|
|
28
|
+
collapsed,
|
|
29
|
+
settings
|
|
7
30
|
} = props;
|
|
31
|
+
const [navBarItems, setNavBarItems] = useState([]);
|
|
32
|
+
const scrollRef = useHorizontalScroll();
|
|
33
|
+
// TODO: uncomment this once the extension API is updated
|
|
34
|
+
// const controller: any = useExtensionController();
|
|
35
|
+
// useEffect(() => {
|
|
36
|
+
// if (controller) {
|
|
37
|
+
// const subscription = controller.services.contribution.getContributions().subscribe(({ pageNavBar }) => {
|
|
38
|
+
// setNavBarItems(pageNavBar || []);
|
|
39
|
+
// });
|
|
40
|
+
// return () => subscription.unsubscribe();
|
|
41
|
+
// }
|
|
42
|
+
// }, [controller]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
const ele = document.getElementById('item-wrapper');
|
|
45
|
+
if (ele) {
|
|
46
|
+
if (check(ele)) {
|
|
47
|
+
ele.style.boxShadow = 'inset 0 0 5px #e2e2e2';
|
|
48
|
+
} else {
|
|
49
|
+
ele.style.boxShadow = 'none';
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
const check = el => {
|
|
54
|
+
const curOverflow = el.style.overflow;
|
|
55
|
+
if (!curOverflow || curOverflow === 'visible') {
|
|
56
|
+
el.style.overflow = 'hidden';
|
|
57
|
+
}
|
|
58
|
+
const isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
|
|
59
|
+
el.style.overflow = curOverflow;
|
|
60
|
+
return isOverflowing;
|
|
61
|
+
};
|
|
8
62
|
return jsxs("div", {
|
|
9
|
-
className:
|
|
63
|
+
className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`,
|
|
10
64
|
children: [jsx("div", {
|
|
65
|
+
id: "item-wrapper",
|
|
66
|
+
ref: scrollRef,
|
|
67
|
+
className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1",
|
|
68
|
+
children: navBarItems.map((item, index) => {
|
|
69
|
+
if (item.position === 'right' && item.component) {
|
|
70
|
+
return jsx("div", {
|
|
71
|
+
className: "flex-shrink-0",
|
|
72
|
+
children: item.component(props)
|
|
73
|
+
}, index);
|
|
74
|
+
}
|
|
75
|
+
return null;
|
|
76
|
+
})
|
|
77
|
+
}), jsx("div", {
|
|
11
78
|
className: "relative",
|
|
12
79
|
children: jsx(LanguageMenu, {})
|
|
13
80
|
}), jsx("div", {
|
|
@@ -20,4 +87,4 @@ import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../Languag
|
|
|
20
87
|
})
|
|
21
88
|
})]
|
|
22
89
|
});
|
|
23
|
-
};export{RightContent};//# sourceMappingURL=RightContent.js.map
|
|
90
|
+
};export{RightContent,useHorizontalScroll};//# sourceMappingURL=RightContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RightContent.js","sources":["../../../../src/components/Layout/GlobalHeader/RightContent.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"iNAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAW,MAAG,CAAA,IAAuB,CAAA;WAErC,CAAA,MAAa;AACT,IAAA,MAAA,EAAA,GAAM,KAAK,CAAA;QACX,EAAA,EAAI;AACA,MAAA,MAAA,OAAM,GAAA,CAAA,IAAO;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAE,CAAA,EAAM;wBAAQ,EAAA;mBAClB,CAAA;gBACF,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,MAAA,CAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAG;AACH,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,MAAA,CAAA;AACJ,IAAA;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAO;AACH,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAM;IAEN,WAAA;IAEA,SAAA;IAEA;MACA,KAAA;QACA,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,EAAA,CAAA;QACA,SAAA,GAAA,mBAAA,EAAA;;;;;;;;AASQ;AACI;;kBACI;AACJ,IAAA,MAAA,GAAA,GAAA,QAAI,CAAK,6BAAoB,CAAA;aAChC;UACJ,KAAA,CAAA,GAAA,CAAA,EAAA;AACL,QAAG,GAAA,CAAA,KAAA,CAAA,SAAA,GAAA,uBAAA;AAEH,MAAA,CAAA,MAAM;AACF,QAAA,GAAA,CAAA,eAAiB,GAAK,MAAM;AAC5B,MAAA;AACI,IAAA;;AAEJ,EAAA,MAAA,KAAA;AACA,IAAA,MAAE,WAAO,GAAA,EAAQ,CAAA,cAAe;AAChC,IAAA,IAAA,CAAA,0BAAqB,KAAA,SAAA,EAAA;AACzB,MAAE,EAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;IAEF;IACA,MAAI,aAAU,GAAM,EAAI,YAAW,GAAA,GAAO,WAAC,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;YACvC,CAAA,QAAA,GAAc;IAClB,OAAC,aAAA;AAED,EAAA,CAAA;AAgBY,EAAA,OAAAA,IAAA,CAAA,KAAE,EACA;AAiBlB,IAAE,SAAA,EAAA,CAAA,kBAAA,EAAA,SAAA,GAAA,QAAA,GAAA,MAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|