@admin-layout/tailwind-design-pro 12.0.16-alpha.3 → 12.0.16-alpha.30
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/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 +38 -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/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/RightContent.d.ts +1 -0
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.js +74 -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/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/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 +293 -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 +170 -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 +261 -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/util.js +1 -1
- package/lib/components/Layout/util.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 +10 -2
- package/lib/components/SettingDrawer/SettingDrawer.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 +9 -6
- package/lib/components/typings.d.ts.map +1 -1
- package/lib/hooks/index.d.ts +0 -3
- package/lib/hooks/index.d.ts.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 +8 -1
- package/lib/machines/settingsMachine.js.map +1 -1
- package/lib/machines/types.d.ts +4 -1
- package/lib/machines/types.d.ts.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
|
}
|
|
@@ -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,CAgT3F,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,32 @@ 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
|
+
siderPinned: siderPinned,
|
|
257
|
+
setSiderPinned: setSiderPinned,
|
|
258
|
+
actor: actor
|
|
231
259
|
}), jsxs("div", {
|
|
232
260
|
className: "flex flex-col flex-1 bg-background",
|
|
233
261
|
style: {
|
|
234
|
-
marginLeft:
|
|
262
|
+
marginLeft: computedMarginLeft,
|
|
235
263
|
padding: LAYOUT_ROOT != '/' ? '24px' : '0px'
|
|
236
264
|
},
|
|
237
265
|
children: [config.ENABLE_SETTING_DRAWER && jsx(SettingDrawer, {
|
|
@@ -248,6 +276,7 @@ const BasicLayout = props => {
|
|
|
248
276
|
},
|
|
249
277
|
actor: actor,
|
|
250
278
|
colorList: getThemeColors(settings?.theme),
|
|
279
|
+
fullMenuData: fullMenuData,
|
|
251
280
|
...props
|
|
252
281
|
}), jsxs("main", {
|
|
253
282
|
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":"ouCAyBO,MAAM,mBAAmB,GAAG,CAAC;AAChC,EAAA,WAAW;uBAEI;AACX,EAAA;;AAEI,EAAA,MAAA,KAAA,GAAA,MAAa,EAAA;AACT,EAAA,SAAA,CAAA,MAAA;oBAAmB,CAAO,OAAA,IAAA,IAAA;;mBAGgC,GAAA,CAAA,IAAA;oBACpD,IAAA,CAAA,EAAA;wBACiB,EAAA;AAIvB;;;AAGA,QAAA,IAAA,MAAA,CAAA,OAAU,GAAC,EAAA,EAAA;qBACI,CAAA,IAAA,CAAA;;AAEf,QAAA,IAAA,MAAA,CAAA,OAAU,GAAY,EAAA,EAAA;AAClB,UAAA,WAAA,CAAA,KAAA,CAAA;;AAER,QAAA,IAAA,MAAE,CAAA,WAAA,GAAA,MAAA,CAAA,OAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA,EAAA;AAEF,UAAA,gBAAuB,EAAA;AACvB;AACI,OAAA;AACJ,MAAA,MAAA,CAAC,gBAAC,CAAA,QAAA,EAAA,OAAA,CAAA;aACL,MAAA;QACA,MAAE,CAAA,mBAAA,CAAA,QAAA,EAAA,OAAA,CAAA;AACP,OAAA;AACJ;AAEA,GAAA,EAAA;AAQI,EAAA,OAAA,KAAQ;AACR;AACA,MAAA,sBAAwB,GAAK,CAAA,SAAG,EAAA,KAAA,KAAA;QAC5B;AACI,IAAA;AACA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA,gBAAY,gBAAA,CAAA,SAAA,CAAA;qBACd,KAAA,KAAA,EAAA;IACN,OAAC;MACG,KAAA,EAAA,KAAA,CAAA,SAAkB,EAAA;AAClB,MAAA,EAAA,EAAA,EAAA;AACA,MAAA,QAAW,EAAA;;AAEH;qBACK,EAAA;eACP,GAAA,eAAA,CAAA,SAAA,EAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA;QACN,OAAC,KAAA,KAAA,QAAA,EAAA;aACM;QACV,GAAA,aAAA;AACD,QAAA;AACJ,OAAE;AAEF;IAGI,OAAM,CAAA,OAAA,KAAA,4EAA0D,CAAA;;SAE1D,aAAY;;AAGd,MAAQ,mBACE,IAAE;QAkBV,iBAAe,GAAmB;IACxC,GAAM,eAAY;IAClB,GAAM;AACN,GAAA;AACA,EAAA,MAAA,CAAA,QAAQ,EAAA,eAAsB,QAAC,CAAA,KAAA,CAAA;AAE/B,EAAA,MAAA,CAAA,SAAgB,EAAA,YAAK,CAAA,GAAA,QAAgB,CAAA,KAAA,CAAA;QAEkC,CAAA,WAAA,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAC9D;AACL,YAII;gBACQ;;;;;gBAUJ;mBAE0B;AAC1B,IAAA,eAAA;AACJ,IAAA;uBACH;AACL,EAAA,MAAI,CAAA,cAAA,EAAA,iBAA+B,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;QAEe,CAAA,SAAA,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAClD,EAAA,MAAA,CAAA,kBAAqB,EAAA,qBAAyB,CAAC,GAAA,QAAA,CAAA,KAAA,CAAA;AAC/C,EAAA,MAAA;IAEA;MACM,eAAa;QACb;IACN;AACA,GAAA,GAAA,MAAwB;AACpB,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,aAAS,EAAA;AACT;WACF,CAAA,MAAA;IAEF,IAAM,kBAAgB,IAAG,QAAK,EAAA;;AAE9B,MAAE,MAAA,OAAA,GAAA,MAAA,CAAA,OAAA;;cAGa,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,OAAA;cACU,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,GAAA,CAAA,CAAA,EAAA,OAAA,CAAA,EAAA,CAAA;cACL,CAAA,IAAA,CAAA,KAAA,CAAA,KAAA,GAAA,MAAA;AACnB,MAAC,QAAC,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,QAAA;MAEG,OAAA,MAAA;AAEE;AACH,QACA,QAAQ,CAAC,IACZ,CAAA,KAAA,CAAA,QAAA,GAAA,EAAA;QACI,QAAA,CAAA,IAAA,CAAA,KAAgB,CAAA,GAAA,GAAA,EAAA;QAEd,QAAQ,CAAA,IAAU,CAAA,KAAA,CAAE,KAAQ,GAAA,EAAA;AAC5B,QAAA,QAAe,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,GAAA,EAAA;;AAKvB,QAAA,eAAmB,CAAA,CAAA,EAAA,OAAO,CAAA;OAEpB;AAEN;AACI,GAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,CAAA,CAAA;AACI;AACA,EAAA,MAAA,YAAgB,GAAA,QAAA,EAAA,QAAA,IAAA,GAAA;AAChB,EAAA,MAAA,aAAA,GAAA,QAAqB,EAAA,aAAA,GAAA,YAAA,CAAA,IAAA,QAAA,EAAA,aAAA,GAAA,GAAA,CAAA,IAAA,QAAA;AACxB;AACJ,EAAA,MAAE,UAAA,GAAA,QAAA,GAAA,QAAA,GAAA,SAAA;QAEM,cAAM,GAAA,aAAA,EAAA,OAAA,GAAA,UAAA,CAAA,IAAA,EAAA;AACX,EAAA,MAAA,cAAc,GAAQ,aAAc,EAAA,MAAA,GAAK,UAAU,CAAA,IAAgB,EAAA;0BACjD,GAAG,cAAK,EAAW,UAAqB,IAAA;iBACvC;SAClB,EAAA,SAAA;IACL,KAAgB,EAAA;AAIZ,EAAA,MAAA,gBAAa,GAAA,MAAU;gBACd,CAAA,aAAM,IAAA,CAAA,aAAA,CAAA;AACP,GAAA;2BACkB,GAAA,mBAAU,CAAA;AAC/B,IAAA,WAAE;yBACN;IACL;AAEA,GAAA,CAAA;AACA,EAAA,MAAA,YAAa,GAAA,IAAS,CAAA;AACtB,IAAA,GAAA;KACM,CAAA,QAAY,CAAA,CAAA;QAET,aAAM,GAAA,sBAAA,CAAA;AACX,IAAA,QAAI,YAAY,QAAI;;sBACiE,CAAA;;uBAC9D,GAAA,cAAQ,EAAA,MAAA,EAAA,eAAA,IAAA,EAAA;QAC/B;IACJ;MAEM,kBAAc,CAAG,CAAA;AACnB,IAAA,SAAA,EAAA,eAAiC;AACrC,IAAA,EAAE,EAAA,YAAA;IAEF,eAAM,EAAA;;AAEN,EAAA,SAAE,CAAA,MAAA;IAEF,IAAiD,UAAA,CAAA,OAAA,EAAA,YAAA,KAAA,UAAA,IAAA,YAAA,KAAA,UAAA,EAAA;MAC3C,MAAA,QAAA,GAAA;QACF,GAAI,UAAU,CAAA,OAAA;QAEd;;qBAEC,CAAA,QAAA,CAAA;AAED;AACJ,GAAA,EAAC,CAAC,YAAA,EAAA,SAAA,EAAA,UAAA,CAAA,CAAA;;AAGF,EAAA;AACA,IAAA,IAAA,iBAAuB,EAAA,QAAA,EAAA;AACvB,MAAA,KAAqB,CAAA,IAAA,CAAA;AACrB,QAAA,oBAAwB;AACxB,QAAA,QAAgB,EAAA,QAAc,EAAA;AAC9B,OAAA,CAAA;AACA;KAEqD,CAAA,QAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;QAC/C;SACD,SAAiB;AACd,IAAA,MAAA,EAAA;AACI,GAAA,GAAA,gBAAQ,EAAA;AACR,EAAA,MAAA;gBACU;AACd,IAAA,MAAA,EAAA;AACA,GAAA,GAAA,gBAAS,EAAA;QACb;AAEJ,IAAA,GAAA,EAAA,SAAsB;AACtB,IAAA,MAAM,EAAmB;MAElB;AAMS,EAAA,MAAA,CAAA,WAAE,EAAA,cAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACI,EAAA,SAAA,CAAA,MAAA;AACH,IAAA,IAAA,YAAA,IAAA,UAAA,IAAA,YAAA,EAAA;oBACiB,GAAA,MAAA,CAAA,WAAK,GAAY,YAAsB,GAAA,YAAA,EAAM,cAAc,CAAA,IAAA,CAAA,CAAA,KAAA,cAAA,CAAA,KAAA,CAAA;AAC/E;oBACM,UAAe,EAAA,YAAoB,CAAA,CAAA;AACtC,EAAA,MAAA,cAAA,GAAA,MAAA;qBAKV,CAAA,CAAA,cAAA,CAAA;AA8DW,GAAA;8BACO;2BAGV,CAAA;;;AAOmB,EAAA,MAAA,oBAAA,GAAA,MAAA;AACA,IAAA,IAAA,OAAA,GAAA,yDAAkB;AACrB,IAAA,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAE,IAAA,kBAAA,CAAA,KAAA,EAAA;+CACN;AACD;;;;wCAeA,EAAC,cAGR,aAEJ;AASrB,EAAE,MAAA,cAAA,GAAA,cAAA,EAAA,MAAA,EAAA,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,
|
|
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,SAAa,EAAA,gDAAgG;AACzG,EAAA,QAAM,EAAE,CAAOA,IAAA,CAAA,KAAK,EAAE;AACtB,IAAA,SAAQ,EAAA,qBAAwB;AAChC,IAAA,QAAQ,EAAQ,CAAAC,GAAA,CAAA,GAAK,EAAA;MAEjB,IAAA,EAAA,qBAA0B;YACnB,EAAA,QACE;MA8BZ,GAAA,EAAA,qBAAA;AAED,MAAA,SACI,EAAA,qDAEwB;AAehC,MAAW,QAAA,EAAA;AAEX,KAAA,CAAM,EAAOA,GAAA,CAAA,GAAA,EAAA;AAEL,MAAA,MAAQ,4BAAuB;YACpB,EAAA,QAAS;MACnB,GAAA,EAAA,qBAAA;AACD,MAAA,SAAc,EAAA,qDAAmB;AACrC,MACF,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA;AAEF,QAAO,SAAqB,EAAA,SAAA;AACxB,QAAI,IAAO,EAAA,cAAY;AACvB,QAAA,OAAkB,EAAA;QACd,UAAUA,GAAA,CAAA,MAAA,EAAA;UACN,CAAA,EAAA;SACD;;AAEC,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,IAAG,CAAA,CAAA;AAMhB,EAAE,SAAA;AAEF,EAAM;AACF,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,EAAwD,MAAA;AACxD,IAAM;AACF,GAAA,GAAA;AACA,EAAA,IAAA,OAAgB,CAAA,OAAC,KAAK,MAAM,IAAI,IAAI,EAAE;AACtC,IAAA,OAAKA,GAAW,CAAA,KAAC;AAEjB,MAAK,SAAK,EAAA,MAAU;AACpB,MAAK,QAAK,EAAAA,GAAM,CAAC,KAAG,EAAI;AACxB,QAAK,SAAK,EAAK,UAAU;QAErB,QAAQ,EAAED,IAAK,CAAC,IAAC,EAAA;YACb,EAAC,QAAU;kBACL,EAAE,CAAG,CAAA,SAAE,IAAAA,IAAA,CAAA,QAAA,EAAA;AAErB,qBAAuB,EAAA,qGAA0F;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,IAAS;QAC9D;AACN,IAAA,KAAA;AACA,IAAA,SAAO;IACP;
|
|
1
|
+
{"version":3,"file":"BottomMenuDropdown.js","sources":["../../../../src/components/Layout/GlobalFooter/BottomMenuDropdown.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"kOAMA,MAAM,kBAAkB,GAAsC,KAAC,IAAS;QAC9D;AACN,IAAA,KAAA;AACA,IAAA,SAAO;IACP,WAAM;AAEN,IAAA;AACI,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,QAAI,cAAY,EAAA;iBACH,SAAC,CAAK,GAAA,KAAE,CAAA,QAAA,CAAA,KAAA,CAAA;mBACpB,GAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA;AACL,EAAA,KAAA,CAAA,SAAE,CAAA,MAAA;AAEF,IAAA,MAAA,kBAAyB,GAAA;AACzB,MAAA,IAAA,WAAY,CAAA,OAAA,IAAA,CAAA,WAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;AACR,QAAA,SAAA,CAAA,KAA4B,CAAA;AAChC;KACH;AAED,IAAA,QAAiB,CAAA,iBAAiB,WAAE,EAAA,kBAAA,CAAA;WAC5B,MAAO;AACX,MAAA,QAAS,CAAA,mBAAiB,CAAA,WAAY,EAAQ,kBAAG,CAAA;AAC7C,KAAA;AACI,GAAA,EAAA,EAAA,CAAA;mBACM,GAAA,GAAA,IAAA;YACV,GAAC,EAAA;SACJ,IAAA,OAAA,IAAA,KAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA;UACO,OAAC;QACT,IAAS,GAAA,OAAM,CAAA,IAAE;AACrB,QAAE;;AAGE;AACJ,IAAA,QAAE,CAAA,gBAAA,CAAA,IAAA,EAAA,WAAA,CAAA,CAAA;AAEF,IAAA,eAAe,CAAG;;4BAEM,GAAA,MAAA;aACb,CAAA,CAAA,MAAM,CAAC;;iBAEN,GAAM,KAAK,EAAA,QAAA,CAAA,CAAA,CAAA,EAAA,QAAA,EAAA,GAAA,CAAA,IAAA,IAAA;WACjB;AACN,MAAE,KAAC,EAAA,IAAA,CAAA,IAAA;MAEI,GAAA,EAAA,IACE,CAAA,GAAA;qBAKQ;AACD,MAAA,IAAA,EAAA,IAAA,CAAA;;AA4BpB,GAAE,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":"0ZASa,MAAA,YAAY,GAAqC,KAAC,IAAS;AACpE,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA,MAAM;AACN,IAAA,UAAc;AACd,IAAA,WAAmB;AAEnB,IAAA;AACA,IAAA;IACA,cAAM;IACN;MACM,KAAA;AACN,EAAA,MAAA;AACA,IAAA;AACI,GAAA,GAAA,KAAA;AACA,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA,aAAS,EAAA;EACX,WAAA;QAE+C;IACjD,WAAM;AACF,IAAA;iBAII,CAAA,KAAA,IAAA,KAAmB,CAAA,MAAS,CAAA;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;QAEI,cAAA,GAAe,aAAQ,EAAA,MAAA,GAAA,UAAA,CAAA,IAAA,EAAA;QACzB,cAAM,GAAkC,cAAG,EAAA,MAAA,IAAA,EAAA;QAE3C,kBAAI,GAAA,cAA4B,EAAA,UAA6B,IAAA;iBAC/C;SACb,EAAA,SAAA;AAAM,IAAA,KAAA,EAAA;;AAKP,EAAA,MAAA,gBAAuB,GAAA,MAAa;AAChC,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;AACJ,IAAA,OAAE,OAAA;;QAGE,eAAe,GAAY,MAAA;AAAE,IAAA,MAAA,UAAY,GAAA,EAAA;IAE7C,IAA0C,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,EAAA;MACpC,UAAA,CAAA,eAA8B,GAAA,CAAA,IAAA,EAAE,kBAAkB,CAAA,KAAA,CAAA,CAAA,CAAA;KAEX,MAAA,IAAA,kBAAA,CAAA,IAAA,KAAA,OAAA,IAAA,kBAAA,CAAA,KAAA,KAAA,SAAA,EAAA;MACvC,UAAA,CAAA,eAAmB,GAAA,kBAAgB,CAAA,KAAA;;AA2D7C;AAEA,IAAA,IAAA,uBAA4B,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -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,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,CA4EzD,CAAC"}
|
|
@@ -1,13 +1,81 @@
|
|
|
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 {useExtensionController}from'@adminide-stack/extension-api/lib/react/index.js';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
|
+
const controller = useExtensionController();
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (controller) {
|
|
36
|
+
const subscription = controller.services.contribution.getContributions().subscribe(({
|
|
37
|
+
pageNavBar
|
|
38
|
+
}) => {
|
|
39
|
+
setNavBarItems(pageNavBar || []);
|
|
40
|
+
});
|
|
41
|
+
return () => subscription.unsubscribe();
|
|
42
|
+
}
|
|
43
|
+
}, [controller]);
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
const ele = document.getElementById('item-wrapper');
|
|
46
|
+
if (ele) {
|
|
47
|
+
if (check(ele)) {
|
|
48
|
+
ele.style.boxShadow = 'inset 0 0 5px #e2e2e2';
|
|
49
|
+
} else {
|
|
50
|
+
ele.style.boxShadow = 'none';
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
const check = el => {
|
|
55
|
+
const curOverflow = el.style.overflow;
|
|
56
|
+
if (!curOverflow || curOverflow === 'visible') {
|
|
57
|
+
el.style.overflow = 'hidden';
|
|
58
|
+
}
|
|
59
|
+
const isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
|
|
60
|
+
el.style.overflow = curOverflow;
|
|
61
|
+
return isOverflowing;
|
|
62
|
+
};
|
|
8
63
|
return jsxs("div", {
|
|
9
|
-
className:
|
|
64
|
+
className: `flex items-center ${collapsed ? 'ml-2.5' : 'ml-0'}`,
|
|
10
65
|
children: [jsx("div", {
|
|
66
|
+
id: "item-wrapper",
|
|
67
|
+
ref: scrollRef,
|
|
68
|
+
className: "flex overflow-x-auto scrollbar-hide whitespace-nowrap space-x-2 py-2 px-1",
|
|
69
|
+
children: navBarItems.map((item, index) => {
|
|
70
|
+
if (item.position === 'right' && item.component) {
|
|
71
|
+
return jsx("div", {
|
|
72
|
+
className: "flex-shrink-0",
|
|
73
|
+
children: item.component(props)
|
|
74
|
+
}, index);
|
|
75
|
+
}
|
|
76
|
+
return null;
|
|
77
|
+
})
|
|
78
|
+
}), jsx("div", {
|
|
11
79
|
className: "relative",
|
|
12
80
|
children: jsx(LanguageMenu, {})
|
|
13
81
|
}), jsx("div", {
|
|
@@ -20,4 +88,4 @@ import {jsxs,jsx}from'react/jsx-runtime';import {LanguageMenu}from'../../Languag
|
|
|
20
88
|
})
|
|
21
89
|
})]
|
|
22
90
|
});
|
|
23
|
-
};export{RightContent};//# sourceMappingURL=RightContent.js.map
|
|
91
|
+
};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":[],"mappings":"uSAOO,MAAM,mBAAmB,GAAG,MAAK;AACpC,EAAA,MAAA,QAAc,MAAA,CAAA,IAAuB,CAAA;WAE5B,CAAA,MAAM;AACX,IAAA,MAAA,EAAA,GAAQ,KAAQ,CAAA;QAChB,EAAI,EAAA;AACA,MAAA,MAAA,OAAa,GAAA,CAAA,IAAA;AACT,QAAA,IAAA,CAAA,CAAA,MAAI,KAAQ,CAAA,EAAA;wBAAe,EAAA;mBACX,CAAA;gBAChB,EAAE,CAAC,UAAS,GAAA,CAAA,CAAA,MAAA;AACR,UAAA,QAAA,EAAA;AACA,SAAA,CAAA;AACH,OAAA;AACL,MAAA,EAAA,CAAA,gBAAE,CAAA,OAAA,EAAA,OAAA,CAAA;AACF,MAAA,OAAA,MAAmB;AACnB,QAAA,EAAA,CAAA,mBAAY,CAAA,OAAA,EAAA,OAAA,CAAA;AACR,OAAA;AACJ;QACJ;SACC,KAAE;AAEP;AACF,MAAA,YAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAa;AACT,IAAA,KAAA;IACA,MAAM;AACN,IAAA,UAAe;AAEf,IAAA,WAAgB;IAEhB,SAAS;;AAED,GAAA,GAAA,KAAA;AACI,EAAA,MAAA,CAAA,WAAA,EAAA,cAAe,CAAA,GAAA,QAAiB,CAAC,EAAA,CAAA;AACrC,EAAA,MAAA,SAAG,GAAA,mBAAA,EAAA;AACH,EAAA,MAAA,UAAA,yBAA0B,EAAA;WAC7B,CAAA,MAAA;AACL,IAAA,IAAI,UAAU,EAAE;MAEP,MAAA,YAAM,GAAA,UAAA,CAAA,QAAA,CAAA,YAAA,CAAA,gBAAA,EAAA,CAAA,SAAA,CAAA,CAAA;QACX;YACI;AACA,QAAA,cAAU,CAAG,UAAI,IAAA,EAAA,CAAA;AACb,OAAA,CAAA;aACH,MAAA,YAAA,CAAA,WAAA,EAAA;;AACG,GAAA,EAAA,CAAA,UAAA,CAAA,CAAA;YACJ,MAAC;UACJ,GAAA,GAAA,QAAA,CAAA,cAAA,CAAA,cAAA,CAAA;AACL,IAAA,IAAG,GAAA,EAAA;AAEH,MAAA,IAAM,KAAK,CAAA,GAAI,CAAA;AACX,QAAA,GAAA,CAAA,eAAoB,GAAE,uBAAgB;AACtC,OAAA,MAAK;AACD,QAAA,GAAA,CAAA,KAAQ,CAAA,SAAS,GAAA;;AAErB;AACA,GAAA,CAAA;AACA,EAAA,MAAA,KAAA;AACJ,IAAA,MAAE,WAAA,GAAA,EAAA,CAAA,KAAA,CAAA,QAAA;IAEF,IAAI,CAAA,WAAA,IAAiB,WAAQ,KAAA,SAAA,EAAA;MACzB,EAAA,CAAA,cAAgB,GAAA,QAAU;;IAE9B,MAAC,aAAA,GAAA,EAAA,CAAA,WAAA,GAAA,EAAA,CAAA,WAAA,IAAA,EAAA,CAAA,YAAA,GAAA,EAAA,CAAA,YAAA;AAED,IAAA,EAAA,CAAA,KACI,CAAK,QAAA,GAAA,WAAA;wBAOW;AACA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,
|
|
1
|
+
{"version":3,"file":"RightMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAOrE,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiR/C,CAAC"}
|
|
@@ -233,9 +233,7 @@ const RightMenu = ({
|
|
|
233
233
|
onMouseEnter: onOpen,
|
|
234
234
|
children: [jsx("button", {
|
|
235
235
|
className: `
|
|
236
|
-
inline-flex items-center justify-center
|
|
237
|
-
${scrolled ? 'text-muted-foreground bg-transparent hover:text-foreground' : 'text-white bg-muted hover:text-white'}
|
|
238
|
-
rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
|
|
236
|
+
inline-flex items-center justify-center bg-muted hover:bg-muted-foreground text-foreground rounded-full h-12 w-12 min-w-[48px] outline-none transform transition-colors duration-200
|
|
239
237
|
`,
|
|
240
238
|
"aria-expanded": "false",
|
|
241
239
|
onClick: toggleMenu,
|
|
@@ -245,7 +243,7 @@ const RightMenu = ({
|
|
|
245
243
|
alt: "User"
|
|
246
244
|
}) : null
|
|
247
245
|
}), isOpen && jsxs("div", {
|
|
248
|
-
className: "absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
|
|
246
|
+
className: "bg-background absolute right-0 mt-2 w-72 rounded-themed shadow-themed-lg py-1 themed-dropdown ring-1 ring-border focus:outline-none z-40",
|
|
249
247
|
role: "menu",
|
|
250
248
|
"aria-orientation": "vertical",
|
|
251
249
|
"aria-labelledby": "user-menu",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"RightMenu.js","sources":["../../../../src/components/Layout/GlobalHeader/RightMenu.tsx"],"sourcesContent":[null],"names":["_jsx","React","_jsxs"],"mappings":"yTASA,MAAM,eAAe,GAAkB,CAAC;MAC9B;;;eAIe,EAAA,SAAC,IAAI,QAAQ,CAAS,IAAA,CAAA;kBACtB;AACb,IAAA,IAAA,CAAA,MAAG,EAAA;mBACN,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,SAAA,IAAA;QACA,SAAE,CAAA,SAAA,CAAA;AAEP,OAAA,CAAA;AACJ;AAEA,GAAM,EAAA,EAAC;SASG,YAAY,CAAA,MAAA,CAAA,OAAgB,EAAA;IAClC,OAAO,EAAM;AACb,GAAA,CAAA,GAAAA,GAAO,CAAA,KAAA,EAAA;AACP,IAAA;AACA,GAAA,CAAA;;AAGM,MAAA,SAAY,GAAG,CAAS;UACxB;aACA;mBAEoC;UACjC;AACL,EAAA,QAAA;AACI,EAAA,WAAA;;;AAGJ,EAAA,MAAA,CAAC,SAAC,EAAA,YAAA,CAAA,GAAA,QAAA,EAAA;QAEF,CAAsC,MAAA,EAAA,SAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AACtC,EAAA,MAAA,CAAA,cAAkB,EAAA,iBAA4B,CAAA,GAAAC,cAAA,CAAA,QAAA,CAAA,IAAA,CAAA;AAC1C,EAAA,MAAA,OAAA,SAAU,CAAG,IAAK,CAAA;;;AAGtB,GAAA,GAAA;UAEI,IAAA;AACA,GAAA,CAAA;AACA;QACJ,MAAC,GAAA,MAAA,SAAA,CAAA,IAAA,CAAA;AAED,EAAA,MAAA,OAAO,GAAG,MAAE,SAAA,CAAA,KAAA,CAAA;AACR,EAAA,MAAA,UAAA,GAAS,MAAmB,SAAA,CAAA,CAAA;AAC5B;AACJ,EAAA,SAAE,CAAA,MAAA;AACN,IAAA,MAAU,kBAAG,GAAA,KAAA,IAAA;MAEP,IAAA,OAAA,CAAA,OAAsB,IAAA,CAAA,OAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA;QACxB,SAAS,CAAC,KAAU,CAAC;AACrB;AACI,KAAA;;AAEI,IAAA,MAAA,YAAY,GAAC,KAAE,IAAO;UACzB,KAAA,CAAA,GAAA,KAAA,QAAA,EAAA;AACL,QAAG,SAAA,CAAA,KAAA,CAAA;;AAEH,KAAA;AACJ,IAAA,IAAI,MAAW,EAAA;AAEf,MAAA,QAAoB,CAAA,gBAAI,CAAY,WAAI,EAAA,kBAAA,CAAA;cAChC,CAAA,gBAAa,CAAO,SAAQ,EAAA,YAAS,CAAA;AACrC;WACH,MAAA;cACG,CAAA,mBAAqB,CAAA,WAAa,EAAC,kBAAG,CAAA;cAC/B,CAAA,6BAAyB,EAAA,YAAA,CAAA;;AAEpC,GAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AACJ,EAAA,MAAE,WAAA,GAAA,QAAA,EAAA,MAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,GAAA,CAAA,CAAA,IAAA;AAEF,IAAA,IAAA,CAAA,CAAM,CAAgB,UAAA,EAAA;YACsB,IAAA,GAAA,gBAAA,CAAA,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA;aAClC;AAEN,QAAA,GAAA,CAAA;;AAIY,OAAA;;AAShB,GAAA,CAAA;AAEA,EAAA,SAAA,CAAA,MAAA;;;AAGG,EAAA,MAAA,cAAA,GAAA,IAAA,IAAA;AAEH,IAAA,IAAA,IAAqB,IAAA,IAAA,CAAA,OAAG,CAAC,MAAM,CAAE,KAAA,CAAA,EAAA;aACI,IAAA;;QAEjC,IAAwC,IAAA,IAAA,CAAA,OAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA;aAClC,YAAU,CAAA,MAAU,EAAA,EAAE,CAAG;;AAE/B,IAAA,OAAA,CAAI,cAAc,CAAC,CAAA,OAAa,CAAA,QAAI,GAAA,CAAA;AAChC,GAAA;QAYJ,gBAAC,GAAA,IAAA,IAAA;AACD;AAWJ,IAAA,MAAE;MAEI,GAAA;UACE;AACJ,MAAA;AACA,KAAA,GAAA,IAAA;AACA,IAAA,OAAAC,aAAmB,EAAA;AACnB,MAAA,OAAA;AAEA,QAAA,iBAAsB,CAAA,GAAA,CAAA;iBAAiB,CAAA,KAAA,CAAA,CAAA;AACvC,OAAA;eAAwC,EAAA,6EAAsC;AAC9E,MAAA,IAAA,EAAI,UAAU;cAAyB,EAAA,CAAAF,GAAA,CAAA;AACvC,QAAA,SAAe,EAAA,MAAE;gBAAuB,EAAA,sBAAe;QAEvD,EAAO,CAAA,CAAA,IAAA,CAAA;;AAGH,GAAA;AAQ4B;;;AAoBQ;;AAEJ;AAwBI,IAAA,MAAA,QAAA,GAAA,cAAA,CAAA,IAAA,CAAA,IAAA,CAAA;;;AAWxC,MAAA,MAAG;AACP,MAAE,IAAA;AAEF,MAAA;;AAMiB;AA2DrB,IAAE,IAAA,cAAA,CAAA,IAAA,CAAA,QAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type { LinksFunction } from '@remix-run/node';
|
|
3
1
|
import { BasicLayoutProps } from '@admin-layout/client';
|
|
2
|
+
import type { LinksFunction } from '@remix-run/node';
|
|
3
|
+
import * as React from 'react';
|
|
4
4
|
declare const ProTailwindLayout: React.FC<BasicLayoutProps & {
|
|
5
5
|
loaderData?: any;
|
|
6
6
|
}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ProTailwindLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/ProTailwindLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,gBAAgB,EAMnB,MAAM,sBAAsB,CAAC;AAO9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2E/B,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,UAAU,CAAC,EAAE,GAAG,CAAA;CAAE,CAyBxE,CAAC;AACF,eAAe,iBAAiB,CAAC;AAEjC,eAAO,MAAM,MAAM;;CAElB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,aAA+D,CAAC;AAEpF,eAAO,MAAM,MAAM,GAAU,WAAM;;;EA0BlC,CAAC;AAEF,wBAAsB,YAAY,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE;;;;CAAA,gBAkBnE;AAED,eAAO,MAAM,gBAAgB,GAAI;;;CAA6B,YAE7D,CAAC"}
|