@b3-crow/ui-kit 0.0.31-pr25.10 → 0.0.31-pr30.2
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/dist/components/cards/PricingCard.d.ts +35 -0
- package/dist/components/cards/PricingCard.d.ts.map +1 -0
- package/dist/components/cards/PricingCard.js +42 -0
- package/dist/components/cards/PricingCard.js.map +1 -0
- package/dist/components/dashboard/ChatHistorySection.d.ts +1 -1
- package/dist/components/dashboard/ChatHistorySection.d.ts.map +1 -1
- package/dist/components/dashboard/ChatHistorySection.js +30 -49
- package/dist/components/dashboard/ChatHistorySection.js.map +1 -1
- package/dist/components/dashboard/DashboardBackground.d.ts +1 -1
- package/dist/components/dashboard/DashboardBackground.d.ts.map +1 -1
- package/dist/components/dashboard/DashboardBackground.js +6 -79
- package/dist/components/dashboard/DashboardBackground.js.map +1 -1
- package/dist/components/dashboard/FilterDropdown.d.ts.map +1 -1
- package/dist/components/dashboard/FilterDropdown.js +55 -9
- package/dist/components/dashboard/FilterDropdown.js.map +1 -1
- package/dist/components/dashboard/GlassPanel.d.ts +9 -0
- package/dist/components/dashboard/GlassPanel.d.ts.map +1 -1
- package/dist/components/dashboard/GlassPanel.js +10 -1
- package/dist/components/dashboard/GlassPanel.js.map +1 -1
- package/dist/components/dashboard/Header.d.ts.map +1 -1
- package/dist/components/dashboard/Header.js +60 -44
- package/dist/components/dashboard/Header.js.map +1 -1
- package/dist/components/dashboard/IconBadge.d.ts +11 -1
- package/dist/components/dashboard/IconBadge.d.ts.map +1 -1
- package/dist/components/dashboard/IconBadge.js +23 -1
- package/dist/components/dashboard/IconBadge.js.map +1 -1
- package/dist/components/dashboard/ListItem.d.ts +12 -0
- package/dist/components/dashboard/ListItem.d.ts.map +1 -1
- package/dist/components/dashboard/ListItem.js +12 -0
- package/dist/components/dashboard/ListItem.js.map +1 -1
- package/dist/components/dashboard/MetricsCard.js +4 -2
- package/dist/components/dashboard/MetricsCard.js.map +1 -1
- package/dist/components/dashboard/MobileSidebar.d.ts +1 -1
- package/dist/components/dashboard/MobileSidebar.d.ts.map +1 -1
- package/dist/components/dashboard/MobileSidebar.js +18 -25
- package/dist/components/dashboard/MobileSidebar.js.map +1 -1
- package/dist/components/dashboard/NavMenu.d.ts.map +1 -1
- package/dist/components/dashboard/NavMenu.js +27 -106
- package/dist/components/dashboard/NavMenu.js.map +1 -1
- package/dist/components/dashboard/PatternCard.d.ts +2 -3
- package/dist/components/dashboard/PatternCard.d.ts.map +1 -1
- package/dist/components/dashboard/PatternCard.js +4 -43
- package/dist/components/dashboard/PatternCard.js.map +1 -1
- package/dist/components/dashboard/SearchInput.d.ts +16 -1
- package/dist/components/dashboard/SearchInput.d.ts.map +1 -1
- package/dist/components/dashboard/SearchInput.js +21 -10
- package/dist/components/dashboard/SearchInput.js.map +1 -1
- package/dist/components/dashboard/SectionHeader.d.ts.map +1 -1
- package/dist/components/dashboard/SectionHeader.js +3 -6
- package/dist/components/dashboard/SectionHeader.js.map +1 -1
- package/dist/components/dashboard/SettingsDropup.d.ts +1 -3
- package/dist/components/dashboard/SettingsDropup.d.ts.map +1 -1
- package/dist/components/dashboard/SettingsDropup.js +7 -147
- package/dist/components/dashboard/SettingsDropup.js.map +1 -1
- package/dist/components/dashboard/SettingsModal.d.ts +1 -1
- package/dist/components/dashboard/SettingsModal.d.ts.map +1 -1
- package/dist/components/dashboard/SettingsModal.js +10 -194
- package/dist/components/dashboard/SettingsModal.js.map +1 -1
- package/dist/components/dashboard/SidePanel.d.ts.map +1 -1
- package/dist/components/dashboard/SidePanel.js +41 -7
- package/dist/components/dashboard/SidePanel.js.map +1 -1
- package/dist/components/dashboard/Sidebar.d.ts +1 -1
- package/dist/components/dashboard/Sidebar.d.ts.map +1 -1
- package/dist/components/dashboard/Sidebar.js +5 -29
- package/dist/components/dashboard/Sidebar.js.map +1 -1
- package/dist/components/dashboard/SidebarLogo.d.ts.map +1 -1
- package/dist/components/dashboard/SidebarLogo.js +1 -41
- package/dist/components/dashboard/SidebarLogo.js.map +1 -1
- package/dist/components/dashboard/SourceIcon.d.ts +8 -0
- package/dist/components/dashboard/SourceIcon.d.ts.map +1 -1
- package/dist/components/dashboard/SourceIcon.js +13 -1
- package/dist/components/dashboard/SourceIcon.js.map +1 -1
- package/dist/components/dashboard/StatusBadge.d.ts +14 -2
- package/dist/components/dashboard/StatusBadge.d.ts.map +1 -1
- package/dist/components/dashboard/StatusBadge.js +12 -0
- package/dist/components/dashboard/StatusBadge.js.map +1 -1
- package/dist/components/dashboard/StatusIndicator.d.ts +9 -0
- package/dist/components/dashboard/StatusIndicator.d.ts.map +1 -1
- package/dist/components/dashboard/StatusIndicator.js +10 -4
- package/dist/components/dashboard/StatusIndicator.js.map +1 -1
- package/dist/components/dashboard/Tag.d.ts +9 -0
- package/dist/components/dashboard/Tag.d.ts.map +1 -1
- package/dist/components/dashboard/Tag.js +9 -0
- package/dist/components/dashboard/Tag.js.map +1 -1
- package/dist/components/dashboard/TipCard.d.ts +7 -0
- package/dist/components/dashboard/TipCard.d.ts.map +1 -1
- package/dist/components/dashboard/TipCard.js +7 -0
- package/dist/components/dashboard/TipCard.js.map +1 -1
- package/dist/components/dashboard/ToggleSwitch.d.ts +11 -1
- package/dist/components/dashboard/ToggleSwitch.d.ts.map +1 -1
- package/dist/components/dashboard/ToggleSwitch.js +20 -26
- package/dist/components/dashboard/ToggleSwitch.js.map +1 -1
- package/dist/components/dashboard/constants.d.ts +28 -0
- package/dist/components/dashboard/constants.d.ts.map +1 -0
- package/dist/components/dashboard/constants.js +104 -0
- package/dist/components/dashboard/constants.js.map +1 -0
- package/dist/components/dashboard/index.d.ts +2 -1
- package/dist/components/dashboard/index.d.ts.map +1 -1
- package/dist/components/dashboard/index.js +2 -1
- package/dist/components/dashboard/index.js.map +1 -1
- package/dist/components/dashboard/types.d.ts +11 -4
- package/dist/components/dashboard/types.d.ts.map +1 -1
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/Navbar.js +1 -1
- package/dist/components/layout/Navbar.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -4
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ChevronDown, LayoutGrid, MessageSquare, TrendingUp, Users, } from 'lucide-react';
|
|
3
4
|
import { useState } from 'react';
|
|
4
|
-
import {
|
|
5
|
+
import { cn } from '../../lib/utils';
|
|
5
6
|
const iconComponents = {
|
|
6
7
|
grid_view: LayoutGrid,
|
|
7
8
|
chat_bubble: MessageSquare,
|
|
@@ -10,17 +11,16 @@ const iconComponents = {
|
|
|
10
11
|
};
|
|
11
12
|
export function NavMenu({ items, activeHref, onNavigate }) {
|
|
12
13
|
const [expandedMenus, setExpandedMenus] = useState([]);
|
|
13
|
-
// Normalize paths for comparison (handle trailing slashes)
|
|
14
14
|
const normalizePath = (path) => path.replace(/\/$/, '') || '/';
|
|
15
15
|
const isActive = (href) => {
|
|
16
16
|
const normalizedActive = normalizePath(activeHref);
|
|
17
17
|
const normalizedHref = normalizePath(href);
|
|
18
18
|
return normalizedActive === normalizedHref;
|
|
19
19
|
};
|
|
20
|
-
const isSubmenuActive = (subItems) => subItems?.some(
|
|
20
|
+
const isSubmenuActive = (subItems) => subItems?.some(item => isActive(item.href));
|
|
21
21
|
const isExpanded = (label) => expandedMenus.includes(label);
|
|
22
22
|
const toggleMenu = (label) => {
|
|
23
|
-
setExpandedMenus(
|
|
23
|
+
setExpandedMenus(prev => prev.includes(label) ? prev.filter(l => l !== label) : [...prev, label]);
|
|
24
24
|
};
|
|
25
25
|
const handleNavigate = (href, e) => {
|
|
26
26
|
if (onNavigate) {
|
|
@@ -28,118 +28,39 @@ export function NavMenu({ items, activeHref, onNavigate }) {
|
|
|
28
28
|
onNavigate(href);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
|
+
const handleKeyDown = (label, e) => {
|
|
32
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
toggleMenu(label);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
31
37
|
const renderIcon = (iconName, active) => {
|
|
32
38
|
const IconComponent = iconComponents[iconName];
|
|
33
39
|
if (!IconComponent)
|
|
34
40
|
return null;
|
|
35
|
-
return (_jsx(IconComponent, { size: 15,
|
|
41
|
+
return (_jsx(IconComponent, { size: 15, className: cn('transition-colors', active ? 'text-violet-300' : 'text-gray-500'), strokeWidth: 2 }));
|
|
36
42
|
};
|
|
37
|
-
return (_jsx("nav", {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
display: 'flex',
|
|
42
|
-
flexDirection: 'column',
|
|
43
|
-
gap: 4,
|
|
44
|
-
}, children: items.map((item) => {
|
|
45
|
-
const itemIsActive = item.submenu ? isSubmenuActive(item.submenu) : isActive(item.href);
|
|
43
|
+
return (_jsx("nav", { className: "w-[247px] ml-4 mt-[99.5px] flex flex-col gap-1", children: items.map(item => {
|
|
44
|
+
const itemIsActive = item.submenu
|
|
45
|
+
? isSubmenuActive(item.submenu)
|
|
46
|
+
: isActive(item.href);
|
|
46
47
|
const expanded = item.submenu && isExpanded(item.label);
|
|
47
48
|
const submenuHeight = item.submenu ? item.submenu.length * 35.5 : 0;
|
|
48
|
-
return item.submenu ? (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => toggleMenu(item.label), "aria-label": `${item.label} menu`, "aria-expanded": expanded,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
position: 'relative',
|
|
52
|
-
borderRadius: 8,
|
|
53
|
-
background: expanded ? 'rgba(255, 255, 255, 0.03)' : 'transparent',
|
|
54
|
-
border: 'none',
|
|
55
|
-
cursor: 'pointer',
|
|
56
|
-
display: 'flex',
|
|
57
|
-
alignItems: 'center',
|
|
58
|
-
paddingLeft: 12,
|
|
59
|
-
gap: 12,
|
|
60
|
-
transition: 'background 0.15s ease',
|
|
61
|
-
}, onMouseEnter: (e) => {
|
|
62
|
-
if (!expanded)
|
|
63
|
-
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
|
|
64
|
-
}, onMouseLeave: (e) => {
|
|
65
|
-
if (!expanded)
|
|
66
|
-
e.currentTarget.style.background = 'transparent';
|
|
67
|
-
}, children: [_jsx("div", { style: { width: 20, height: 24, display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }, children: renderIcon(item.icon, !!itemIsActive) }), _jsx("span", { style: {
|
|
68
|
-
color: itemIsActive ? 'white' : '#9CA3AF',
|
|
69
|
-
fontSize: 14,
|
|
70
|
-
fontFamily: 'Sora, sans-serif',
|
|
71
|
-
fontWeight: 400,
|
|
72
|
-
lineHeight: '21px',
|
|
73
|
-
flex: 1,
|
|
74
|
-
textAlign: 'left',
|
|
75
|
-
}, children: item.label }), _jsx("div", { style: { width: 18, height: 22, display: 'flex', alignItems: 'center', justifyContent: 'center', marginRight: 12, transition: 'transform 0.2s ease' }, children: _jsx(ChevronDown, { size: 12, color: "#4B5563", strokeWidth: 2, style: {
|
|
76
|
-
transform: expanded ? 'rotate(180deg)' : 'rotate(0deg)',
|
|
77
|
-
transition: 'transform 0.2s ease',
|
|
78
|
-
} }) })] }), _jsx("div", { style: {
|
|
79
|
-
marginLeft: 44,
|
|
80
|
-
overflow: 'hidden',
|
|
49
|
+
return item.submenu ? (_jsxs("div", { children: [_jsxs("button", { type: "button", onClick: () => toggleMenu(item.label), onKeyDown: e => handleKeyDown(item.label, e), "aria-label": `${item.label} menu`, "aria-expanded": expanded, className: cn('w-[247px] h-[41px] relative rounded-lg border-none cursor-pointer', 'flex items-center pl-3 gap-3 transition-colors duration-150', expanded
|
|
50
|
+
? 'bg-white/[0.03]'
|
|
51
|
+
: 'bg-transparent hover:bg-white/[0.04]'), children: [_jsx("div", { className: "w-5 h-6 flex items-center justify-center shrink-0", children: renderIcon(item.icon, !!itemIsActive) }), _jsx("span", { className: cn('text-sm font-normal leading-[21px] flex-1 text-left font-[Sora,sans-serif]', itemIsActive ? 'text-white' : 'text-gray-400'), children: item.label }), _jsx("div", { className: "w-[18px] h-[22px] flex items-center justify-center mr-3", children: _jsx(ChevronDown, { size: 12, className: cn('text-gray-600 transition-transform duration-200', expanded && 'rotate-180'), strokeWidth: 2 }) })] }), _jsx("div", { className: "ml-11 overflow-hidden transition-all duration-250", style: {
|
|
81
52
|
maxHeight: expanded ? submenuHeight : 0,
|
|
82
53
|
opacity: expanded ? 1 : 0,
|
|
83
|
-
|
|
84
|
-
}, children: item.submenu.map((subitem) => {
|
|
54
|
+
}, children: item.submenu.map(subitem => {
|
|
85
55
|
const subActive = isActive(subitem.href);
|
|
86
|
-
return (_jsx("a", { href: subitem.href, onClick:
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
cursor: 'pointer',
|
|
95
|
-
transition: 'background 0.15s ease',
|
|
96
|
-
background: subActive ? 'rgba(139, 92, 246, 0.10)' : 'transparent',
|
|
97
|
-
}, onMouseEnter: (e) => {
|
|
98
|
-
if (!subActive)
|
|
99
|
-
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
|
|
100
|
-
}, onMouseLeave: (e) => {
|
|
101
|
-
if (!subActive)
|
|
102
|
-
e.currentTarget.style.background = 'transparent';
|
|
103
|
-
}, children: _jsx("span", { style: {
|
|
104
|
-
color: subActive ? '#C4B5FD' : '#6B7280',
|
|
105
|
-
fontSize: 13,
|
|
106
|
-
fontFamily: 'Sora, sans-serif',
|
|
107
|
-
fontWeight: subActive ? 500 : 400,
|
|
108
|
-
lineHeight: '19.5px',
|
|
109
|
-
transition: 'color 0.15s ease',
|
|
110
|
-
}, children: subitem.label }) }, subitem.label));
|
|
111
|
-
}) })] }, item.label)) : (_jsxs("a", { href: item.href, onClick: (e) => handleNavigate(item.href, e), style: {
|
|
112
|
-
width: 247,
|
|
113
|
-
height: 41,
|
|
114
|
-
borderRadius: 8,
|
|
115
|
-
display: 'flex',
|
|
116
|
-
alignItems: 'center',
|
|
117
|
-
paddingLeft: 12,
|
|
118
|
-
gap: 12,
|
|
119
|
-
textDecoration: 'none',
|
|
120
|
-
transition: 'all 0.15s ease',
|
|
121
|
-
cursor: 'pointer',
|
|
122
|
-
...(itemIsActive ? {
|
|
123
|
-
background: 'rgba(255, 255, 255, 0.08)',
|
|
124
|
-
boxShadow: '0px 1px 0px 1px rgba(255, 255, 255, 0.05) inset',
|
|
125
|
-
outline: '1px rgba(255, 255, 255, 0.05) solid',
|
|
126
|
-
outlineOffset: '-1px',
|
|
127
|
-
} : {
|
|
128
|
-
background: 'transparent',
|
|
129
|
-
}),
|
|
130
|
-
}, onMouseEnter: (e) => {
|
|
131
|
-
if (!itemIsActive)
|
|
132
|
-
e.currentTarget.style.background = 'rgba(255, 255, 255, 0.04)';
|
|
133
|
-
}, onMouseLeave: (e) => {
|
|
134
|
-
if (!itemIsActive)
|
|
135
|
-
e.currentTarget.style.background = 'transparent';
|
|
136
|
-
}, children: [_jsx("div", { style: { width: 20, height: 24, display: 'flex', alignItems: 'center', justifyContent: 'center', flexShrink: 0 }, children: renderIcon(item.icon, !!itemIsActive) }), _jsx("span", { style: {
|
|
137
|
-
color: itemIsActive ? 'white' : '#9CA3AF',
|
|
138
|
-
fontSize: 14,
|
|
139
|
-
fontFamily: 'Sora, sans-serif',
|
|
140
|
-
fontWeight: 400,
|
|
141
|
-
lineHeight: '21px',
|
|
142
|
-
}, children: item.label })] }, item.label));
|
|
56
|
+
return (_jsx("a", { href: subitem.href, onClick: e => handleNavigate(subitem.href, e), className: cn('w-[203px] h-[35.5px] rounded-lg flex items-center pl-3', 'no-underline cursor-pointer transition-colors duration-150', subActive
|
|
57
|
+
? 'bg-violet-500/10'
|
|
58
|
+
: 'bg-transparent hover:bg-white/[0.04]'), children: _jsx("span", { className: cn('text-[13px] leading-[19.5px] font-[Sora,sans-serif] transition-colors duration-150', subActive
|
|
59
|
+
? 'text-violet-300 font-medium'
|
|
60
|
+
: 'text-gray-500 font-normal'), children: subitem.label }) }, subitem.label));
|
|
61
|
+
}) })] }, item.label)) : (_jsxs("a", { href: item.href, onClick: e => handleNavigate(item.href, e), className: cn('w-[247px] h-[41px] rounded-lg flex items-center pl-3 gap-3', 'no-underline cursor-pointer transition-all duration-150', itemIsActive
|
|
62
|
+
? 'bg-white/[0.08] shadow-[inset_0px_1px_0px_1px_rgba(255,255,255,0.05)] outline outline-1 outline-white/[0.05] -outline-offset-1'
|
|
63
|
+
: 'bg-transparent hover:bg-white/[0.04]'), children: [_jsx("div", { className: "w-5 h-6 flex items-center justify-center shrink-0", children: renderIcon(item.icon, !!itemIsActive) }), _jsx("span", { className: cn('text-sm font-normal leading-[21px] font-[Sora,sans-serif]', itemIsActive ? 'text-white' : 'text-gray-400'), children: item.label })] }, item.label));
|
|
143
64
|
}) }));
|
|
144
65
|
}
|
|
145
66
|
//# sourceMappingURL=NavMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../src/components/dashboard/NavMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"NavMenu.js","sourceRoot":"","sources":["../../../src/components/dashboard/NavMenu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,UAAU,EACV,KAAK,GACN,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAUrC,MAAM,cAAc,GAAkC;IACpD,SAAS,EAAE,UAAU;IACrB,WAAW,EAAE,aAAa;IAC1B,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAgB;IACrE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEjE,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,GAAG,CAAC;IAEvE,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,MAAM,gBAAgB,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;QACnD,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3C,OAAO,gBAAgB,KAAK,cAAc,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,QAAoB,EAAE,EAAE,CAC/C,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,gBAAgB,CAAC,IAAI,CAAC,EAAE,CACtB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,CACxE,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,CAAmB,EAAE,EAAE;QAC3D,IAAI,UAAU,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,CAAsB,EAAE,EAAE;QAC9D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,QAAgB,EAAE,MAAe,EAAE,EAAE;QACvD,MAAM,aAAa,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,aAAa;YAAE,OAAO,IAAI,CAAC;QAChC,OAAO,CACL,KAAC,aAAa,IACZ,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAC7C,EACD,WAAW,EAAE,CAAC,GACd,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,YAC5D,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YAChB,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO;gBAC/B,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC;gBAC/B,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACxD,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAEpE,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,0BACE,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EACrC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,gBAChC,GAAG,IAAI,CAAC,KAAK,OAAO,mBACjB,QAAQ,EACvB,SAAS,EAAE,EAAE,CACX,mEAAmE,EACnE,6DAA6D,EAC7D,QAAQ;4BACN,CAAC,CAAC,iBAAiB;4BACnB,CAAC,CAAC,sCAAsC,CAC3C,aAED,cAAK,SAAS,EAAC,mDAAmD,YAC/D,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,GAClC,EACN,eACE,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC9C,YAEA,IAAI,CAAC,KAAK,GACN,EACP,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,WAAW,IACV,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,EAAE,CACX,iDAAiD,EACjD,QAAQ,IAAI,YAAY,CACzB,EACD,WAAW,EAAE,CAAC,GACd,GACE,IACC,EACT,cACE,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE;4BACL,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;4BACvC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;yBAC1B,YAEA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;4BAC1B,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;4BACzC,OAAO,CACL,YAEE,IAAI,EAAE,OAAO,CAAC,IAAI,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,EAC7C,SAAS,EAAE,EAAE,CACX,wDAAwD,EACxD,4DAA4D,EAC5D,SAAS;oCACP,CAAC,CAAC,kBAAkB;oCACpB,CAAC,CAAC,sCAAsC,CAC3C,YAED,eACE,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,SAAS;wCACP,CAAC,CAAC,6BAA6B;wCAC/B,CAAC,CAAC,2BAA2B,CAChC,YAEA,OAAO,CAAC,KAAK,GACT,IApBF,OAAO,CAAC,KAAK,CAqBhB,CACL,CAAC;wBACJ,CAAC,CAAC,GACE,KAxEE,IAAI,CAAC,KAAK,CAyEd,CACP,CAAC,CAAC,CAAC,CACF,aAEE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAC1C,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,yDAAyD,EACzD,YAAY;oBACV,CAAC,CAAC,gIAAgI;oBAClI,CAAC,CAAC,sCAAsC,CAC3C,aAED,cAAK,SAAS,EAAC,mDAAmD,YAC/D,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,GAClC,EACN,eACE,SAAS,EAAE,EAAE,CACX,2DAA2D,EAC3D,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAC9C,YAEA,IAAI,CAAC,KAAK,GACN,KArBF,IAAI,CAAC,KAAK,CAsBb,CACL,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
export type ConfidenceLevel = 'high' | 'medium' | 'low';
|
|
1
|
+
import type { SeverityLevel, ConfidenceLevel } from './types';
|
|
3
2
|
export interface PatternCardProps {
|
|
4
|
-
id
|
|
3
|
+
id?: string;
|
|
5
4
|
title: string;
|
|
6
5
|
severity: SeverityLevel;
|
|
7
6
|
affectedStores: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PatternCard.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"PatternCard.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,SAAS,GACV,EAAE,gBAAgB,2CAgHlB"}
|
|
@@ -1,50 +1,11 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { cn } from '../../lib/utils';
|
|
4
3
|
import { Bell, Clock, MapPin } from 'lucide-react';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
label: 'HIGH',
|
|
8
|
-
color: '#F87171',
|
|
9
|
-
bg: 'rgba(239, 68, 68, 0.10)',
|
|
10
|
-
border: 'rgba(239, 68, 68, 0.20)',
|
|
11
|
-
},
|
|
12
|
-
medium: {
|
|
13
|
-
label: 'MEDIUM',
|
|
14
|
-
color: '#FACC15',
|
|
15
|
-
bg: 'rgba(234, 179, 8, 0.10)',
|
|
16
|
-
border: 'rgba(234, 179, 8, 0.20)',
|
|
17
|
-
},
|
|
18
|
-
low: {
|
|
19
|
-
label: 'LOW',
|
|
20
|
-
color: '#60A5FA',
|
|
21
|
-
bg: 'rgba(59, 130, 246, 0.10)',
|
|
22
|
-
border: 'rgba(59, 130, 246, 0.20)',
|
|
23
|
-
},
|
|
24
|
-
};
|
|
25
|
-
const confidenceConfig = {
|
|
26
|
-
high: {
|
|
27
|
-
label: 'High',
|
|
28
|
-
color: '#C4B5FD',
|
|
29
|
-
bg: 'rgba(139, 92, 246, 0.10)',
|
|
30
|
-
border: 'rgba(139, 92, 246, 0.20)',
|
|
31
|
-
},
|
|
32
|
-
medium: {
|
|
33
|
-
label: 'Medium',
|
|
34
|
-
color: '#D1D5DB',
|
|
35
|
-
bg: 'rgba(255, 255, 255, 0.05)',
|
|
36
|
-
border: 'rgba(255, 255, 255, 0.10)',
|
|
37
|
-
},
|
|
38
|
-
low: {
|
|
39
|
-
label: 'Low',
|
|
40
|
-
color: '#D1D5DB',
|
|
41
|
-
bg: 'rgba(255, 255, 255, 0.05)',
|
|
42
|
-
border: 'rgba(255, 255, 255, 0.10)',
|
|
43
|
-
},
|
|
44
|
-
};
|
|
4
|
+
import { cn } from '../../lib/utils';
|
|
5
|
+
import { SEVERITY_CONFIG, CONFIDENCE_CONFIG } from './constants';
|
|
45
6
|
export function PatternCard({ title, severity, affectedStores, lastSeen, confidence, onViewDetails, onViewEvidence, onCreateAlert, className, }) {
|
|
46
|
-
const severityStyle =
|
|
47
|
-
const confidenceStyle =
|
|
7
|
+
const severityStyle = SEVERITY_CONFIG[severity];
|
|
8
|
+
const confidenceStyle = CONFIDENCE_CONFIG[confidence];
|
|
48
9
|
return (_jsx("div", { className: cn('relative overflow-hidden rounded-xl', className), style: {
|
|
49
10
|
background: 'rgba(10, 5, 20, 0.40)',
|
|
50
11
|
boxShadow: '0px 4px 6px -4px rgba(0, 0, 0, 0.10)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PatternCard.js","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PatternCard.js","sourceRoot":"","sources":["../../../src/components/dashboard/PatternCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,8 +8,23 @@ export interface SearchInputProps {
|
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
className?: string;
|
|
10
10
|
helperText?: string;
|
|
11
|
-
/** Use transparent background variant */
|
|
12
11
|
variant?: 'default' | 'transparent';
|
|
13
12
|
}
|
|
13
|
+
/**
|
|
14
|
+
* A search input component with optional microphone and submit button
|
|
15
|
+
* Supports controlled and uncontrolled input patterns
|
|
16
|
+
* @param {SearchInputProps} props - Component props
|
|
17
|
+
* @param {string} [props.placeholder='Search...'] - Input placeholder text
|
|
18
|
+
* @param {string} [props.value] - Controlled value for the input
|
|
19
|
+
* @param {string} [props.defaultValue=''] - Default value for uncontrolled input
|
|
20
|
+
* @param {(value: string) => void} [props.onChange] - Change event handler
|
|
21
|
+
* @param {(value: string) => void} [props.onSubmit] - Submit handler (Enter or button click)
|
|
22
|
+
* @param {boolean} [props.showMicButton=true] - Whether to show microphone button
|
|
23
|
+
* @param {boolean} [props.disabled=false] - Whether input is disabled
|
|
24
|
+
* @param {string} [props.className] - Additional CSS classes
|
|
25
|
+
* @param {string} [props.helperText] - Helper text displayed below input
|
|
26
|
+
* @param {'default' | 'transparent'} [props.variant='default'] - Visual variant
|
|
27
|
+
* @returns {JSX.Element} The search input component
|
|
28
|
+
*/
|
|
14
29
|
export declare function SearchInput({ placeholder, value: controlledValue, defaultValue, onChange, onSubmit, showMicButton, disabled, className, helperText, variant, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
15
30
|
//# sourceMappingURL=SearchInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC;AAQD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,EAC1B,WAAyB,EACzB,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,aAAoB,EACpB,QAAgB,EAChB,SAAS,EACT,UAAU,EACV,OAAmB,GACpB,EAAE,gBAAgB,2CAkElB"}
|
|
@@ -1,8 +1,24 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ArrowRight, Mic, Search } from 'lucide-react';
|
|
3
4
|
import { useState } from 'react';
|
|
4
|
-
import { Search, ArrowRight, Mic } from 'lucide-react';
|
|
5
5
|
import { cn } from '../../lib/utils';
|
|
6
|
+
/**
|
|
7
|
+
* A search input component with optional microphone and submit button
|
|
8
|
+
* Supports controlled and uncontrolled input patterns
|
|
9
|
+
* @param {SearchInputProps} props - Component props
|
|
10
|
+
* @param {string} [props.placeholder='Search...'] - Input placeholder text
|
|
11
|
+
* @param {string} [props.value] - Controlled value for the input
|
|
12
|
+
* @param {string} [props.defaultValue=''] - Default value for uncontrolled input
|
|
13
|
+
* @param {(value: string) => void} [props.onChange] - Change event handler
|
|
14
|
+
* @param {(value: string) => void} [props.onSubmit] - Submit handler (Enter or button click)
|
|
15
|
+
* @param {boolean} [props.showMicButton=true] - Whether to show microphone button
|
|
16
|
+
* @param {boolean} [props.disabled=false] - Whether input is disabled
|
|
17
|
+
* @param {string} [props.className] - Additional CSS classes
|
|
18
|
+
* @param {string} [props.helperText] - Helper text displayed below input
|
|
19
|
+
* @param {'default' | 'transparent'} [props.variant='default'] - Visual variant
|
|
20
|
+
* @returns {JSX.Element} The search input component
|
|
21
|
+
*/
|
|
6
22
|
export function SearchInput({ placeholder = 'Search...', value: controlledValue, defaultValue = '', onChange, onSubmit, showMicButton = true, disabled = false, className, helperText, variant = 'default', }) {
|
|
7
23
|
const [internalValue, setInternalValue] = useState(defaultValue);
|
|
8
24
|
const value = controlledValue ?? internalValue;
|
|
@@ -23,19 +39,14 @@ export function SearchInput({ placeholder = 'Search...', value: controlledValue,
|
|
|
23
39
|
handleSubmit();
|
|
24
40
|
}
|
|
25
41
|
};
|
|
26
|
-
return (_jsxs("div", { className: cn('w-full', className), children: [_jsxs("div", { className: cn('relative flex items-center rounded-full overflow-hidden h-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
border: '1px solid rgba(255, 255, 255, 0.10)',
|
|
30
|
-
}, children: [_jsx(SearchIcon, {}), _jsx("input", { type: "text", placeholder: placeholder, value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: cn('w-full h-full pl-[53px] bg-transparent', 'text-white text-sm placeholder:text-gray-500', 'focus:outline-none', 'disabled:cursor-not-allowed', showMicButton ? 'pr-24' : 'pr-14') }), _jsx(ActionButtons, { showMicButton: showMicButton, disabled: disabled, onSubmit: handleSubmit })] }), helperText && (_jsx("p", { className: "text-[10px] text-gray-600 mt-2 sm:mt-3 text-center", children: helperText }))] }));
|
|
42
|
+
return (_jsxs("div", { className: cn('w-full', className), children: [_jsxs("div", { className: cn('relative flex items-center rounded-full overflow-hidden h-12 sm:h-[54px]', 'border border-white/10 shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.10)]', variant === 'transparent'
|
|
43
|
+
? 'bg-[rgba(14,10,21,0.6)]'
|
|
44
|
+
: 'bg-[#0E0A15]', disabled && 'opacity-50 cursor-not-allowed'), children: [_jsx(SearchIcon, {}), _jsx("input", { type: "text", placeholder: placeholder, value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: cn('w-full h-full pl-[53px] bg-transparent', 'text-white text-sm placeholder:text-gray-500', 'focus:outline-none', 'disabled:cursor-not-allowed', showMicButton ? 'pr-24' : 'pr-14') }), _jsx(ActionButtons, { showMicButton: showMicButton, disabled: disabled, onSubmit: handleSubmit })] }), helperText && (_jsx("p", { className: "text-[10px] text-gray-600 mt-2 sm:mt-3 text-center", children: helperText }))] }));
|
|
31
45
|
}
|
|
32
46
|
function SearchIcon() {
|
|
33
47
|
return (_jsx("div", { className: "absolute left-4 flex items-center justify-center", children: _jsx(Search, { size: 24, className: "text-gray-500", strokeWidth: 2 }) }));
|
|
34
48
|
}
|
|
35
49
|
function ActionButtons({ showMicButton, disabled, onSubmit, }) {
|
|
36
|
-
return (_jsxs("div", { className: "absolute right-2 sm:right-3 flex items-center gap-1 sm:gap-2", children: [showMicButton && (_jsx("button", { type: "button", disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'hover:bg-white/5 transition-colors', 'disabled:cursor-not-allowed'), "aria-label": "Voice input", children: _jsx(Mic, { size: 20, className: "text-gray-500", strokeWidth: 2 }) })), _jsx("button", { type: "button", onClick: onSubmit, disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'transition-colors', 'disabled:cursor-not-allowed disabled:opacity-50'),
|
|
37
|
-
background: '#7C3AED',
|
|
38
|
-
boxShadow: '0px 0px 10px rgba(124, 58, 237, 0.30)',
|
|
39
|
-
}, "aria-label": "Submit", children: _jsx(ArrowRight, { size: 18, className: "text-white", strokeWidth: 2 }) })] }));
|
|
50
|
+
return (_jsxs("div", { className: "absolute right-2 sm:right-3 flex items-center gap-1 sm:gap-2", children: [showMicButton && (_jsx("button", { type: "button", disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'hover:bg-white/5 transition-colors', 'disabled:cursor-not-allowed'), "aria-label": "Voice input", children: _jsx(Mic, { size: 20, className: "text-gray-500", strokeWidth: 2 }) })), _jsx("button", { type: "button", onClick: onSubmit, disabled: disabled, className: cn('w-9 h-9 flex items-center justify-center rounded-full', 'bg-violet-600 shadow-[0px_0px_10px_rgba(124,58,237,0.30)]', 'transition-colors', 'disabled:cursor-not-allowed disabled:opacity-50'), "aria-label": "Submit", children: _jsx(ArrowRight, { size: 18, className: "text-white", strokeWidth: 2 }) })] }));
|
|
40
51
|
}
|
|
41
52
|
//# sourceMappingURL=SearchInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/components/dashboard/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;CACJ;
|
|
1
|
+
{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;CACJ;AASD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAwB,EACxB,cAAc,EACd,aAAa,GACd,EAAE,kBAAkB,2CAiBpB"}
|
|
@@ -3,14 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
3
3
|
import { ArrowRight } from 'lucide-react';
|
|
4
4
|
export function SectionHeader({ title, viewAllHref, viewAllText = 'View all', onViewAllClick, LinkComponent, }) {
|
|
5
5
|
const showViewAll = viewAllHref || onViewAllClick;
|
|
6
|
-
return (_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between",
|
|
7
|
-
background: 'rgba(255, 255, 255, 0.01)',
|
|
8
|
-
borderBottom: '1px solid rgba(255, 255, 255, 0.06)',
|
|
9
|
-
}, children: [_jsx("h3", { className: "text-xs sm:text-sm font-semibold text-white", children: title }), showViewAll && (_jsx(ViewAllLink, { href: viewAllHref, text: viewAllText, onClick: onViewAllClick, LinkComponent: LinkComponent }))] }));
|
|
6
|
+
return (_jsxs("div", { className: "px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between bg-white/[0.01] border-b border-white/[0.06]", children: [_jsx("h3", { className: "text-xs sm:text-sm font-semibold text-white", children: title }), showViewAll && (_jsx(ViewAllLink, { href: viewAllHref, text: viewAllText, onClick: onViewAllClick, LinkComponent: LinkComponent }))] }));
|
|
10
7
|
}
|
|
11
|
-
function ViewAllLink({ href, text, onClick, LinkComponent
|
|
8
|
+
function ViewAllLink({ href, text, onClick, LinkComponent }) {
|
|
12
9
|
const content = (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-[10px] sm:text-xs text-violet-400", children: text }), _jsx(ArrowRight, { size: 12, className: "text-violet-400 sm:w-3.5 sm:h-3.5", strokeWidth: 2 })] }));
|
|
13
|
-
const className =
|
|
10
|
+
const className = 'flex items-center gap-1 hover:opacity-80 transition-opacity';
|
|
14
11
|
if (LinkComponent && href) {
|
|
15
12
|
return (_jsx(LinkComponent, { href: href, className: className, children: content }));
|
|
16
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../src/components/dashboard/SectionHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAqB1C,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,WAAW,EACX,WAAW,GAAG,UAAU,EACxB,cAAc,EACd,aAAa,GACM;IACnB,MAAM,WAAW,GAAG,WAAW,IAAI,cAAc,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,0GAA0G,aACvH,aAAI,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAM,EAEvE,WAAW,IAAI,CACd,KAAC,WAAW,IACV,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,aAAa,EAAE,aAAa,GAC5B,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAoB;IAC3E,MAAM,OAAO,GAAG,CACd,8BACE,eAAM,SAAS,EAAC,wCAAwC,YAAE,IAAI,GAAQ,EACtE,KAAC,UAAU,IACT,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,mCAAmC,EAC7C,WAAW,EAAE,CAAC,GACd,IACD,CACJ,CAAC;IAEF,MAAM,SAAS,GACb,6DAA6D,CAAC;IAEhE,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;QAC1B,OAAO,CACL,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAC5C,OAAO,GACM,CACjB,CAAC;IACJ,CAAC;IAED,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,YAChC,OAAO,GACN,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YACzD,OAAO,GACD,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
export interface SettingsDropupProps {
|
|
2
2
|
userName?: string;
|
|
3
3
|
userEmail?: string;
|
|
4
|
-
initialTheme?: 'dark' | 'light';
|
|
5
4
|
initialNotifications?: boolean;
|
|
6
|
-
onThemeChange?: (theme: 'dark' | 'light') => void;
|
|
7
5
|
onNotificationsChange?: (enabled: boolean) => void;
|
|
8
6
|
onLogout?: () => void;
|
|
9
7
|
}
|
|
10
|
-
export declare function SettingsDropup({ userName, userEmail,
|
|
8
|
+
export declare function SettingsDropup({ userName, userEmail, initialNotifications, onNotificationsChange, onLogout, }: SettingsDropupProps): import("react/jsx-runtime").JSX.Element;
|
|
11
9
|
//# sourceMappingURL=SettingsDropup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsDropup.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SettingsDropup.d.ts","sourceRoot":"","sources":["../../../src/components/dashboard/SettingsDropup.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAiB,EACjB,SAA8B,EAC9B,oBAA2B,EAC3B,qBAAqB,EACrB,QAAQ,GACT,EAAE,mBAAmB,2CAkIrB"}
|