@wallarm-org/design-system 1.28.0 → 1.28.2-rc-fix-table-window-scroll-root.1

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.
Files changed (52) hide show
  1. package/dist/components/RemoteShell/NavPanelContent.d.ts +5 -0
  2. package/dist/components/RemoteShell/NavPanelContent.js +6 -4
  3. package/dist/components/RemoteShell/RemoteShell.d.ts +30 -1
  4. package/dist/components/RemoteShell/RemoteShell.js +35 -18
  5. package/dist/components/RemoteShell/RemoteShellPanel.js +10 -4
  6. package/dist/components/RemoteShell/model/index.d.ts +1 -1
  7. package/dist/components/RemoteShell/model/index.js +1 -1
  8. package/dist/components/RemoteShell/model/useDrillTransition.d.ts +12 -1
  9. package/dist/components/RemoteShell/model/useDrillTransition.js +24 -12
  10. package/dist/components/RemoteShell/model/useLocationPathname.d.ts +2 -0
  11. package/dist/components/RemoteShell/model/useLocationPathname.js +4 -1
  12. package/dist/components/Table/TableBody/TableBodyVirtualizedCore.js +1 -1
  13. package/dist/components/Table/TableBody/TableBodyVirtualizedWindow.js +25 -9
  14. package/dist/components/Table/TableInner/TableInnerWindow.js +1 -0
  15. package/dist/components/Table/hooks/infiniteScroll/useInfiniteScroll.d.ts +1 -1
  16. package/dist/components/Table/hooks/infiniteScroll/usePrependScrollAnchor.d.ts +1 -0
  17. package/dist/components/Table/hooks/infiniteScroll/usePrependScrollAnchor.js +12 -10
  18. package/dist/components/Table/hooks/infiniteScroll/useScrollEdge.d.ts +4 -1
  19. package/dist/components/Table/hooks/infiniteScroll/useScrollEdge.js +4 -17
  20. package/dist/components/Table/lib/index.d.ts +1 -0
  21. package/dist/components/Table/lib/index.js +1 -0
  22. package/dist/components/Table/lib/scrollRoot.d.ts +18 -0
  23. package/dist/components/Table/lib/scrollRoot.js +22 -0
  24. package/dist/components/Table/types.d.ts +4 -1
  25. package/dist/metadata/components.json +26 -8
  26. package/package.json +2 -1
  27. package/dist/components/AppShell/story-content/_storyAccountDropdown.d.ts +0 -11
  28. package/dist/components/AppShell/story-content/_storyAccountDropdown.js +0 -242
  29. package/dist/components/AppShell/story-content/_storyConfigRenderer.d.ts +0 -12
  30. package/dist/components/AppShell/story-content/_storyConfigRenderer.js +0 -81
  31. package/dist/components/AppShell/story-content/_storyHeaderActions.d.ts +0 -1
  32. package/dist/components/AppShell/story-content/_storyHeaderActions.js +0 -59
  33. package/dist/components/AppShell/story-content/_storyHomeContent.d.ts +0 -2
  34. package/dist/components/AppShell/story-content/_storyHomeContent.js +0 -15
  35. package/dist/components/AppShell/story-content/_storyLib.d.ts +0 -9
  36. package/dist/components/AppShell/story-content/_storyLib.js +0 -39
  37. package/dist/components/AppShell/story-content/_storyNavConfigs.d.ts +0 -6
  38. package/dist/components/AppShell/story-content/_storyNavConfigs.js +0 -772
  39. package/dist/components/AppShell/story-content/_storyNavRailFooter.d.ts +0 -13
  40. package/dist/components/AppShell/story-content/_storyNavRailFooter.js +0 -26
  41. package/dist/components/AppShell/story-content/_storyProductNavItems.d.ts +0 -7
  42. package/dist/components/AppShell/story-content/_storyProductNavItems.js +0 -49
  43. package/dist/components/AppShell/story-content/_storyQuickHelpDropdown.d.ts +0 -1
  44. package/dist/components/AppShell/story-content/_storyQuickHelpDropdown.js +0 -144
  45. package/dist/components/AppShell/story-content/_storyRecentDropdown.d.ts +0 -1
  46. package/dist/components/AppShell/story-content/_storyRecentDropdown.js +0 -89
  47. package/dist/components/AppShell/story-content/_storySearchModal.d.ts +0 -1
  48. package/dist/components/AppShell/story-content/_storySearchModal.js +0 -252
  49. package/dist/components/AppShell/story-content/_storyWallarmLogo.d.ts +0 -1
  50. package/dist/components/AppShell/story-content/_storyWallarmLogo.js +0 -21
  51. package/dist/components/AppShell/story-content/index.d.ts +0 -11
  52. package/dist/components/AppShell/story-content/index.js +0 -11
