@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.
- package/dist/components/RemoteShell/NavPanelContent.d.ts +5 -0
- package/dist/components/RemoteShell/NavPanelContent.js +6 -4
- package/dist/components/RemoteShell/RemoteShell.d.ts +30 -1
- package/dist/components/RemoteShell/RemoteShell.js +35 -18
- package/dist/components/RemoteShell/RemoteShellPanel.js +10 -4
- package/dist/components/RemoteShell/model/index.d.ts +1 -1
- package/dist/components/RemoteShell/model/index.js +1 -1
- package/dist/components/RemoteShell/model/useDrillTransition.d.ts +12 -1
- package/dist/components/RemoteShell/model/useDrillTransition.js +24 -12
- package/dist/components/RemoteShell/model/useLocationPathname.d.ts +2 -0
- package/dist/components/RemoteShell/model/useLocationPathname.js +4 -1
- package/dist/components/Table/TableBody/TableBodyVirtualizedCore.js +1 -1
- package/dist/components/Table/TableBody/TableBodyVirtualizedWindow.js +25 -9
- package/dist/components/Table/TableInner/TableInnerWindow.js +1 -0
- package/dist/components/Table/hooks/infiniteScroll/useInfiniteScroll.d.ts +1 -1
- package/dist/components/Table/hooks/infiniteScroll/usePrependScrollAnchor.d.ts +1 -0
- package/dist/components/Table/hooks/infiniteScroll/usePrependScrollAnchor.js +12 -10
- package/dist/components/Table/hooks/infiniteScroll/useScrollEdge.d.ts +4 -1
- package/dist/components/Table/hooks/infiniteScroll/useScrollEdge.js +4 -17
- package/dist/components/Table/lib/index.d.ts +1 -0
- package/dist/components/Table/lib/index.js +1 -0
- package/dist/components/Table/lib/scrollRoot.d.ts +18 -0
- package/dist/components/Table/lib/scrollRoot.js +22 -0
- package/dist/components/Table/types.d.ts +4 -1
- package/dist/metadata/components.json +26 -8
- package/package.json +2 -1
- package/dist/components/AppShell/story-content/_storyAccountDropdown.d.ts +0 -11
- package/dist/components/AppShell/story-content/_storyAccountDropdown.js +0 -242
- package/dist/components/AppShell/story-content/_storyConfigRenderer.d.ts +0 -12
- package/dist/components/AppShell/story-content/_storyConfigRenderer.js +0 -81
- package/dist/components/AppShell/story-content/_storyHeaderActions.d.ts +0 -1
- package/dist/components/AppShell/story-content/_storyHeaderActions.js +0 -59
- package/dist/components/AppShell/story-content/_storyHomeContent.d.ts +0 -2
- package/dist/components/AppShell/story-content/_storyHomeContent.js +0 -15
- package/dist/components/AppShell/story-content/_storyLib.d.ts +0 -9
- package/dist/components/AppShell/story-content/_storyLib.js +0 -39
- package/dist/components/AppShell/story-content/_storyNavConfigs.d.ts +0 -6
- package/dist/components/AppShell/story-content/_storyNavConfigs.js +0 -772
- package/dist/components/AppShell/story-content/_storyNavRailFooter.d.ts +0 -13
- package/dist/components/AppShell/story-content/_storyNavRailFooter.js +0 -26
- package/dist/components/AppShell/story-content/_storyProductNavItems.d.ts +0 -7
- package/dist/components/AppShell/story-content/_storyProductNavItems.js +0 -49
- package/dist/components/AppShell/story-content/_storyQuickHelpDropdown.d.ts +0 -1
- package/dist/components/AppShell/story-content/_storyQuickHelpDropdown.js +0 -144
- package/dist/components/AppShell/story-content/_storyRecentDropdown.d.ts +0 -1
- package/dist/components/AppShell/story-content/_storyRecentDropdown.js +0 -89
- package/dist/components/AppShell/story-content/_storySearchModal.d.ts +0 -1
- package/dist/components/AppShell/story-content/_storySearchModal.js +0 -252
- package/dist/components/AppShell/story-content/_storyWallarmLogo.d.ts +0 -1
- package/dist/components/AppShell/story-content/_storyWallarmLogo.js +0 -21
- package/dist/components/AppShell/story-content/index.d.ts +0 -11
- 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,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";
|