@admin-layout/tailwind-design-pro 12.2.4-alpha.9 → 12.2.4-alpha.90
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/Layout/BasicLayout/index.d.ts.map +1 -1
- package/lib/components/Layout/BasicLayout/index.js +16 -2
- package/lib/components/Layout/BasicLayout/index.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/NavbarSlotStrip.d.ts +12 -0
- package/lib/components/Layout/GlobalHeader/NavbarSlotStrip.d.ts.map +1 -0
- package/lib/components/Layout/GlobalHeader/NavbarSlotStrip.js +18 -0
- package/lib/components/Layout/GlobalHeader/NavbarSlotStrip.js.map +1 -0
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts +1 -2
- package/lib/components/Layout/GlobalHeader/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/GlobalHeader/RightContent.js +10 -72
- 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 +16 -80
- package/lib/components/Layout/GlobalHeader/RightMenu.js.map +1 -1
- package/lib/components/Layout/GlobalHeader/SearchBar.js +1 -1
- package/lib/components/Layout/GlobalHeader/index.d.ts +1 -0
- package/lib/components/Layout/GlobalHeader/index.d.ts.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.d.ts +1 -1
- package/lib/components/Layout/ProTailwindLayout.d.ts.map +1 -1
- package/lib/components/Layout/ProTailwindLayout.js +48 -36
- package/lib/components/Layout/ProTailwindLayout.js.map +1 -1
- package/lib/components/Layout/Sidebar/BottomMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/BottomMenu.js +51 -78
- package/lib/components/Layout/Sidebar/BottomMenu.js.map +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/DynamicIcon.js +80 -19
- package/lib/components/Layout/Sidebar/DynamicIcon.js.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebar.js +20 -17
- package/lib/components/Layout/Sidebar/MainSidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js +185 -16
- package/lib/components/Layout/Sidebar/MainSidebarMenu.js.map +1 -1
- package/lib/components/Layout/Sidebar/MenuDynamicDialog.d.ts +12 -0
- package/lib/components/Layout/Sidebar/MenuDynamicDialog.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/MenuDynamicDialog.js +79 -0
- package/lib/components/Layout/Sidebar/MenuDynamicDialog.js.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebar.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebar.js +26 -18
- package/lib/components/Layout/Sidebar/PerplexSidebar.js.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebarFlyoutContext.d.ts +25 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarFlyoutContext.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarFlyoutContext.js +287 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarFlyoutContext.js.map +1 -0
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.d.ts.map +1 -1
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js +268 -29
- package/lib/components/Layout/Sidebar/PerplexSidebarMenu.js.map +1 -1
- package/lib/components/Layout/Sidebar/SidebarRailFX.d.ts +23 -0
- package/lib/components/Layout/Sidebar/SidebarRailFX.d.ts.map +1 -0
- package/lib/components/Layout/Sidebar/SidebarRailFX.js +229 -0
- package/lib/components/Layout/Sidebar/SidebarRailFX.js.map +1 -0
- package/lib/components/Layout/TailwindLayout.js +3 -1
- package/lib/components/Layout/TailwindLayout.js.map +1 -1
- package/lib/components/Layout/getPageTitle.js +2 -2
- package/lib/components/Layout/getPageTitle.js.map +1 -1
- package/lib/components/Layout/slot-fill/RightContent.d.ts +3 -1
- package/lib/components/Layout/slot-fill/RightContent.d.ts.map +1 -1
- package/lib/components/Layout/slot-fill/RightContent.js +4 -6
- package/lib/components/Layout/slot-fill/RightContent.js.map +1 -1
- package/lib/components/SettingDrawer/hooks/useSettingsOperations.d.ts.map +1 -1
- package/lib/components/SettingDrawer/hooks/useSettingsOperations.js +2 -1
- package/lib/components/SettingDrawer/hooks/useSettingsOperations.js.map +1 -1
- package/lib/components/SettingDrawer/utils/constants.d.ts.map +1 -1
- package/lib/components/SettingDrawer/utils/constants.js +3 -0
- package/lib/components/SettingDrawer/utils/constants.js.map +1 -1
- package/lib/components/SettingsThemeApplier/SettingsThemeApplier.d.ts +10 -0
- package/lib/components/SettingsThemeApplier/SettingsThemeApplier.d.ts.map +1 -0
- package/lib/components/SettingsThemeApplier/SettingsThemeApplier.js +23 -0
- package/lib/components/SettingsThemeApplier/SettingsThemeApplier.js.map +1 -0
- package/lib/components/SettingsThemeApplier/index.d.ts +2 -0
- package/lib/components/SettingsThemeApplier/index.d.ts.map +1 -0
- package/lib/components/index.js +1 -1
- package/lib/components/typings.d.ts +4 -0
- package/lib/components/typings.d.ts.map +1 -1
- package/lib/compute.js +2 -2
- package/lib/compute.js.map +1 -1
- package/lib/helpers/DynamicIcon.js +7 -1
- package/lib/helpers/DynamicIcon.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/routes.json +5 -2
- package/lib/styles/index.css +321 -0
- package/lib/utils/settingsTheme.d.ts +40 -0
- package/lib/utils/settingsTheme.d.ts.map +1 -0
- package/lib/utils/settingsTheme.js +106 -0
- package/lib/utils/settingsTheme.js.map +1 -0
- package/package.json +8 -7
|
@@ -0,0 +1,287 @@
|
|
|
1
|
+
import React__default,{useState,useRef,useEffect,useCallback,useMemo,createContext,useContext}from'react';import {useSelector}from'@xstate/react';import {useLocation,Link}from'@remix-run/react';import {generateMenuPath}from'@admin-layout/client';import {icons}from'../../../icons.js';const PerplexSidebarFlyoutContext = createContext(null);
|
|
2
|
+
const usePerplexSidebarFlyoutContext = () => useContext(PerplexSidebarFlyoutContext);
|
|
3
|
+
const PerplexSidebarFlyoutProvider = ({
|
|
4
|
+
children,
|
|
5
|
+
allMenuData,
|
|
6
|
+
routeParams,
|
|
7
|
+
settings,
|
|
8
|
+
collapsed,
|
|
9
|
+
siderPinned,
|
|
10
|
+
setSiderPinned,
|
|
11
|
+
actor,
|
|
12
|
+
deviceSettings = {}
|
|
13
|
+
}) => {
|
|
14
|
+
const [hoveredMenu, setHoveredMenu] = useState(null);
|
|
15
|
+
const [activeMenuItem, setActiveMenuItem] = useState(null);
|
|
16
|
+
const [popupPosition, setPopupPosition] = useState({
|
|
17
|
+
top: 0,
|
|
18
|
+
height: 0
|
|
19
|
+
});
|
|
20
|
+
const [menuTransition, setMenuTransition] = useState('opening');
|
|
21
|
+
const [flyoutVisible, setFlyoutVisible] = useState(false);
|
|
22
|
+
const hoverCloseTimeout = useRef(null);
|
|
23
|
+
const hoverOpenTimeout = useRef(null);
|
|
24
|
+
const currentHoveredMenu = useRef(null);
|
|
25
|
+
const {
|
|
26
|
+
PushpinLineIcon,
|
|
27
|
+
PushpinFillIcon
|
|
28
|
+
} = icons;
|
|
29
|
+
const location = useLocation();
|
|
30
|
+
const machineState = useSelector(actor, state => state);
|
|
31
|
+
const pinnedPath = machineState?.context?.sidebar?.pinnedPath || null;
|
|
32
|
+
const showHeader = deviceSettings?.header?.showHeader !== undefined ? deviceSettings.header.showHeader : true;
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (hoverCloseTimeout.current) {
|
|
35
|
+
window.clearTimeout(hoverCloseTimeout.current);
|
|
36
|
+
hoverCloseTimeout.current = null;
|
|
37
|
+
}
|
|
38
|
+
if (hoverOpenTimeout.current) {
|
|
39
|
+
window.clearTimeout(hoverOpenTimeout.current);
|
|
40
|
+
hoverOpenTimeout.current = null;
|
|
41
|
+
}
|
|
42
|
+
if (pinnedPath) {
|
|
43
|
+
currentHoveredMenu.current = pinnedPath;
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
currentHoveredMenu.current = null;
|
|
47
|
+
setFlyoutVisible(false);
|
|
48
|
+
setHoveredMenu(null);
|
|
49
|
+
setActiveMenuItem(null);
|
|
50
|
+
setMenuTransition('opening');
|
|
51
|
+
}, [location.pathname, pinnedPath]);
|
|
52
|
+
const isMenuItemActive = useCallback(itemPath => {
|
|
53
|
+
const currentPath = location.pathname;
|
|
54
|
+
const menuPath = generateMenuPath(itemPath, routeParams);
|
|
55
|
+
if (currentPath === menuPath) return true;
|
|
56
|
+
if (menuPath && currentPath.startsWith(menuPath + '/')) return true;
|
|
57
|
+
return false;
|
|
58
|
+
}, [location.pathname, routeParams]);
|
|
59
|
+
const handleMenuHover = useCallback((e, item, isHoverMenu, depth = 0) => {
|
|
60
|
+
const canShowHoverPopup = collapsed && !isHoverMenu || !collapsed && depth === 0 && !isHoverMenu;
|
|
61
|
+
if (!item.children?.length || !canShowHoverPopup) return;
|
|
62
|
+
const element = e.currentTarget;
|
|
63
|
+
const rect = element.getBoundingClientRect();
|
|
64
|
+
const viewportHeight = window.innerHeight;
|
|
65
|
+
let top = rect.top;
|
|
66
|
+
const maxTop = Math.max(8, viewportHeight - 300);
|
|
67
|
+
if (top > maxTop) top = maxTop;
|
|
68
|
+
setPopupPosition({
|
|
69
|
+
top,
|
|
70
|
+
height: rect.height
|
|
71
|
+
});
|
|
72
|
+
if (hoverCloseTimeout.current) {
|
|
73
|
+
window.clearTimeout(hoverCloseTimeout.current);
|
|
74
|
+
hoverCloseTimeout.current = null;
|
|
75
|
+
}
|
|
76
|
+
if (hoverOpenTimeout.current) {
|
|
77
|
+
window.clearTimeout(hoverOpenTimeout.current);
|
|
78
|
+
hoverOpenTimeout.current = null;
|
|
79
|
+
}
|
|
80
|
+
currentHoveredMenu.current = item.path;
|
|
81
|
+
if (hoveredMenu !== item.path) {
|
|
82
|
+
setActiveMenuItem(item);
|
|
83
|
+
if (flyoutVisible) {
|
|
84
|
+
if (menuTransition === 'closing') setMenuTransition('opening');
|
|
85
|
+
setHoveredMenu(item.path);
|
|
86
|
+
} else {
|
|
87
|
+
setMenuTransition('opening');
|
|
88
|
+
setFlyoutVisible(true);
|
|
89
|
+
setHoveredMenu(item.path);
|
|
90
|
+
}
|
|
91
|
+
} else if (!flyoutVisible || menuTransition === 'closing') {
|
|
92
|
+
setMenuTransition('opening');
|
|
93
|
+
setFlyoutVisible(true);
|
|
94
|
+
}
|
|
95
|
+
if (depth === 0 && pinnedPath) {
|
|
96
|
+
actor?.send({
|
|
97
|
+
type: 'UISETTING_UPDATE',
|
|
98
|
+
value: {
|
|
99
|
+
'sidebar.pinnedPath': item.path
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
}, [actor, collapsed, flyoutVisible, hoveredMenu, menuTransition, pinnedPath]);
|
|
104
|
+
const handleMenuLeave = useCallback((item, isHoverMenu) => {
|
|
105
|
+
if (isHoverMenu) return;
|
|
106
|
+
if (hoverCloseTimeout.current) window.clearTimeout(hoverCloseTimeout.current);
|
|
107
|
+
if (hoverOpenTimeout.current) {
|
|
108
|
+
window.clearTimeout(hoverOpenTimeout.current);
|
|
109
|
+
hoverOpenTimeout.current = null;
|
|
110
|
+
}
|
|
111
|
+
hoverCloseTimeout.current = window.setTimeout(() => {
|
|
112
|
+
if (activeMenuItem?.path === item.path) return;
|
|
113
|
+
if (currentHoveredMenu.current === item.path) return;
|
|
114
|
+
currentHoveredMenu.current = null;
|
|
115
|
+
setMenuTransition('closing');
|
|
116
|
+
setTimeout(() => {
|
|
117
|
+
if (activeMenuItem?.path !== item.path && currentHoveredMenu.current !== item.path) {
|
|
118
|
+
setFlyoutVisible(false);
|
|
119
|
+
setHoveredMenu(null);
|
|
120
|
+
setActiveMenuItem(null);
|
|
121
|
+
}
|
|
122
|
+
}, 150);
|
|
123
|
+
}, 300);
|
|
124
|
+
}, [activeMenuItem?.path]);
|
|
125
|
+
const SidebarStyles = useMemo(() => ({
|
|
126
|
+
backgroundColor: settings?.navTheme === 'realDark' ? '#222' : undefined,
|
|
127
|
+
color: settings?.navTheme === 'realDark' ? '#fff !important' : undefined
|
|
128
|
+
}), [settings]);
|
|
129
|
+
const toggleSiderPinned = (e, path) => {
|
|
130
|
+
e.preventDefault();
|
|
131
|
+
e.stopPropagation();
|
|
132
|
+
const nextPinned = pinnedPath === path ? null : path;
|
|
133
|
+
actor?.send({
|
|
134
|
+
type: 'UISETTING_UPDATE',
|
|
135
|
+
value: {
|
|
136
|
+
'sidebar.pinnedPath': nextPinned
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
if (nextPinned) {
|
|
140
|
+
const findItemByPath = (items, targetPath) => {
|
|
141
|
+
for (const menuItem of items) {
|
|
142
|
+
if (menuItem.path === targetPath) return menuItem;
|
|
143
|
+
if (menuItem.children) {
|
|
144
|
+
const found = findItemByPath(menuItem.children, targetPath);
|
|
145
|
+
if (found) return found;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
return null;
|
|
149
|
+
};
|
|
150
|
+
const menuItem = findItemByPath(allMenuData, path);
|
|
151
|
+
if (menuItem) {
|
|
152
|
+
setActiveMenuItem(menuItem);
|
|
153
|
+
setHoveredMenu(path);
|
|
154
|
+
setFlyoutVisible(true);
|
|
155
|
+
}
|
|
156
|
+
} else {
|
|
157
|
+
setFlyoutVisible(false);
|
|
158
|
+
setHoveredMenu(null);
|
|
159
|
+
}
|
|
160
|
+
setSiderPinned?.(!siderPinned);
|
|
161
|
+
};
|
|
162
|
+
const contextValue = useMemo(() => ({
|
|
163
|
+
hoveredMenu,
|
|
164
|
+
handleMenuHover,
|
|
165
|
+
handleMenuLeave
|
|
166
|
+
}), [hoveredMenu, handleMenuHover, handleMenuLeave]);
|
|
167
|
+
const item = activeMenuItem;
|
|
168
|
+
const minTop = !showHeader ? 8 : 16;
|
|
169
|
+
const anchorTop = Math.max(minTop, Math.round(popupPosition.top || minTop));
|
|
170
|
+
return React__default.createElement(PerplexSidebarFlyoutContext.Provider, {
|
|
171
|
+
value: contextValue
|
|
172
|
+
}, children, flyoutVisible && item && React__default.createElement("div", {
|
|
173
|
+
className: `fixed z-[999] flex flex-col overflow-hidden border border-border menu-${menuTransition} ql-flyout-anchored`,
|
|
174
|
+
style: {
|
|
175
|
+
left: '83px',
|
|
176
|
+
top: `${anchorTop}px`,
|
|
177
|
+
maxHeight: `calc(100vh - ${anchorTop}px - 16px)`,
|
|
178
|
+
width: '228px',
|
|
179
|
+
maxWidth: 'calc(100vw - 100px)',
|
|
180
|
+
transformOrigin: 'left top',
|
|
181
|
+
borderRadius: '12px',
|
|
182
|
+
boxShadow: '0 24px 70px -24px rgba(0,0,0,0.45)',
|
|
183
|
+
pointerEvents: menuTransition === 'closing' ? 'none' : 'auto',
|
|
184
|
+
...SidebarStyles,
|
|
185
|
+
// solid opaque fill — after the spread so nothing clears it
|
|
186
|
+
backgroundColor: settings?.navTheme === 'realDark' ? '#222' : 'hsl(var(--popover))'
|
|
187
|
+
},
|
|
188
|
+
onMouseEnter: () => {
|
|
189
|
+
if (hoverCloseTimeout.current) {
|
|
190
|
+
window.clearTimeout(hoverCloseTimeout.current);
|
|
191
|
+
hoverCloseTimeout.current = null;
|
|
192
|
+
}
|
|
193
|
+
if (item) {
|
|
194
|
+
currentHoveredMenu.current = item.path;
|
|
195
|
+
if (!flyoutVisible || menuTransition === 'closing') {
|
|
196
|
+
setMenuTransition('opening');
|
|
197
|
+
setFlyoutVisible(true);
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
},
|
|
201
|
+
onMouseLeave: () => {
|
|
202
|
+
if (pinnedPath === item.path) return;
|
|
203
|
+
if (hoverCloseTimeout.current) window.clearTimeout(hoverCloseTimeout.current);
|
|
204
|
+
setMenuTransition('closing');
|
|
205
|
+
hoverCloseTimeout.current = window.setTimeout(() => {
|
|
206
|
+
if (!currentHoveredMenu.current) {
|
|
207
|
+
setFlyoutVisible(false);
|
|
208
|
+
setHoveredMenu(null);
|
|
209
|
+
setActiveMenuItem(null);
|
|
210
|
+
}
|
|
211
|
+
}, 150);
|
|
212
|
+
}
|
|
213
|
+
}, React__default.createElement("style", {
|
|
214
|
+
dangerouslySetInnerHTML: {
|
|
215
|
+
__html: `
|
|
216
|
+
@keyframes flyoutIn {
|
|
217
|
+
from { opacity: 0; transform: translateX(-14px) scale(0.98); filter: blur(6px); }
|
|
218
|
+
to { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
|
|
219
|
+
}
|
|
220
|
+
@keyframes flyoutOut {
|
|
221
|
+
from { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
|
|
222
|
+
to { opacity: 0; transform: translateX(-10px) scale(0.99); filter: blur(4px); }
|
|
223
|
+
}
|
|
224
|
+
.menu-opening { animation: flyoutIn 0.26s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
|
|
225
|
+
.menu-closing { animation: flyoutOut 0.16s cubic-bezier(0.4, 0, 1, 1) forwards; }
|
|
226
|
+
.ql-flyout-anchored {
|
|
227
|
+
transition:
|
|
228
|
+
top 0.3s cubic-bezier(0.22, 1, 0.36, 1),
|
|
229
|
+
max-height 0.3s cubic-bezier(0.22, 1, 0.36, 1);
|
|
230
|
+
}
|
|
231
|
+
@keyframes flyoutItemIn {
|
|
232
|
+
from { opacity: 0; transform: translateX(10px); }
|
|
233
|
+
to { opacity: 1; transform: translateX(0); }
|
|
234
|
+
}
|
|
235
|
+
.ql-flyout-item {
|
|
236
|
+
opacity: 0;
|
|
237
|
+
animation: flyoutItemIn 0.34s cubic-bezier(0.22, 1, 0.36, 1) forwards;
|
|
238
|
+
animation-delay: calc(60ms + var(--i, 0) * 38ms);
|
|
239
|
+
}
|
|
240
|
+
@media (prefers-reduced-motion: reduce) {
|
|
241
|
+
.menu-opening, .menu-closing { animation-duration: 0.01ms; filter: none; }
|
|
242
|
+
.ql-flyout-item { animation: none; opacity: 1; }
|
|
243
|
+
.ql-flyout-anchored { transition: none; }
|
|
244
|
+
}
|
|
245
|
+
`
|
|
246
|
+
}
|
|
247
|
+
}), React__default.createElement("div", {
|
|
248
|
+
className: "font-medium text-sm px-3 py-2 border-b border-border sticky top-0 flex items-center justify-between"
|
|
249
|
+
}, React__default.createElement("span", {
|
|
250
|
+
className: "text-primary whitespace-nowrap overflow-hidden text-ellipsis pr-2"
|
|
251
|
+
}, item.name), React__default.createElement("button", {
|
|
252
|
+
className: "text-muted-foreground hover:text-primary transition-colors",
|
|
253
|
+
"aria-label": pinnedPath === item.path ? 'Unpin' : 'Pin',
|
|
254
|
+
onClick: e => toggleSiderPinned(e, item.path)
|
|
255
|
+
}, pinnedPath === item.path ? React__default.createElement(PushpinFillIcon, {
|
|
256
|
+
className: "h-4 w-4"
|
|
257
|
+
}) : React__default.createElement(PushpinLineIcon, {
|
|
258
|
+
className: "h-4 w-4"
|
|
259
|
+
}))), React__default.createElement("div", {
|
|
260
|
+
className: "overflow-y-auto overflow-x-hidden py-1 flex-1 min-h-0"
|
|
261
|
+
}, item.children?.map((child, idx) => {
|
|
262
|
+
const childActive = isMenuItemActive(child.path);
|
|
263
|
+
return React__default.createElement("div", {
|
|
264
|
+
key: child.path,
|
|
265
|
+
className: "ql-flyout-item w-full min-w-max hover:text-primary",
|
|
266
|
+
style: {
|
|
267
|
+
['--i']: idx
|
|
268
|
+
}
|
|
269
|
+
}, React__default.createElement(Link, {
|
|
270
|
+
to: generateMenuPath(child.path, routeParams),
|
|
271
|
+
className: `flex hover:text-primary hover:bg-muted rounded-md items-center gap-3 w-full px-1 py-2 text-xs cursor-pointer transition-colors mx-1 my-1 whitespace-nowrap overflow-hidden text-ellipsis ${childActive ? 'text-primary' : undefined}`,
|
|
272
|
+
style: {
|
|
273
|
+
paddingLeft: 'calc(1rem + 1rem)'
|
|
274
|
+
}
|
|
275
|
+
}, child.icon ? React__default.createElement("span", {
|
|
276
|
+
className: `flex-shrink-0 ${childActive ? 'text-primary' : 'text-muted-foreground'}`,
|
|
277
|
+
style: {
|
|
278
|
+
color: !childActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
|
|
279
|
+
}
|
|
280
|
+
}, child.icon) : null, React__default.createElement("span", {
|
|
281
|
+
className: `font-medium whitespace-nowrap overflow-hidden text-ellipsis ${childActive ? 'text-primary' : 'text-foreground'}`,
|
|
282
|
+
style: {
|
|
283
|
+
color: !childActive && settings?.navTheme === 'realDark' ? '#fff' : undefined
|
|
284
|
+
}
|
|
285
|
+
}, child.name)));
|
|
286
|
+
}))));
|
|
287
|
+
};export{PerplexSidebarFlyoutProvider,usePerplexSidebarFlyoutContext};//# sourceMappingURL=PerplexSidebarFlyoutContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PerplexSidebarFlyoutContext.js","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarFlyoutContext.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PerplexSidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"PerplexSidebarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/Sidebar/PerplexSidebarMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA0EjD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,GAAG,CAooB/D,CAAC"}
|