@@ -1,13 +0,0 @@
1
- import type { FC } from 'react';
2
- import type { Theme } from '../../ThemeProvider';
3
- import { type SidebarMode } from './_storyAccountDropdown';
4
- import { type Product } from './_storyLib';
5
- interface NavRailFooterContentProps {
6
- activeProduct: Product;
7
- sidebarMode: SidebarMode;
8
- onSidebarModeChange: (mode: SidebarMode) => void;
9
- theme: Theme;
10
- onThemeChange: (theme: Theme) => void;
11
- }
12
- export declare const NavRailFooterContent: FC<NavRailFooterContentProps>;
13
- export {};
@@ -1,26 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Settings } from "../../../icons/index.js";
3
- import { NavRailFooter, NavRailItem } from "../../NavRail/index.js";
4
- import { AccountDropdown } from "./_storyAccountDropdown.js";
5
- import { navigateToProduct } from "./_storyLib.js";
6
- const NavRailFooterContent = ({ activeProduct, sidebarMode, onSidebarModeChange, theme, onThemeChange })=>/*#__PURE__*/ jsxs(NavRailFooter, {
7
- children: [
8
- /*#__PURE__*/ jsx(NavRailItem, {
9
- icon: Settings,
10
- label: "Settings",
11
- shortcut: [
12
- 'G',
13
- 'S'
14
- ],
15
- active: 'settings' === activeProduct,
16
- onClick: ()=>navigateToProduct('settings')
17
- }),
18
- /*#__PURE__*/ jsx(AccountDropdown, {
19
- sidebarMode: sidebarMode,
20
- onSidebarModeChange: onSidebarModeChange,
21
- theme: theme,
22
- onThemeChange: onThemeChange
23
- })
24
- ]
25
- });
26
- export { NavRailFooterContent };
@@ -1,7 +0,0 @@
1
- import type { FC } from 'react';
2
- import { type Product } from './_storyLib';
3
- interface ProductNavItemsProps {
4
- activeProduct: Product;
5
- }
6
- export declare const ProductNavItems: FC<ProductNavItemsProps>;
7
- export {};
@@ -1,49 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { CircleDashed } from "../../../icons/index.js";
3
- import { NavRailItem } from "../../NavRail/index.js";
4
- import { navigateToProduct } from "./_storyLib.js";
5
- const ProductNavItems = ({ activeProduct })=>/*#__PURE__*/ jsxs(Fragment, {
6
- children: [
7
- /*#__PURE__*/ jsx(NavRailItem, {
8
- icon: CircleDashed,
9
- label: "Edge",
10
- shortcut: [
11
- 'G',
12
- 'E'
13
- ],
14
- active: 'edge' === activeProduct,
15
- onClick: ()=>navigateToProduct('edge')
16
- }),
17
- /*#__PURE__*/ jsx(NavRailItem, {
18
- icon: CircleDashed,
19
- label: "AI Hypervisor",
20
- shortcut: [
21
- 'G',
22
- 'A'
23
- ],
24
- active: 'ai-hypervisor' === activeProduct,
25
- onClick: ()=>navigateToProduct('ai-hypervisor')
26
- }),
27
- /*#__PURE__*/ jsx(NavRailItem, {
28
- icon: CircleDashed,
29
- label: "Infra Discovery",
30
- shortcut: [
31
- 'G',
32
- 'I'
33
- ],
34
- active: 'infra-discovery' === activeProduct,
35
- onClick: ()=>navigateToProduct('infra-discovery')
36
- }),
37
- /*#__PURE__*/ jsx(NavRailItem, {
38
- icon: CircleDashed,
39
- label: "Security Testing",
40
- shortcut: [
41
- 'G',
42
- 'T'
43
- ],
44
- active: 'security-testing' === activeProduct,
45
- onClick: ()=>navigateToProduct('security-testing')
46
- })
47
- ]
48
- });
49
- export { ProductNavItems };
@@ -1 +0,0 @@
1
- export declare const QuickHelpDropdown: () => import("react").JSX.Element;
@@ -1,144 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { Activity, Book, CircleHelp, LifeBuoy, NotebookText, SquareArrowOutUpRight } from "../../../icons/index.js";
3
- import { Button } from "../../Button/index.js";
4
- import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemIcon, DropdownMenuItemText, DropdownMenuSeparator, DropdownMenuTrigger } from "../../DropdownMenu/index.js";
5
- import { Text } from "../../Text/index.js";
6
- import { Tooltip, TooltipContent, TooltipTrigger } from "../../Tooltip/index.js";
7
- const QuickHelpDropdown = ()=>/*#__PURE__*/ jsxs(DropdownMenu, {
8
- positioning: {
9
- placement: 'bottom-end',
10
- gutter: 4
11
- },
12
- children: [
13
- /*#__PURE__*/ jsxs(Tooltip, {
14
- children: [
15
- /*#__PURE__*/ jsx(TooltipTrigger, {
16
- asChild: true,
17
- children: /*#__PURE__*/ jsx("span", {
18
- className: "inline-flex",
19
- children: /*#__PURE__*/ jsx(DropdownMenuTrigger, {
20
- asChild: true,
21
- children: /*#__PURE__*/ jsx(Button, {
22
- variant: "ghost",
23
- size: "small",
24
- color: "neutral",
25
- "aria-label": "Quick Help",
26
- children: /*#__PURE__*/ jsx(CircleHelp, {})
27
- })
28
- })
29
- })
30
- }),
31
- /*#__PURE__*/ jsx(TooltipContent, {
32
- children: "Quick help"
33
- })
34
- ]
35
- }),
36
- /*#__PURE__*/ jsxs(DropdownMenuContent, {
37
- className: "w-320",
38
- children: [
39
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
40
- onSelect: ()=>window.open('https://docs.wallarm.com/', '_blank'),
41
- children: [
42
- /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
43
- children: /*#__PURE__*/ jsx(Book, {})
44
- }),
45
- /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
46
- children: [
47
- /*#__PURE__*/ jsx(DropdownMenuItemText, {
48
- children: "Documentation"
49
- }),
50
- /*#__PURE__*/ jsx(Text, {
51
- size: "xs",
52
- color: "secondary",
53
- children: "Setup, deployment, and how-tos"
54
- })
55
- ]
56
- })
57
- ]
58
- }),
59
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
60
- onSelect: ()=>window.open('https://status.wallarm.com/', '_blank'),
61
- children: [
62
- /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
63
- children: /*#__PURE__*/ jsx(Activity, {})
64
- }),
65
- /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
66
- children: [
67
- /*#__PURE__*/ jsx(DropdownMenuItemText, {
68
- children: "Service status"
69
- }),
70
- /*#__PURE__*/ jsx(Text, {
71
- size: "xs",
72
- color: "secondary",
73
- children: "Live uptime and alerts"
74
- })
75
- ]
76
- })
77
- ]
78
- }),
79
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
80
- onSelect: ()=>window.open('mailto:support@wallarm.com'),
81
- children: [
82
- /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
83
- children: /*#__PURE__*/ jsx(LifeBuoy, {})
84
- }),
85
- /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
86
- children: [
87
- /*#__PURE__*/ jsx(DropdownMenuItemText, {
88
- children: "Support"
89
- }),
90
- /*#__PURE__*/ jsx(Text, {
91
- size: "xs",
92
- color: "secondary",
93
- children: "Talk to our team"
94
- })
95
- ]
96
- })
97
- ]
98
- }),
99
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
100
- onSelect: ()=>window.open('https://lab.wallarm.com', '_blank'),
101
- children: [
102
- /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
103
- children: /*#__PURE__*/ jsx(NotebookText, {})
104
- }),
105
- /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
106
- children: [
107
- /*#__PURE__*/ jsx(DropdownMenuItemText, {
108
- children: "Blog"
109
- }),
110
- /*#__PURE__*/ jsx(Text, {
111
- size: "xs",
112
- color: "secondary",
113
- children: "Security news and updates"
114
- })
115
- ]
116
- })
117
- ]
118
- }),
119
- /*#__PURE__*/ jsx(DropdownMenuSeparator, {}),
120
- /*#__PURE__*/ jsxs(DropdownMenuItem, {
121
- onSelect: ()=>window.open('https://playground.wallarm.com', '_blank'),
122
- children: [
123
- /*#__PURE__*/ jsx(DropdownMenuItemIcon, {
124
- children: /*#__PURE__*/ jsx(SquareArrowOutUpRight, {})
125
- }),
126
- /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
127
- children: [
128
- /*#__PURE__*/ jsx(DropdownMenuItemText, {
129
- children: "Wallarm Playground"
130
- }),
131
- /*#__PURE__*/ jsx(Text, {
132
- size: "xs",
133
- color: "secondary",
134
- children: "Try the platform without any setup"
135
- })
136
- ]
137
- })
138
- ]
139
- })
140
- ]
141
- })
142
- ]
143
- });
144
- export { QuickHelpDropdown };
@@ -1 +0,0 @@
1
- export declare const RecentDropdown: () => import("react").JSX.Element;
@@ -1,89 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { History } from "../../../icons/index.js";
3
- import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemText, DropdownMenuLabel, DropdownMenuTrigger } from "../../DropdownMenu/index.js";
4
- import { NavRailItem } from "../../NavRail/index.js";
5
- import { Text } from "../../Text/index.js";
6
- const RECENT_ITEMS = [
7
- {
8
- pageName: 'WAF Rules',
9
- productName: 'Edge'
10
- },
11
- {
12
- pageName: 'API Sessions',
13
- dataPlane: 'US Cloud',
14
- productName: 'Edge'
15
- },
16
- {
17
- pageName: 'Prompt Inspector',
18
- productName: 'AI Hypervisor'
19
- },
20
- {
21
- pageName: 'Scanner Results',
22
- dataPlane: 'EU Cloud',
23
- productName: 'Security Testing'
24
- },
25
- {
26
- pageName: 'Asset Inventory',
27
- productName: 'Infra Discovery'
28
- },
29
- {
30
- pageName: 'Pupu',
31
- productName: 'Edge'
32
- },
33
- {
34
- pageName: 'Pupupu',
35
- dataPlane: 'US Cloud',
36
- productName: 'Edge'
37
- },
38
- {
39
- pageName: 'PuPuPuuu',
40
- productName: 'AI Hypervisor'
41
- },
42
- {
43
- pageName: 'MeowMeow',
44
- dataPlane: 'EU Cloud',
45
- productName: 'Security Testing'
46
- },
47
- {
48
- pageName: '...',
49
- productName: '....'
50
- }
51
- ];
52
- const RecentDropdown = ()=>/*#__PURE__*/ jsxs(DropdownMenu, {
53
- positioning: {
54
- placement: 'right-start',
55
- gutter: 8
56
- },
57
- children: [
58
- /*#__PURE__*/ jsx(DropdownMenuTrigger, {
59
- children: /*#__PURE__*/ jsx(NavRailItem, {
60
- icon: History,
61
- label: "Recent"
62
- })
63
- }),
64
- /*#__PURE__*/ jsxs(DropdownMenuContent, {
65
- className: "w-304 h-290 overscroll-none",
66
- children: [
67
- /*#__PURE__*/ jsx(DropdownMenuLabel, {
68
- className: "sticky top-0 z-10 bg-bg-surface-2",
69
- children: "Recent"
70
- }),
71
- RECENT_ITEMS.map((item)=>/*#__PURE__*/ jsx(DropdownMenuItem, {
72
- children: /*#__PURE__*/ jsxs(DropdownMenuItemContent, {
73
- children: [
74
- /*#__PURE__*/ jsx(DropdownMenuItemText, {
75
- children: item.pageName
76
- }),
77
- /*#__PURE__*/ jsx(Text, {
78
- size: "xs",
79
- color: "secondary",
80
- children: item.dataPlane ? `${item.dataPlane} \u00b7 ${item.productName}` : item.productName
81
- })
82
- ]
83
- })
84
- }, `${item.pageName}-${item.productName}`))
85
- ]
86
- })
87
- ]
88
- });
89
- export { RecentDropdown };
@@ -1 +0,0 @@
1
- export declare const StorySearchModal: () => import("react").JSX.Element;
@@ -1,252 +0,0 @@
1
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { Building, CircleDashed, Plus } from "../../../icons/index.js";
4
- import { Button } from "../../Button/index.js";
5
- import { Code } from "../../Code/index.js";
6
- import { EmptyState, EmptyStateDescription, EmptyStateMessage } from "../../EmptyState/index.js";
7
- import { Kbd } from "../../Kbd/index.js";
8
- import { SearchModal, SearchModalBody, SearchModalContent, SearchModalEmpty, SearchModalFooter, SearchModalGroup, SearchModalGroupLabel, SearchModalInput, SearchModalItem, SearchModalTrigger } from "../../SearchModal/index.js";
9
- import { Text } from "../../Text/index.js";
10
- import { WallyIcon } from "../../WallyIcon/index.js";
11
- const recentItems = [
12
- {
13
- page: 'Attacks',
14
- product: 'Cloud WAF',
15
- date: '2 hours ago',
16
- href: '/attacks'
17
- },
18
- {
19
- page: 'Rules',
20
- product: 'Cloud WAF',
21
- date: '5 hours ago',
22
- href: '/rules'
23
- },
24
- {
25
- page: 'Endpoints',
26
- product: 'US East',
27
- dataPlane: true,
28
- productExtra: 'API Discovery',
29
- date: 'Yesterday',
30
- href: '/endpoints'
31
- },
32
- {
33
- page: 'Dashboards',
34
- product: 'Cloud WAF',
35
- date: '2 days ago',
36
- href: '/dashboards'
37
- },
38
- {
39
- page: 'Triggers',
40
- product: 'Cloud WAF',
41
- date: '3 days ago',
42
- href: '/triggers'
43
- }
44
- ];
45
- const jumpToItems = [
46
- {
47
- name: 'Cloud WAF',
48
- href: '/cloud-waf'
49
- },
50
- {
51
- name: 'API Discovery',
52
- href: '/api-discovery'
53
- }
54
- ];
55
- const filterRecent = (query)=>{
56
- if (!query) return recentItems;
57
- return recentItems.filter((item)=>{
58
- const text = `${item.page} ${item.product} ${item.productExtra ?? ''}`.toLowerCase();
59
- return text.includes(query);
60
- });
61
- };
62
- const filterJumpTo = (query)=>{
63
- if (!query) return jumpToItems;
64
- return jumpToItems.filter((item)=>item.name.toLowerCase().includes(query));
65
- };
66
- const StorySearchModal = ()=>{
67
- const [open, setOpen] = useState(false);
68
- const [query, setQuery] = useState('');
69
- const lowerQuery = query.toLowerCase();
70
- const filteredRecent = filterRecent(lowerQuery);
71
- const filteredJumpTo = filterJumpTo(lowerQuery);
72
- const hasResults = filteredRecent.length > 0 || filteredJumpTo.length > 0 || !lowerQuery;
73
- const handleOpenChange = (nextOpen)=>{
74
- setOpen(nextOpen);
75
- if (!nextOpen) setQuery('');
76
- };
77
- return /*#__PURE__*/ jsxs(SearchModal, {
78
- open: open,
79
- onOpenChange: handleOpenChange,
80
- onQueryChange: setQuery,
81
- children: [
82
- /*#__PURE__*/ jsx(SearchModalTrigger, {
83
- asChild: true,
84
- children: /*#__PURE__*/ jsxs(Button, {
85
- variant: "ghost",
86
- size: "small",
87
- color: "neutral",
88
- className: "p-4 gap-6 rounded-6",
89
- "data-slot": "top-header-search",
90
- children: [
91
- /*#__PURE__*/ jsx(Code, {
92
- size: "s",
93
- color: "secondary",
94
- children: "Search Wallarm"
95
- }),
96
- /*#__PURE__*/ jsx(Kbd, {
97
- size: "xsmall",
98
- children: "⌘ K"
99
- })
100
- ]
101
- })
102
- }),
103
- /*#__PURE__*/ jsxs(SearchModalContent, {
104
- children: [
105
- /*#__PURE__*/ jsx(SearchModalInput, {
106
- placeholder: "Search products, features, and more..."
107
- }),
108
- lowerQuery && !hasResults && /*#__PURE__*/ jsx(SearchModalEmpty, {
109
- children: /*#__PURE__*/ jsx(EmptyState, {
110
- type: "no-results",
111
- className: "pb-8",
112
- children: /*#__PURE__*/ jsx(EmptyStateMessage, {
113
- children: /*#__PURE__*/ jsx(EmptyStateDescription, {
114
- children: "No results"
115
- })
116
- })
117
- })
118
- }),
119
- /*#__PURE__*/ jsxs(SearchModalBody, {
120
- children: [
121
- /*#__PURE__*/ jsxs(SearchModalGroup, {
122
- children: [
123
- /*#__PURE__*/ jsx(SearchModalGroupLabel, {
124
- children: /*#__PURE__*/ jsx(Text, {
125
- size: "xs",
126
- color: "secondary",
127
- weight: "medium",
128
- children: "Quick actions"
129
- })
130
- }),
131
- /*#__PURE__*/ jsxs(SearchModalItem, {
132
- onSelect: ()=>{},
133
- children: [
134
- /*#__PURE__*/ jsx(WallyIcon, {
135
- variant: "circle",
136
- size: "sm"
137
- }),
138
- /*#__PURE__*/ jsx(Text, {
139
- size: "sm",
140
- children: "Ask Wally"
141
- })
142
- ]
143
- }),
144
- !lowerQuery && /*#__PURE__*/ jsxs(Fragment, {
145
- children: [
146
- /*#__PURE__*/ jsxs(SearchModalItem, {
147
- onSelect: ()=>{},
148
- children: [
149
- /*#__PURE__*/ jsx(Building, {
150
- className: "text-text-secondary !icon-md"
151
- }),
152
- /*#__PURE__*/ jsx(Text, {
153
- size: "sm",
154
- children: "Switch tenant"
155
- })
156
- ]
157
- }),
158
- /*#__PURE__*/ jsxs(SearchModalItem, {
159
- onSelect: ()=>{},
160
- children: [
161
- /*#__PURE__*/ jsx(Plus, {
162
- className: "text-text-secondary !icon-md"
163
- }),
164
- /*#__PURE__*/ jsx(Text, {
165
- size: "sm",
166
- children: "Create..."
167
- })
168
- ]
169
- })
170
- ]
171
- })
172
- ]
173
- }),
174
- filteredRecent.length > 0 && /*#__PURE__*/ jsxs(SearchModalGroup, {
175
- children: [
176
- /*#__PURE__*/ jsx(SearchModalGroupLabel, {
177
- children: /*#__PURE__*/ jsx(Text, {
178
- size: "xs",
179
- color: "secondary",
180
- weight: "medium",
181
- children: "Recent"
182
- })
183
- }),
184
- filteredRecent.map((item)=>/*#__PURE__*/ jsxs(SearchModalItem, {
185
- onSelect: ()=>{},
186
- children: [
187
- /*#__PURE__*/ jsx(CircleDashed, {
188
- className: "text-text-primary shrink-0 !icon-md"
189
- }),
190
- /*#__PURE__*/ jsxs(Text, {
191
- size: "sm",
192
- grow: true,
193
- truncate: true,
194
- children: [
195
- item.page,
196
- /*#__PURE__*/ jsxs(Text, {
197
- size: "sm",
198
- color: "secondary",
199
- inline: true,
200
- children: [
201
- ' ',
202
- "— ",
203
- item.dataPlane ? `${item.productExtra} · ${item.product}` : item.product
204
- ]
205
- })
206
- ]
207
- }),
208
- /*#__PURE__*/ jsx("span", {
209
- className: "shrink-0",
210
- children: /*#__PURE__*/ jsx(Text, {
211
- size: "xs",
212
- color: "secondary",
213
- children: item.date
214
- })
215
- })
216
- ]
217
- }, `${item.page}-${item.product}`))
218
- ]
219
- }),
220
- filteredJumpTo.length > 0 && /*#__PURE__*/ jsxs(SearchModalGroup, {
221
- children: [
222
- /*#__PURE__*/ jsx(SearchModalGroupLabel, {
223
- children: /*#__PURE__*/ jsx(Text, {
224
- size: "xs",
225
- color: "secondary",
226
- weight: "medium",
227
- children: "Jump to"
228
- })
229
- }),
230
- filteredJumpTo.map((item)=>/*#__PURE__*/ jsxs(SearchModalItem, {
231
- onSelect: ()=>{},
232
- children: [
233
- /*#__PURE__*/ jsx(CircleDashed, {
234
- className: "text-text-primary shrink-0 !icon-md"
235
- }),
236
- /*#__PURE__*/ jsx(Text, {
237
- size: "sm",
238
- children: item.name
239
- })
240
- ]
241
- }, item.href))
242
- ]
243
- })
244
- ]
245
- }),
246
- /*#__PURE__*/ jsx(SearchModalFooter, {})
247
- ]
248
- })
249
- ]
250
- });
251
- };
252
- export { StorySearchModal };
@@ -1 +0,0 @@
1
- export declare const WallarmLogo: () => import("react").JSX.Element;
@@ -1,21 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- const WallarmLogo = ()=>/*#__PURE__*/ jsxs("svg", {
3
- width: "89",
4
- height: "16",
5
- viewBox: "0 0 89 16",
6
- fill: "none",
7
- xmlns: "http://www.w3.org/2000/svg",
8
- children: [
9
- /*#__PURE__*/ jsx("path", {
10
- fillRule: "evenodd",
11
- clipRule: "evenodd",
12
- d: "M33.9026 4.87835H35.5876L37.698 11.2096L39.383 4.87835H41.4934L38.5405 14.1625H36.8555L34.7451 7.83127L32.6346 14.1625H30.9496L27.9884 4.87835H30.0988L31.7838 11.2096L33.8942 4.87835H33.9026ZM44.9886 12.7862C46.3733 12.7862 47.4076 12.0104 47.4076 10.8676V10.292C46.8738 10.0835 46.1314 9.92502 45.3139 9.92502C44.0042 9.92502 43.2201 10.4589 43.2201 11.3931V11.4265C43.2201 12.294 43.9959 12.7778 44.9802 12.7778L44.9886 12.7862ZM42.7613 5.35382C43.5371 5.07855 44.388 4.90337 45.5057 4.90337C48.2001 4.90337 49.518 6.24637 49.518 8.68212V14.1709H47.4076V13.0531C46.782 13.7955 45.8728 14.3627 44.4881 14.3627C42.7614 14.3627 41.2432 13.3784 41.2432 11.5433V11.5099C41.2432 9.5413 42.8197 8.57368 44.9385 8.57368C46.0479 8.57368 46.6986 8.73217 47.4076 8.95739V8.73217C47.4076 7.47258 46.6652 6.78023 45.2138 6.78023C44.2712 6.78023 43.5204 6.98043 42.7613 7.28073V5.3705V5.35382ZM50.786 14.1625V1.5H52.8964V14.1625H50.786ZM54.1643 14.1625V1.5H56.2747L56.3164 14.1625H54.1643ZM61.0378 12.7862C62.4225 12.7862 63.4569 12.0104 63.4569 10.8676V10.292C62.923 10.0835 62.1806 9.92502 61.3631 9.92502C60.0535 9.92502 59.2694 10.4589 59.2694 11.3931V11.4265C59.2694 12.294 60.0451 12.7778 61.0295 12.7778L61.0378 12.7862ZM58.8106 5.35382C59.578 5.07855 60.4372 4.90337 61.555 4.90337C64.2493 4.90337 65.5589 6.24637 65.5589 8.68212V14.1709H63.4485V13.0531C62.8229 13.7955 61.9137 14.3627 60.529 14.3627C58.8022 14.3627 57.2841 13.3784 57.2841 11.5433V11.5099C57.2841 9.5413 58.8606 8.57368 60.9794 8.57368C62.0888 8.57368 62.7395 8.73217 63.4485 8.95739V8.73217C63.4485 7.47258 62.7061 6.78023 61.2547 6.78023C60.3121 6.78023 59.5613 6.98043 58.8022 7.28073V5.3705L58.8106 5.35382ZM66.8269 14.1625V4.87835H68.9373V6.93872C69.5045 5.5707 70.5389 4.63644 72.1405 4.71152V6.92204H72.0237C70.1885 6.92204 68.9373 8.11489 68.9373 10.534V14.1709H66.8269V14.1625ZM87.0969 8.18162V14.1709H84.9865V8.94071C84.9865 7.48927 84.3359 6.58838 83.1597 6.58838C81.9835 6.58838 81.1911 7.47258 81.1911 8.94071V14.1709H79.0807V8.80724C79.0807 7.38917 78.43 6.58838 77.2705 6.58838C76.1111 6.58838 75.2769 7.52263 75.2769 8.94071V14.1709H73.1665V4.87835H75.2769V6.26305C75.8692 5.45392 76.695 4.68649 78.0964 4.68649C79.406 4.68649 80.3236 5.32879 80.8074 6.29642C81.5498 5.32879 82.5174 4.68649 83.9021 4.68649C85.8874 4.68649 87.0969 5.94607 87.0969 8.18162Z",
13
- fill: "currentColor"
14
- }),
15
- /*#__PURE__*/ jsx("path", {
16
- d: "M0.849998 6.83954L9.8954 3V8.4134L16.4618 5.62599V9.59236L21.2757 7.54864V10.4542L16.4618 12.498V10.754L9.8954 13.5414V11.1662L0.849998 15V6.83954Z",
17
- fill: "#FF441C"
18
- })
19
- ]
20
- });
21
- export { WallarmLogo };
@@ -1,11 +0,0 @@
1
- export { AccountDropdown, railModeFor, type SidebarMode } from './_storyAccountDropdown';
2
- export { RemoteForProduct } from './_storyConfigRenderer';
3
- export { HeaderActions } from './_storyHeaderActions';
4
- export { HomeContent } from './_storyHomeContent';
5
- export { deriveProduct, navigateToProduct } from './_storyLib';
6
- export { aiHypervisorNavConfig, edgeNavConfig, infraDiscoveryNavConfig, securityTestingNavConfig, settingsNavConfig, } from './_storyNavConfigs';
7
- export { NavRailFooterContent } from './_storyNavRailFooter';
8
- export { ProductNavItems } from './_storyProductNavItems';
9
- export { QuickHelpDropdown } from './_storyQuickHelpDropdown';
10
- export { RecentDropdown } from './_storyRecentDropdown';
11
- export { WallarmLogo } from './_storyWallarmLogo';
@@ -1,11 +0,0 @@
1
- export { AccountDropdown, railModeFor } from "./_storyAccountDropdown.js";
2
- export { RemoteForProduct } from "./_storyConfigRenderer.js";
3
- export { HeaderActions } from "./_storyHeaderActions.js";
4
- export { HomeContent } from "./_storyHomeContent.js";
5
- export { deriveProduct, navigateToProduct } from "./_storyLib.js";
6
- export { aiHypervisorNavConfig, edgeNavConfig, infraDiscoveryNavConfig, securityTestingNavConfig, settingsNavConfig } from "./_storyNavConfigs.js";
7
- export { NavRailFooterContent } from "./_storyNavRailFooter.js";
8
- export { ProductNavItems } from "./_storyProductNavItems.js";
9
- export { QuickHelpDropdown } from "./_storyQuickHelpDropdown.js";
10
- export { RecentDropdown } from "./_storyRecentDropdown.js";
11
- export { WallarmLogo } from "./_storyWallarmLogo.js";