@varity-labs/ui-kit 2.0.0-alpha.1 → 2.0.0-beta.10
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/LICENSE +1 -1
- package/README.md +227 -203
- package/dist/components/Analytics/DataTable.js +1 -1
- package/dist/components/Analytics/DataTable.js.map +1 -1
- package/dist/components/Analytics/EnhancedKPICard.d.ts +21 -0
- package/dist/components/Analytics/EnhancedKPICard.d.ts.map +1 -0
- package/dist/components/Analytics/EnhancedKPICard.js +135 -0
- package/dist/components/Analytics/EnhancedKPICard.js.map +1 -0
- package/dist/components/Analytics/Sparkline.d.ts +44 -0
- package/dist/components/Analytics/Sparkline.d.ts.map +1 -0
- package/dist/components/Analytics/Sparkline.js +90 -0
- package/dist/components/Analytics/Sparkline.js.map +1 -0
- package/dist/components/Analytics/index.d.ts +2 -0
- package/dist/components/Analytics/index.d.ts.map +1 -1
- package/dist/components/Analytics/index.js +2 -0
- package/dist/components/Analytics/index.js.map +1 -1
- package/dist/components/Dashboard/DashboardFooter.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardFooter.js +22 -6
- package/dist/components/Dashboard/DashboardFooter.js.map +1 -1
- package/dist/components/Dashboard/DashboardHeader.d.ts +10 -0
- package/dist/components/Dashboard/DashboardHeader.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardHeader.js +191 -58
- package/dist/components/Dashboard/DashboardHeader.js.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.d.ts +13 -3
- package/dist/components/Dashboard/DashboardLayout.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.js +9 -4
- package/dist/components/Dashboard/DashboardLayout.js.map +1 -1
- package/dist/components/Dashboard/DashboardSidebar.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardSidebar.js +41 -12
- package/dist/components/Dashboard/DashboardSidebar.js.map +1 -1
- package/dist/components/Dashboard/EmptyState.js +5 -5
- package/dist/components/Dashboard/EmptyState.js.map +1 -1
- package/dist/components/Dashboard/KPICard.js +5 -5
- package/dist/components/Dashboard/KPICard.js.map +1 -1
- package/dist/components/Display/Avatar.d.ts +21 -0
- package/dist/components/Display/Avatar.d.ts.map +1 -0
- package/dist/components/Display/Avatar.js +71 -0
- package/dist/components/Display/Avatar.js.map +1 -0
- package/dist/components/Display/Badge.d.ts +22 -0
- package/dist/components/Display/Badge.d.ts.map +1 -0
- package/dist/components/Display/Badge.js +60 -0
- package/dist/components/Display/Badge.js.map +1 -0
- package/dist/components/Display/ProgressBar.d.ts +12 -0
- package/dist/components/Display/ProgressBar.d.ts.map +1 -0
- package/dist/components/Display/ProgressBar.js +33 -0
- package/dist/components/Display/ProgressBar.js.map +1 -0
- package/dist/components/Display/index.d.ts +9 -0
- package/dist/components/Display/index.d.ts.map +1 -0
- package/dist/components/Display/index.js +9 -0
- package/dist/components/Display/index.js.map +1 -0
- package/dist/components/Feedback/Skeleton.d.ts +10 -0
- package/dist/components/Feedback/Skeleton.d.ts.map +1 -0
- package/dist/components/Feedback/Skeleton.js +25 -0
- package/dist/components/Feedback/Skeleton.js.map +1 -0
- package/dist/components/Feedback/Toast.d.ts +18 -0
- package/dist/components/Feedback/Toast.d.ts.map +1 -0
- package/dist/components/Feedback/Toast.js +38 -0
- package/dist/components/Feedback/Toast.js.map +1 -0
- package/dist/components/Feedback/ToastProvider.d.ts +11 -0
- package/dist/components/Feedback/ToastProvider.d.ts.map +1 -0
- package/dist/components/Feedback/ToastProvider.js +36 -0
- package/dist/components/Feedback/ToastProvider.js.map +1 -0
- package/dist/components/Feedback/index.d.ts +11 -0
- package/dist/components/Feedback/index.d.ts.map +1 -0
- package/dist/components/Feedback/index.js +9 -0
- package/dist/components/Feedback/index.js.map +1 -0
- package/dist/components/Feedback/useToast.d.ts +3 -0
- package/dist/components/Feedback/useToast.d.ts.map +1 -0
- package/dist/components/Feedback/useToast.js +10 -0
- package/dist/components/Feedback/useToast.js.map +1 -0
- package/dist/components/Form/Button.d.ts +12 -0
- package/dist/components/Form/Button.d.ts.map +1 -0
- package/dist/components/Form/Button.js +22 -0
- package/dist/components/Form/Button.js.map +1 -0
- package/dist/components/Form/Checkbox.d.ts +13 -0
- package/dist/components/Form/Checkbox.d.ts.map +1 -0
- package/dist/components/Form/Checkbox.js +36 -0
- package/dist/components/Form/Checkbox.js.map +1 -0
- package/dist/components/Form/Input.d.ts +9 -0
- package/dist/components/Form/Input.d.ts.map +1 -0
- package/dist/components/Form/Input.js +16 -0
- package/dist/components/Form/Input.js.map +1 -0
- package/dist/components/Form/RadioGroup.d.ts +20 -0
- package/dist/components/Form/RadioGroup.d.ts.map +1 -0
- package/dist/components/Form/RadioGroup.js +43 -0
- package/dist/components/Form/RadioGroup.js.map +1 -0
- package/dist/components/Form/Select.d.ts +12 -0
- package/dist/components/Form/Select.d.ts.map +1 -0
- package/dist/components/Form/Select.js +13 -0
- package/dist/components/Form/Select.js.map +1 -0
- package/dist/components/Form/Textarea.d.ts +8 -0
- package/dist/components/Form/Textarea.d.ts.map +1 -0
- package/dist/components/Form/Textarea.js +13 -0
- package/dist/components/Form/Textarea.js.map +1 -0
- package/dist/components/Form/Toggle.d.ts +12 -0
- package/dist/components/Form/Toggle.d.ts.map +1 -0
- package/dist/components/Form/Toggle.js +48 -0
- package/dist/components/Form/Toggle.js.map +1 -0
- package/dist/components/Form/index.d.ts +13 -0
- package/dist/components/Form/index.d.ts.map +1 -0
- package/dist/components/Form/index.js +13 -0
- package/dist/components/Form/index.js.map +1 -0
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts +4 -4
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts.map +1 -1
- package/dist/components/InAppWallet/InAppWalletProvider.js +15 -28
- package/dist/components/InAppWallet/InAppWalletProvider.js.map +1 -1
- package/dist/components/Navigation/Breadcrumb.d.ts +15 -0
- package/dist/components/Navigation/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Navigation/Breadcrumb.js +28 -0
- package/dist/components/Navigation/Breadcrumb.js.map +1 -0
- package/dist/components/Navigation/CommandPalette.d.ts +26 -0
- package/dist/components/Navigation/CommandPalette.d.ts.map +1 -0
- package/dist/components/Navigation/CommandPalette.js +172 -0
- package/dist/components/Navigation/CommandPalette.js.map +1 -0
- package/dist/components/Navigation/index.d.ts +8 -0
- package/dist/components/Navigation/index.d.ts.map +1 -0
- package/dist/components/Navigation/index.js +8 -0
- package/dist/components/Navigation/index.js.map +1 -0
- package/dist/components/Onramp/BuyUSDCButton.d.ts +9 -7
- package/dist/components/Onramp/BuyUSDCButton.d.ts.map +1 -1
- package/dist/components/Onramp/BuyUSDCButton.js +37 -47
- package/dist/components/Onramp/BuyUSDCButton.js.map +1 -1
- package/dist/components/Onramp/OnrampWidget.d.ts +7 -6
- package/dist/components/Onramp/OnrampWidget.d.ts.map +1 -1
- package/dist/components/Onramp/OnrampWidget.js +58 -37
- package/dist/components/Onramp/OnrampWidget.js.map +1 -1
- package/dist/components/Onramp/index.d.ts +3 -5
- package/dist/components/Onramp/index.d.ts.map +1 -1
- package/dist/components/Onramp/index.js +3 -5
- package/dist/components/Onramp/index.js.map +1 -1
- package/dist/components/Overlay/ConfirmDialog.d.ts +14 -0
- package/dist/components/Overlay/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/Overlay/ConfirmDialog.js +11 -0
- package/dist/components/Overlay/ConfirmDialog.js.map +1 -0
- package/dist/components/Overlay/Dialog.d.ts +11 -0
- package/dist/components/Overlay/Dialog.d.ts.map +1 -0
- package/dist/components/Overlay/Dialog.js +69 -0
- package/dist/components/Overlay/Dialog.js.map +1 -0
- package/dist/components/Overlay/DropdownMenu.d.ts +17 -0
- package/dist/components/Overlay/DropdownMenu.d.ts.map +1 -0
- package/dist/components/Overlay/DropdownMenu.js +123 -0
- package/dist/components/Overlay/DropdownMenu.js.map +1 -0
- package/dist/components/Overlay/index.d.ts +9 -0
- package/dist/components/Overlay/index.d.ts.map +1 -0
- package/dist/components/Overlay/index.js +9 -0
- package/dist/components/Overlay/index.js.map +1 -0
- package/dist/components/PaymentWidget/PaymentGate.d.ts +30 -0
- package/dist/components/PaymentWidget/PaymentGate.d.ts.map +1 -0
- package/dist/components/PaymentWidget/PaymentGate.js +54 -0
- package/dist/components/PaymentWidget/PaymentGate.js.map +1 -0
- package/dist/components/PaymentWidget/PaymentWidget.d.ts +40 -0
- package/dist/components/PaymentWidget/PaymentWidget.d.ts.map +1 -0
- package/dist/components/PaymentWidget/PaymentWidget.js +195 -0
- package/dist/components/PaymentWidget/PaymentWidget.js.map +1 -0
- package/dist/components/PaymentWidget/index.d.ts +30 -0
- package/dist/components/PaymentWidget/index.d.ts.map +1 -0
- package/dist/components/PaymentWidget/index.js +32 -0
- package/dist/components/PaymentWidget/index.js.map +1 -0
- package/dist/components/PaymentWidget/types.d.ts +200 -0
- package/dist/components/PaymentWidget/types.d.ts.map +1 -0
- package/dist/components/PaymentWidget/types.js +84 -0
- package/dist/components/PaymentWidget/types.js.map +1 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts +51 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts.map +1 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.js +167 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.js.map +1 -0
- package/dist/components/PaymentWidget/useVarityPayment.d.ts +20 -0
- package/dist/components/PaymentWidget/useVarityPayment.d.ts.map +1 -0
- package/dist/components/PaymentWidget/useVarityPayment.js +164 -0
- package/dist/components/PaymentWidget/useVarityPayment.js.map +1 -0
- package/dist/components/Payments/CheckoutModal.d.ts.map +1 -1
- package/dist/components/Payments/CheckoutModal.js +16 -5
- package/dist/components/Payments/CheckoutModal.js.map +1 -1
- package/dist/components/Payments/constants.js +1 -1
- package/dist/components/Payments/constants.js.map +1 -1
- package/dist/components/Privy/InitTimeoutScreen.d.ts.map +1 -1
- package/dist/components/Privy/InitTimeoutScreen.js +1 -1
- package/dist/components/Privy/InitTimeoutScreen.js.map +1 -1
- package/dist/components/Privy/InitializingScreen.d.ts +3 -3
- package/dist/components/Privy/InitializingScreen.d.ts.map +1 -1
- package/dist/components/Privy/InitializingScreen.js +6 -6
- package/dist/components/Privy/InitializingScreen.js.map +1 -1
- package/dist/components/index.d.ts +5 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +20 -4
- package/dist/components/index.js.map +1 -1
- package/dist/config/chains.d.ts +5 -5
- package/dist/config/chains.d.ts.map +1 -1
- package/dist/config/chains.js +8 -8
- package/dist/config/chains.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -11
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +54 -11
- package/dist/hooks/index.js.map +1 -1
- package/dist/index.d.ts +24 -42
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +180 -43
- package/dist/index.js.map +1 -1
- package/dist/providers/PrivyProvider.js +1 -1
- package/dist/providers/PrivyProvider.js.map +1 -1
- package/dist/providers/PrivyStack.d.ts +31 -73
- package/dist/providers/PrivyStack.d.ts.map +1 -1
- package/dist/providers/PrivyStack.js +32 -160
- package/dist/providers/PrivyStack.js.map +1 -1
- package/dist/providers/VarityDashboardProvider.d.ts +7 -10
- package/dist/providers/VarityDashboardProvider.d.ts.map +1 -1
- package/dist/providers/VarityDashboardProvider.js +12 -15
- package/dist/providers/VarityDashboardProvider.js.map +1 -1
- package/dist/providers/WalletSyncProvider.d.ts +17 -24
- package/dist/providers/WalletSyncProvider.d.ts.map +1 -1
- package/dist/providers/WalletSyncProvider.js +16 -27
- package/dist/providers/WalletSyncProvider.js.map +1 -1
- package/dist/providers/ZeroDevProvider.d.ts +69 -0
- package/dist/providers/ZeroDevProvider.d.ts.map +1 -0
- package/dist/providers/ZeroDevProvider.js +208 -0
- package/dist/providers/ZeroDevProvider.js.map +1 -0
- package/dist/providers/index.d.ts +1 -0
- package/dist/providers/index.d.ts.map +1 -1
- package/dist/providers/index.js +2 -0
- package/dist/providers/index.js.map +1 -1
- package/dist/wallets/SimpleSmartWallet.js +1 -1
- package/dist/wallets/SimpleSmartWallet.js.map +1 -1
- package/dist/wallets/SmartWalletProvider.js +1 -1
- package/dist/wallets/SmartWalletProvider.js.map +1 -1
- package/dist/wallets/config.d.ts +31 -8
- package/dist/wallets/config.d.ts.map +1 -1
- package/dist/wallets/config.js +33 -10
- package/dist/wallets/config.js.map +1 -1
- package/dist/wallets/index.d.ts +1 -1
- package/dist/wallets/index.d.ts.map +1 -1
- package/dist/wallets/index.js +1 -1
- package/dist/wallets/index.js.map +1 -1
- package/package.json +34 -26
- package/dist/core/VarityClient.d.ts +0 -76
- package/dist/core/VarityClient.d.ts.map +0 -1
- package/dist/core/VarityClient.js +0 -99
- package/dist/core/VarityClient.js.map +0 -1
- package/dist/core/config.d.ts +0 -136
- package/dist/core/config.d.ts.map +0 -1
- package/dist/core/config.js +0 -156
- package/dist/core/config.js.map +0 -1
- package/dist/hooks/useAnalytics.d.ts +0 -94
- package/dist/hooks/useAnalytics.d.ts.map +0 -1
- package/dist/hooks/useAnalytics.js +0 -116
- package/dist/hooks/useAnalytics.js.map +0 -1
- package/dist/hooks/useAuth.d.ts +0 -71
- package/dist/hooks/useAuth.d.ts.map +0 -1
- package/dist/hooks/useAuth.js +0 -198
- package/dist/hooks/useAuth.js.map +0 -1
- package/dist/hooks/useDashboard.d.ts +0 -110
- package/dist/hooks/useDashboard.d.ts.map +0 -1
- package/dist/hooks/useDashboard.js +0 -201
- package/dist/hooks/useDashboard.js.map +0 -1
- package/dist/hooks/useVarityAPI.d.ts +0 -88
- package/dist/hooks/useVarityAPI.d.ts.map +0 -1
- package/dist/hooks/useVarityAPI.js +0 -138
- package/dist/hooks/useVarityAPI.js.map +0 -1
- package/dist/hooks/useWalletAuth.d.ts +0 -108
- package/dist/hooks/useWalletAuth.d.ts.map +0 -1
- package/dist/hooks/useWalletAuth.js +0 -415
- package/dist/hooks/useWalletAuth.js.map +0 -1
- package/dist/modules/cache/index.d.ts +0 -2
- package/dist/modules/cache/index.d.ts.map +0 -1
- package/dist/modules/cache/index.js +0 -2
- package/dist/modules/cache/index.js.map +0 -1
- package/dist/types/api-extensions.d.ts +0 -92
- package/dist/types/api-extensions.d.ts.map +0 -1
- package/dist/types/api-extensions.js +0 -7
- package/dist/types/api-extensions.js.map +0 -1
|
@@ -1,87 +1,220 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
/**
|
|
2
3
|
* DashboardHeader - Top navigation bar for Varity dashboards
|
|
3
4
|
*
|
|
4
5
|
* Displays user information, notifications, and quick actions.
|
|
5
6
|
*/
|
|
6
|
-
import React from 'react';
|
|
7
|
+
import React, { useState, useEffect, useRef } from 'react';
|
|
7
8
|
/**
|
|
8
9
|
* DashboardHeader Component
|
|
9
10
|
*/
|
|
10
|
-
export const DashboardHeader = ({ height = 64, user, onLogout, showNotifications = true, notificationCount = 0 }) => {
|
|
11
|
-
const
|
|
12
|
-
|
|
11
|
+
export const DashboardHeader = ({ height = 64, sidebarWidth = 0, user, onLogout, showNotifications = true, notificationCount = 0, onNavigateToProfile, onNavigateToSettings, onSearchClick, searchPlaceholder = 'Search...' }) => {
|
|
12
|
+
const [showNotificationDropdown, setShowNotificationDropdown] = useState(false);
|
|
13
|
+
const [showProfileDropdown, setShowProfileDropdown] = useState(false);
|
|
14
|
+
const notificationRef = useRef(null);
|
|
15
|
+
const profileRef = useRef(null);
|
|
16
|
+
const truncateDisplay = (value) => {
|
|
17
|
+
if (!value)
|
|
13
18
|
return '';
|
|
14
|
-
return `${
|
|
19
|
+
return `${value.slice(0, 6)}...${value.slice(-4)}`;
|
|
15
20
|
};
|
|
21
|
+
// Close dropdowns when clicking outside
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
function handleClickOutside(event) {
|
|
24
|
+
if (notificationRef.current && !notificationRef.current.contains(event.target)) {
|
|
25
|
+
setShowNotificationDropdown(false);
|
|
26
|
+
}
|
|
27
|
+
if (profileRef.current && !profileRef.current.contains(event.target)) {
|
|
28
|
+
setShowProfileDropdown(false);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
32
|
+
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
33
|
+
}, []);
|
|
16
34
|
return (React.createElement("header", { className: "varity-dashboard-header", style: {
|
|
17
35
|
position: 'fixed',
|
|
18
36
|
top: 0,
|
|
19
37
|
right: 0,
|
|
20
|
-
left:
|
|
38
|
+
left: `${sidebarWidth}px`,
|
|
21
39
|
height: `${height}px`,
|
|
22
40
|
backgroundColor: 'var(--varity-bg-header, #ffffff)',
|
|
23
41
|
borderBottom: '1px solid var(--varity-border-color, #e0e0e0)',
|
|
24
42
|
display: 'flex',
|
|
25
43
|
alignItems: 'center',
|
|
26
|
-
justifyContent: '
|
|
44
|
+
justifyContent: 'space-between',
|
|
27
45
|
padding: '0 24px',
|
|
28
46
|
zIndex: 1000,
|
|
29
47
|
boxShadow: '0 2px 4px rgba(0,0,0,0.05)'
|
|
30
48
|
} },
|
|
49
|
+
onSearchClick && (React.createElement("button", { onClick: onSearchClick, style: {
|
|
50
|
+
display: 'flex',
|
|
51
|
+
alignItems: 'center',
|
|
52
|
+
gap: '8px',
|
|
53
|
+
flex: 1,
|
|
54
|
+
maxWidth: '480px',
|
|
55
|
+
padding: '8px 16px',
|
|
56
|
+
backgroundColor: 'var(--varity-bg-secondary, #f3f4f6)',
|
|
57
|
+
border: '1px solid var(--varity-border-color, #e5e7eb)',
|
|
58
|
+
borderRadius: '8px',
|
|
59
|
+
cursor: 'pointer',
|
|
60
|
+
fontSize: '14px',
|
|
61
|
+
color: 'var(--varity-text-secondary, #6b7280)',
|
|
62
|
+
transition: 'all 0.15s ease'
|
|
63
|
+
}, onMouseEnter: (e) => {
|
|
64
|
+
e.currentTarget.style.borderColor = 'var(--varity-primary-color, #4f46e5)';
|
|
65
|
+
e.currentTarget.style.boxShadow = '0 1px 3px rgba(0,0,0,0.1)';
|
|
66
|
+
}, onMouseLeave: (e) => {
|
|
67
|
+
e.currentTarget.style.borderColor = 'var(--varity-border-color, #e5e7eb)';
|
|
68
|
+
e.currentTarget.style.boxShadow = 'none';
|
|
69
|
+
} },
|
|
70
|
+
React.createElement("span", { style: { fontSize: '16px' } }, "\uD83D\uDD0D"),
|
|
71
|
+
React.createElement("span", { style: { flex: 1, textAlign: 'left' } }, searchPlaceholder),
|
|
72
|
+
React.createElement("span", { style: {
|
|
73
|
+
fontSize: '11px',
|
|
74
|
+
padding: '2px 6px',
|
|
75
|
+
backgroundColor: 'var(--varity-bg-primary, #ffffff)',
|
|
76
|
+
border: '1px solid var(--varity-border-color, #e5e7eb)',
|
|
77
|
+
borderRadius: '4px',
|
|
78
|
+
fontFamily: 'monospace'
|
|
79
|
+
} }, "\u2318K"))),
|
|
31
80
|
React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '16px' } },
|
|
32
|
-
showNotifications && (React.createElement("
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
border: 'none',
|
|
36
|
-
cursor: 'pointer',
|
|
37
|
-
padding: '8px',
|
|
38
|
-
borderRadius: '4px'
|
|
39
|
-
}, "aria-label": "Notifications" },
|
|
40
|
-
React.createElement("span", { style: { fontSize: '24px' } }, "\uD83D\uDD14"),
|
|
41
|
-
notificationCount > 0 && (React.createElement("span", { style: {
|
|
42
|
-
position: 'absolute',
|
|
43
|
-
top: '4px',
|
|
44
|
-
right: '4px',
|
|
45
|
-
backgroundColor: 'var(--varity-accent-color, #ff5722)',
|
|
46
|
-
color: 'white',
|
|
47
|
-
borderRadius: '10px',
|
|
48
|
-
padding: '2px 6px',
|
|
49
|
-
fontSize: '10px',
|
|
50
|
-
fontWeight: 'bold'
|
|
51
|
-
} }, notificationCount > 99 ? '99+' : notificationCount)))),
|
|
52
|
-
user && (React.createElement("div", { className: "varity-user-menu", style: {
|
|
53
|
-
display: 'flex',
|
|
54
|
-
alignItems: 'center',
|
|
55
|
-
gap: '12px',
|
|
56
|
-
padding: '8px 12px',
|
|
57
|
-
borderRadius: '8px',
|
|
58
|
-
backgroundColor: 'var(--varity-bg-secondary, #f9f9f9)',
|
|
59
|
-
cursor: 'pointer'
|
|
60
|
-
} },
|
|
61
|
-
React.createElement("div", { style: {
|
|
62
|
-
width: '32px',
|
|
63
|
-
height: '32px',
|
|
64
|
-
borderRadius: '50%',
|
|
65
|
-
backgroundColor: 'var(--varity-primary-color, #1976d2)',
|
|
66
|
-
display: 'flex',
|
|
67
|
-
alignItems: 'center',
|
|
68
|
-
justifyContent: 'center',
|
|
69
|
-
color: 'white',
|
|
70
|
-
fontWeight: 'bold',
|
|
71
|
-
fontSize: '14px',
|
|
72
|
-
backgroundImage: user.avatarUrl ? `url(${user.avatarUrl})` : undefined,
|
|
73
|
-
backgroundSize: 'cover'
|
|
74
|
-
} }, !user.avatarUrl && user.name.charAt(0).toUpperCase()),
|
|
75
|
-
React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start' } },
|
|
76
|
-
React.createElement("span", { style: { fontWeight: 500, fontSize: '14px', color: 'var(--varity-text-primary, #212121)' } }, user.name),
|
|
77
|
-
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } }, truncateAddress(user.address))),
|
|
78
|
-
onLogout && (React.createElement("button", { onClick: onLogout, style: {
|
|
81
|
+
showNotifications && (React.createElement("div", { ref: notificationRef, style: { position: 'relative' } },
|
|
82
|
+
React.createElement("button", { className: "varity-notification-button", style: {
|
|
83
|
+
position: 'relative',
|
|
79
84
|
background: 'transparent',
|
|
80
85
|
border: 'none',
|
|
81
86
|
cursor: 'pointer',
|
|
82
|
-
padding: '
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
87
|
+
padding: '8px',
|
|
88
|
+
borderRadius: '4px'
|
|
89
|
+
}, onClick: () => setShowNotificationDropdown(!showNotificationDropdown), "aria-label": "Notifications" },
|
|
90
|
+
React.createElement("span", { style: { fontSize: '24px' } }, "\uD83D\uDD14"),
|
|
91
|
+
notificationCount > 0 && (React.createElement("span", { style: {
|
|
92
|
+
position: 'absolute',
|
|
93
|
+
top: '4px',
|
|
94
|
+
right: '4px',
|
|
95
|
+
backgroundColor: 'var(--varity-accent-color, #ff5722)',
|
|
96
|
+
color: 'white',
|
|
97
|
+
borderRadius: '10px',
|
|
98
|
+
padding: '2px 6px',
|
|
99
|
+
fontSize: '10px',
|
|
100
|
+
fontWeight: 'bold'
|
|
101
|
+
} }, notificationCount > 99 ? '99+' : notificationCount))),
|
|
102
|
+
showNotificationDropdown && (React.createElement("div", { style: {
|
|
103
|
+
position: 'absolute',
|
|
104
|
+
top: 'calc(100% + 8px)',
|
|
105
|
+
right: 0,
|
|
106
|
+
width: '320px',
|
|
107
|
+
backgroundColor: 'white',
|
|
108
|
+
border: '1px solid var(--varity-border-color, #e0e0e0)',
|
|
109
|
+
borderRadius: '8px',
|
|
110
|
+
boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
|
|
111
|
+
zIndex: 1002,
|
|
112
|
+
overflow: 'hidden'
|
|
113
|
+
} },
|
|
114
|
+
React.createElement("div", { style: { padding: '12px 16px', borderBottom: '1px solid var(--varity-border-color, #e0e0e0)', fontWeight: 600 } }, "Notifications"),
|
|
115
|
+
React.createElement("div", { style: { padding: '16px', textAlign: 'center', color: 'var(--varity-text-secondary, #757575)' } }, "No new notifications"))))),
|
|
116
|
+
user && (React.createElement("div", { ref: profileRef, style: { position: 'relative' } },
|
|
117
|
+
React.createElement("div", { className: "varity-user-menu", style: {
|
|
118
|
+
display: 'flex',
|
|
119
|
+
alignItems: 'center',
|
|
120
|
+
gap: '12px',
|
|
121
|
+
padding: '8px 12px',
|
|
122
|
+
borderRadius: '8px',
|
|
123
|
+
backgroundColor: 'transparent',
|
|
124
|
+
cursor: 'pointer'
|
|
125
|
+
}, onClick: () => setShowProfileDropdown(!showProfileDropdown) },
|
|
126
|
+
React.createElement("div", { style: {
|
|
127
|
+
width: '32px',
|
|
128
|
+
height: '32px',
|
|
129
|
+
borderRadius: '50%',
|
|
130
|
+
backgroundColor: 'var(--varity-primary-color, #1976d2)',
|
|
131
|
+
display: 'flex',
|
|
132
|
+
alignItems: 'center',
|
|
133
|
+
justifyContent: 'center',
|
|
134
|
+
color: 'white',
|
|
135
|
+
fontWeight: 'bold',
|
|
136
|
+
fontSize: '14px',
|
|
137
|
+
backgroundImage: user.avatarUrl ? `url(${user.avatarUrl})` : undefined,
|
|
138
|
+
backgroundSize: 'cover'
|
|
139
|
+
} }, !user.avatarUrl && user.name.charAt(0).toUpperCase()),
|
|
140
|
+
React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start' } },
|
|
141
|
+
React.createElement("span", { style: { fontWeight: 500, fontSize: '14px', color: 'var(--varity-text-primary, #212121)' } }, user.name),
|
|
142
|
+
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } }, truncateDisplay(user.email))),
|
|
143
|
+
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } }, showProfileDropdown ? '▲' : '▼')),
|
|
144
|
+
showProfileDropdown && (React.createElement("div", { style: {
|
|
145
|
+
position: 'absolute',
|
|
146
|
+
top: 'calc(100% + 8px)',
|
|
147
|
+
right: 0,
|
|
148
|
+
width: '200px',
|
|
149
|
+
backgroundColor: 'white',
|
|
150
|
+
border: '1px solid var(--varity-border-color, #e0e0e0)',
|
|
151
|
+
borderRadius: '8px',
|
|
152
|
+
boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
|
|
153
|
+
zIndex: 1002,
|
|
154
|
+
overflow: 'hidden'
|
|
155
|
+
} },
|
|
156
|
+
React.createElement("div", { style: { padding: '8px' } },
|
|
157
|
+
React.createElement("button", { onClick: (e) => {
|
|
158
|
+
e.stopPropagation();
|
|
159
|
+
setShowProfileDropdown(false);
|
|
160
|
+
if (onNavigateToProfile) {
|
|
161
|
+
onNavigateToProfile();
|
|
162
|
+
}
|
|
163
|
+
}, style: {
|
|
164
|
+
width: '100%',
|
|
165
|
+
padding: '10px 12px',
|
|
166
|
+
textAlign: 'left',
|
|
167
|
+
background: 'transparent',
|
|
168
|
+
border: 'none',
|
|
169
|
+
cursor: 'pointer',
|
|
170
|
+
borderRadius: '4px',
|
|
171
|
+
fontSize: '14px',
|
|
172
|
+
color: 'var(--varity-text-primary, #212121)'
|
|
173
|
+
}, onMouseEnter: (e) => {
|
|
174
|
+
e.currentTarget.style.backgroundColor = 'var(--varity-bg-hover, #f0f0f0)';
|
|
175
|
+
}, onMouseLeave: (e) => {
|
|
176
|
+
e.currentTarget.style.backgroundColor = 'transparent';
|
|
177
|
+
} }, "\uD83D\uDC64 Profile"),
|
|
178
|
+
React.createElement("button", { onClick: (e) => {
|
|
179
|
+
e.stopPropagation();
|
|
180
|
+
setShowProfileDropdown(false);
|
|
181
|
+
if (onNavigateToSettings) {
|
|
182
|
+
onNavigateToSettings();
|
|
183
|
+
}
|
|
184
|
+
}, style: {
|
|
185
|
+
width: '100%',
|
|
186
|
+
padding: '10px 12px',
|
|
187
|
+
textAlign: 'left',
|
|
188
|
+
background: 'transparent',
|
|
189
|
+
border: 'none',
|
|
190
|
+
cursor: 'pointer',
|
|
191
|
+
borderRadius: '4px',
|
|
192
|
+
fontSize: '14px',
|
|
193
|
+
color: 'var(--varity-text-primary, #212121)'
|
|
194
|
+
}, onMouseEnter: (e) => {
|
|
195
|
+
e.currentTarget.style.backgroundColor = 'var(--varity-bg-hover, #f0f0f0)';
|
|
196
|
+
}, onMouseLeave: (e) => {
|
|
197
|
+
e.currentTarget.style.backgroundColor = 'transparent';
|
|
198
|
+
} }, "\u2699\uFE0F Settings"),
|
|
199
|
+
onLogout && (React.createElement(React.Fragment, null,
|
|
200
|
+
React.createElement("div", { style: { height: '1px', backgroundColor: 'var(--varity-border-color, #e0e0e0)', margin: '4px 0' } }),
|
|
201
|
+
React.createElement("button", { onClick: (e) => {
|
|
202
|
+
e.stopPropagation();
|
|
203
|
+
onLogout();
|
|
204
|
+
}, style: {
|
|
205
|
+
width: '100%',
|
|
206
|
+
padding: '10px 12px',
|
|
207
|
+
textAlign: 'left',
|
|
208
|
+
background: 'transparent',
|
|
209
|
+
border: 'none',
|
|
210
|
+
cursor: 'pointer',
|
|
211
|
+
borderRadius: '4px',
|
|
212
|
+
fontSize: '14px',
|
|
213
|
+
color: 'var(--varity-accent-color, #ff5722)'
|
|
214
|
+
}, onMouseEnter: (e) => {
|
|
215
|
+
e.currentTarget.style.backgroundColor = 'var(--varity-bg-hover, #f0f0f0)';
|
|
216
|
+
}, onMouseLeave: (e) => {
|
|
217
|
+
e.currentTarget.style.backgroundColor = 'transparent';
|
|
218
|
+
} }, "\uD83D\uDEAA Logout")))))))))));
|
|
86
219
|
};
|
|
87
220
|
//# sourceMappingURL=DashboardHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,6 +28,16 @@ export interface DashboardLayoutProps {
|
|
|
28
28
|
user?: UserInfo;
|
|
29
29
|
/** Callback when user clicks logout */
|
|
30
30
|
onLogout?: () => void;
|
|
31
|
+
/** Custom navigation handler (default: window.location.href) */
|
|
32
|
+
onNavigate?: (path: string) => void;
|
|
33
|
+
/** Callback when user navigates to profile */
|
|
34
|
+
onNavigateToProfile?: () => void;
|
|
35
|
+
/** Callback when user navigates to settings */
|
|
36
|
+
onNavigateToSettings?: () => void;
|
|
37
|
+
/** Callback when search bar in header is clicked */
|
|
38
|
+
onSearchClick?: () => void;
|
|
39
|
+
/** Placeholder text for header search bar */
|
|
40
|
+
searchPlaceholder?: string;
|
|
31
41
|
}
|
|
32
42
|
export interface NavigationItem {
|
|
33
43
|
/** Navigation item label */
|
|
@@ -44,8 +54,8 @@ export interface NavigationItem {
|
|
|
44
54
|
export interface UserInfo {
|
|
45
55
|
/** User's display name */
|
|
46
56
|
name: string;
|
|
47
|
-
/** User's
|
|
48
|
-
|
|
57
|
+
/** User's email address */
|
|
58
|
+
email: string;
|
|
49
59
|
/** User's avatar URL */
|
|
50
60
|
avatarUrl?: string;
|
|
51
61
|
}
|
|
@@ -57,7 +67,7 @@ export interface UserInfo {
|
|
|
57
67
|
* <DashboardLayout
|
|
58
68
|
* companyName="Acme Corp"
|
|
59
69
|
* logoUrl="/logo.png"
|
|
60
|
-
* user={{ name: "John Doe",
|
|
70
|
+
* user={{ name: "John Doe", email: "john@example.com" }}
|
|
61
71
|
* navigationItems={[
|
|
62
72
|
* { label: "Dashboard", icon: "dashboard", path: "/" },
|
|
63
73
|
* { label: "Analytics", icon: "analytics", path: "/analytics" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;CAC5B;AAED,MAAM,WAAW,QAAQ;IACvB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+E1D,CAAA"}
|
|
@@ -16,7 +16,7 @@ import { DashboardFooter } from './DashboardFooter';
|
|
|
16
16
|
* <DashboardLayout
|
|
17
17
|
* companyName="Acme Corp"
|
|
18
18
|
* logoUrl="/logo.png"
|
|
19
|
-
* user={{ name: "John Doe",
|
|
19
|
+
* user={{ name: "John Doe", email: "john@example.com" }}
|
|
20
20
|
* navigationItems={[
|
|
21
21
|
* { label: "Dashboard", icon: "dashboard", path: "/" },
|
|
22
22
|
* { label: "Analytics", icon: "analytics", path: "/analytics" }
|
|
@@ -26,13 +26,18 @@ import { DashboardFooter } from './DashboardFooter';
|
|
|
26
26
|
* </DashboardLayout>
|
|
27
27
|
* ```
|
|
28
28
|
*/
|
|
29
|
-
export const DashboardLayout = ({ children, showSidebar = true, showHeader = true, showFooter = true, sidebarWidth = 240, headerHeight = 64, logoUrl, companyName, navigationItems = [], user, onLogout }) => {
|
|
29
|
+
export const DashboardLayout = ({ children, showSidebar = true, showHeader = true, showFooter = true, sidebarWidth = 240, headerHeight = 64, logoUrl, companyName, navigationItems = [], user, onLogout, onNavigate, onNavigateToProfile, onNavigateToSettings, onSearchClick, searchPlaceholder }) => {
|
|
30
30
|
return (React.createElement("div", { className: "varity-dashboard-layout", style: {
|
|
31
31
|
display: 'flex',
|
|
32
32
|
minHeight: '100vh',
|
|
33
33
|
backgroundColor: 'var(--varity-bg-primary, #f5f5f5)'
|
|
34
34
|
} },
|
|
35
|
-
showSidebar && (React.createElement(DashboardSidebar, { width: sidebarWidth, logoUrl: logoUrl, companyName: companyName, navigationItems: navigationItems
|
|
35
|
+
showSidebar && (React.createElement(DashboardSidebar, { width: sidebarWidth, logoUrl: logoUrl, companyName: companyName, navigationItems: navigationItems, onNavigate: onNavigate || ((path) => {
|
|
36
|
+
// Default: Navigate using window.location for client-side routing compatibility
|
|
37
|
+
if (typeof window !== 'undefined') {
|
|
38
|
+
window.location.href = path;
|
|
39
|
+
}
|
|
40
|
+
}) })),
|
|
36
41
|
React.createElement("div", { style: {
|
|
37
42
|
flex: 1,
|
|
38
43
|
display: 'flex',
|
|
@@ -40,7 +45,7 @@ export const DashboardLayout = ({ children, showSidebar = true, showHeader = tru
|
|
|
40
45
|
marginLeft: showSidebar ? sidebarWidth : 0,
|
|
41
46
|
transition: 'margin-left 0.3s ease'
|
|
42
47
|
} },
|
|
43
|
-
showHeader && (React.createElement(DashboardHeader, { height: headerHeight, user: user, onLogout: onLogout })),
|
|
48
|
+
showHeader && (React.createElement(DashboardHeader, { height: headerHeight, sidebarWidth: showSidebar ? sidebarWidth : 0, user: user, onLogout: onLogout, onNavigateToProfile: onNavigateToProfile, onNavigateToSettings: onNavigateToSettings, onSearchClick: onSearchClick, searchPlaceholder: searchPlaceholder })),
|
|
44
49
|
React.createElement("main", { style: {
|
|
45
50
|
flex: 1,
|
|
46
51
|
padding: '24px',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardLayout.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"DashboardLayout.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AA2DnD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,UAAU,GAAG,IAAI,EACjB,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,GAAG,EAClB,YAAY,GAAG,EAAE,EACjB,OAAO,EACP,WAAW,EACX,eAAe,GAAG,EAAE,EACpB,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EAClB,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE;YAC9C,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,OAAO;YAClB,eAAe,EAAE,mCAAmC;SACrD;QAEE,WAAW,IAAI,CACd,oBAAC,gBAAgB,IACf,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClC,gFAAgF;gBAChF,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;oBAClC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;gBAC9B,CAAC;YACH,CAAC,CAAC,GACF,CACH;QAGD,6BAAK,KAAK,EAAE;gBACV,IAAI,EAAE,CAAC;gBACP,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;gBAC1C,UAAU,EAAE,uBAAuB;aACpC;YAEE,UAAU,IAAI,CACb,oBAAC,eAAe,IACd,MAAM,EAAE,YAAY,EACpB,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAC5C,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,iBAAiB,GACpC,CACH;YAGD,8BAAM,KAAK,EAAE;oBACX,IAAI,EAAE,CAAC;oBACP,OAAO,EAAE,MAAM;oBACf,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;oBACxC,QAAQ,EAAE,MAAM;iBACjB,IACE,QAAQ,CACJ;YAGN,UAAU,IAAI,CACb,oBAAC,eAAe,IAAC,WAAW,EAAE,WAAW,GAAI,CAC9C,CACG,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardSidebar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DashboardSidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardSidebar.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,qBAAqB;IACpC,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uBAAuB;IACvB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,+CAA+C;IAC/C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAwN5D,CAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
/**
|
|
2
3
|
* DashboardSidebar - Navigation sidebar for Varity dashboards
|
|
3
4
|
*
|
|
@@ -85,31 +86,54 @@ export const DashboardSidebar = ({ width = 240, logoUrl, companyName = 'Dashboar
|
|
|
85
86
|
logoUrl && (React.createElement("img", { src: logoUrl, alt: `${companyName} logo`, style: {
|
|
86
87
|
height: '32px',
|
|
87
88
|
width: 'auto',
|
|
88
|
-
maxWidth: collapsed ? '32px' : '
|
|
89
|
+
maxWidth: collapsed ? '32px' : '40px'
|
|
89
90
|
} })),
|
|
90
|
-
!collapsed &&
|
|
91
|
+
!collapsed && (React.createElement("h1", { style: {
|
|
91
92
|
margin: 0,
|
|
92
93
|
fontSize: '18px',
|
|
93
|
-
fontWeight:
|
|
94
|
-
color: 'var(--varity-primary
|
|
94
|
+
fontWeight: 700,
|
|
95
|
+
color: 'var(--varity-text-primary, #212121)'
|
|
95
96
|
} }, companyName))),
|
|
96
97
|
React.createElement("nav", { style: { flex: 1, padding: '16px 0' } }, navigationItems.map((item) => renderNavigationItem(item))),
|
|
97
98
|
!collapsed && (React.createElement("div", { style: {
|
|
98
99
|
padding: '16px',
|
|
99
100
|
borderTop: '1px solid var(--varity-border-color, #e0e0e0)',
|
|
100
|
-
|
|
101
|
+
display: 'flex',
|
|
102
|
+
alignItems: 'center',
|
|
103
|
+
justifyContent: 'center',
|
|
104
|
+
gap: '6px'
|
|
101
105
|
} },
|
|
102
106
|
React.createElement("span", { style: {
|
|
103
107
|
fontSize: '12px',
|
|
104
108
|
color: 'var(--varity-text-secondary, #757575)'
|
|
109
|
+
} }, "Powered by"),
|
|
110
|
+
React.createElement("a", { href: "https://developer.store.varity.so", target: "_blank", rel: "noopener noreferrer", style: {
|
|
111
|
+
color: 'var(--varity-primary-color, #1976d2)',
|
|
112
|
+
textDecoration: 'none',
|
|
113
|
+
fontWeight: 600,
|
|
114
|
+
display: 'flex',
|
|
115
|
+
alignItems: 'center',
|
|
116
|
+
gap: '4px',
|
|
117
|
+
fontSize: '12px'
|
|
105
118
|
} },
|
|
106
|
-
"
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
119
|
+
React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 64 64", xmlns: "http://www.w3.org/2000/svg", style: { display: 'block' } },
|
|
120
|
+
React.createElement("defs", null,
|
|
121
|
+
React.createElement("linearGradient", { id: "varity-sb-f1", x1: "0%", y1: "0%", x2: "100%", y2: "100%" },
|
|
122
|
+
React.createElement("stop", { offset: "0%", stopColor: "#5EEAD4" }),
|
|
123
|
+
React.createElement("stop", { offset: "100%", stopColor: "#0D9488" })),
|
|
124
|
+
React.createElement("linearGradient", { id: "varity-sb-f2", x1: "100%", y1: "0%", x2: "0%", y2: "100%" },
|
|
125
|
+
React.createElement("stop", { offset: "0%", stopColor: "#60A5FA" }),
|
|
126
|
+
React.createElement("stop", { offset: "100%", stopColor: "#1D4ED8" })),
|
|
127
|
+
React.createElement("linearGradient", { id: "varity-sb-f4", x1: "0%", y1: "100%", x2: "100%", y2: "0%" },
|
|
128
|
+
React.createElement("stop", { offset: "0%", stopColor: "#14B8A6" }),
|
|
129
|
+
React.createElement("stop", { offset: "100%", stopColor: "#2DD4BF" }))),
|
|
130
|
+
React.createElement("path", { d: "M32 6 L48 22 L32 32 L16 22 Z", fill: "url(#varity-sb-f4)" }),
|
|
131
|
+
React.createElement("path", { d: "M16 22 L32 32 L32 58 L8 36 Z", fill: "url(#varity-sb-f1)" }),
|
|
132
|
+
React.createElement("path", { d: "M48 22 L56 36 L32 58 L32 32 Z", fill: "url(#varity-sb-f2)" }),
|
|
133
|
+
React.createElement("path", { d: "M8 36 L32 58 L20 58 Z", fill: "url(#varity-sb-f1)", opacity: "0.7" }),
|
|
134
|
+
React.createElement("path", { d: "M56 36 L44 58 L32 58 Z", fill: "url(#varity-sb-f2)", opacity: "0.7" }),
|
|
135
|
+
React.createElement("path", { d: "M32 12 L40 22 L32 28 L24 22 Z", fill: "white", opacity: "0.25" })),
|
|
136
|
+
"Varity")))));
|
|
113
137
|
};
|
|
114
138
|
/**
|
|
115
139
|
* Helper function to get emoji icon for common icon names
|
|
@@ -120,6 +144,11 @@ function getIconForName(iconName) {
|
|
|
120
144
|
analytics: '📈',
|
|
121
145
|
chart: '📉',
|
|
122
146
|
users: '👥',
|
|
147
|
+
people: '👥',
|
|
148
|
+
team: '👥',
|
|
149
|
+
list: '📋',
|
|
150
|
+
todo: '✅',
|
|
151
|
+
task: '📝',
|
|
123
152
|
settings: '⚙️',
|
|
124
153
|
profile: '👤',
|
|
125
154
|
storage: '💾',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardSidebar.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardSidebar.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DashboardSidebar.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardSidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,14 +60,14 @@ export function EmptyState({ title, description, icon, action, secondaryAction,
|
|
|
60
60
|
};
|
|
61
61
|
const styles = sizeStyles[size];
|
|
62
62
|
return (React.createElement("div", { className: `flex flex-col items-center justify-center text-center ${styles.container} ${className}` },
|
|
63
|
-
icon && (React.createElement("div", { className: `flex items-center justify-center ${styles.iconWrapper} bg-gray-100 rounded-full mb-4` },
|
|
64
|
-
React.createElement("div", { className: `text-gray-
|
|
65
|
-
React.createElement("h3", { className: `font-
|
|
66
|
-
description && (React.createElement("p", { className: `mt-2 text-gray-
|
|
63
|
+
icon && (React.createElement("div", { className: `flex items-center justify-center ${styles.iconWrapper} bg-gray-50 ring-8 ring-gray-100 rounded-full mb-4` },
|
|
64
|
+
React.createElement("div", { className: `text-gray-300 ${styles.icon}` }, icon))),
|
|
65
|
+
React.createElement("h3", { className: `font-bold text-gray-900 ${styles.title}` }, title),
|
|
66
|
+
description && (React.createElement("p", { className: `mt-2 text-gray-600 max-w-sm ${styles.description}` }, description)),
|
|
67
67
|
(action || secondaryAction) && (React.createElement("div", { className: "mt-6 flex items-center gap-3" },
|
|
68
68
|
action && (React.createElement("button", { onClick: action.onClick, className: `${styles.button} font-medium rounded-lg transition-colors ${action.variant === 'secondary'
|
|
69
69
|
? 'bg-gray-100 text-gray-700 hover:bg-gray-200'
|
|
70
|
-
: 'bg-
|
|
70
|
+
: 'bg-primary-600 text-white hover:bg-primary-700 shadow-sm hover:shadow-md'}` }, action.label)),
|
|
71
71
|
secondaryAction && (React.createElement("button", { onClick: secondaryAction.onClick, className: `${styles.button} font-medium rounded-lg bg-gray-100 text-gray-700 hover:bg-gray-200 transition-colors` }, secondaryAction.label))))));
|
|
72
72
|
}
|
|
73
73
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/Dashboard/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA0BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,eAAe,EACf,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE;YACF,SAAS,EAAE,WAAW;YACtB,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,WAAW;YACxB,KAAK,EAAE,WAAW;YAClB,WAAW,EAAE,SAAS;YACtB,MAAM,EAAE,qBAAqB;SAC9B;QACD,EAAE,EAAE;YACF,SAAS,EAAE,YAAY;YACvB,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,WAAW;YACxB,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,SAAS;YACtB,MAAM,EAAE,mBAAmB;SAC5B;QACD,EAAE,EAAE;YACF,SAAS,EAAE,YAAY;YACvB,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,WAAW;YACxB,KAAK,EAAE,SAAS;YAChB,WAAW,EAAE,WAAW;YACxB,MAAM,EAAE,qBAAqB;SAC9B;KACF,CAAC;IAEF,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEhC,OAAO,CACL,6BACE,SAAS,EAAE,yDAAyD,MAAM,CAAC,SAAS,IAAI,SAAS,EAAE;QAElG,IAAI,IAAI,CACP,6BACE,SAAS,EAAE,oCAAoC,MAAM,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/components/Dashboard/EmptyState.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,9 +32,9 @@ import React from 'react';
|
|
|
32
32
|
export function KPICard({ title, value, subtitle, icon, trend, trendValue, loading = false, onClick, className = '', variant = 'default', size = 'md', }) {
|
|
33
33
|
const baseStyles = 'rounded-lg transition-all duration-200';
|
|
34
34
|
const variantStyles = {
|
|
35
|
-
default: 'bg-white border border-gray-200 shadow-sm',
|
|
36
|
-
outlined: 'bg-transparent border-2 border-gray-300',
|
|
37
|
-
filled: 'bg-gray-50 border border-gray-100',
|
|
35
|
+
default: 'bg-white border border-gray-200 shadow-sm hover:shadow-md',
|
|
36
|
+
outlined: 'bg-transparent border-2 border-gray-300 hover:shadow-sm',
|
|
37
|
+
filled: 'bg-gray-50 border border-gray-100 hover:shadow-sm',
|
|
38
38
|
};
|
|
39
39
|
const sizeStyles = {
|
|
40
40
|
sm: 'p-3',
|
|
@@ -47,8 +47,8 @@ export function KPICard({ title, value, subtitle, icon, trend, trendValue, loadi
|
|
|
47
47
|
lg: 'text-3xl',
|
|
48
48
|
};
|
|
49
49
|
const trendColors = {
|
|
50
|
-
up: 'text-
|
|
51
|
-
down: 'text-
|
|
50
|
+
up: 'text-emerald-600 bg-emerald-50',
|
|
51
|
+
down: 'text-rose-600 bg-rose-50',
|
|
52
52
|
neutral: 'text-gray-600 bg-gray-100',
|
|
53
53
|
};
|
|
54
54
|
const trendIcons = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KPICard.js","sourceRoot":"","sources":["../../../src/components/Dashboard/KPICard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACE;IACb,MAAM,UAAU,GAAG,wCAAwC,CAAC;IAE5D,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"KPICard.js","sourceRoot":"","sources":["../../../src/components/Dashboard/KPICard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AA2BzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,OAAO,GAAG,KAAK,EACf,OAAO,EACP,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,GACE;IACb,MAAM,UAAU,GAAG,wCAAwC,CAAC;IAE5D,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,2DAA2D;QACpE,QAAQ,EAAE,yDAAyD;QACnE,MAAM,EAAE,mDAAmD;KAC5D,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;KACV,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACf,CAAC;IAEF,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,gCAAgC;QACpC,IAAI,EAAE,0BAA0B;QAChC,OAAO,EAAE,2BAA2B;KACrC,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,GAAG;QACP,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,GAAG;KACb,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO;QAC/B,CAAC,CAAC,0EAA0E;QAC5E,CAAC,CAAC,EAAE,CAAC;IAEP,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,UAAU,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,SAAS,gBAAgB;YAEnG,6BAAK,SAAS,EAAC,wCAAwC;gBACrD,6BAAK,SAAS,EAAC,8BAA8B,GAAO;gBACnD,IAAI,IAAI,6BAAK,SAAS,EAAC,6BAA6B,GAAO,CACxD;YACN,6BAAK,SAAS,EAAC,mCAAmC,GAAO;YACxD,QAAQ,IAAI,6BAAK,SAAS,EAAC,8BAA8B,GAAO,CAC7D,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,UAAU,IAAI,aAAa,CAAC,OAAO,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,IAAI,iBAAiB,IAAI,SAAS,EAAE,EAC1G,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAEjC,6BAAK,SAAS,EAAC,wCAAwC;YACrD,4BAAI,SAAS,EAAC,mCAAmC,IAAE,KAAK,CAAM;YAC7D,IAAI,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAO,CAChD;QAEN,6BAAK,SAAS,EAAC,2BAA2B;YACxC,8BAAM,SAAS,EAAE,2BAA2B,eAAe,CAAC,IAAI,CAAC,EAAE,IAChE,KAAK,CACD;YACN,KAAK,IAAI,UAAU,IAAI,CACtB,8BACE,SAAS,EAAE,8EAA8E,WAAW,CAAC,KAAK,CAAC,EAAE;gBAE7G,kCAAO,UAAU,CAAC,KAAK,CAAC,CAAQ;gBAChC,kCAAO,UAAU,CAAQ,CACpB,CACR,CACG;QAEL,QAAQ,IAAI,CACX,2BAAG,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAK,CACzD,CACG,CACP,CAAC;AACJ,CAAC;AAED,eAAe,OAAO,CAAC"}
|