@wallarm-org/design-system 1.28.0 → 1.28.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 (39) 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/metadata/components.json +25 -7
  13. package/package.json +2 -1
  14. package/dist/components/AppShell/story-content/_storyAccountDropdown.d.ts +0 -11
  15. package/dist/components/AppShell/story-content/_storyAccountDropdown.js +0 -242
  16. package/dist/components/AppShell/story-content/_storyConfigRenderer.d.ts +0 -12
  17. package/dist/components/AppShell/story-content/_storyConfigRenderer.js +0 -81
  18. package/dist/components/AppShell/story-content/_storyHeaderActions.d.ts +0 -1
  19. package/dist/components/AppShell/story-content/_storyHeaderActions.js +0 -59
  20. package/dist/components/AppShell/story-content/_storyHomeContent.d.ts +0 -2
  21. package/dist/components/AppShell/story-content/_storyHomeContent.js +0 -15
  22. package/dist/components/AppShell/story-content/_storyLib.d.ts +0 -9
  23. package/dist/components/AppShell/story-content/_storyLib.js +0 -39
  24. package/dist/components/AppShell/story-content/_storyNavConfigs.d.ts +0 -6
  25. package/dist/components/AppShell/story-content/_storyNavConfigs.js +0 -772
  26. package/dist/components/AppShell/story-content/_storyNavRailFooter.d.ts +0 -13
  27. package/dist/components/AppShell/story-content/_storyNavRailFooter.js +0 -26
  28. package/dist/components/AppShell/story-content/_storyProductNavItems.d.ts +0 -7
  29. package/dist/components/AppShell/story-content/_storyProductNavItems.js +0 -49
  30. package/dist/components/AppShell/story-content/_storyQuickHelpDropdown.d.ts +0 -1
  31. package/dist/components/AppShell/story-content/_storyQuickHelpDropdown.js +0 -144
  32. package/dist/components/AppShell/story-content/_storyRecentDropdown.d.ts +0 -1
  33. package/dist/components/AppShell/story-content/_storyRecentDropdown.js +0 -89
  34. package/dist/components/AppShell/story-content/_storySearchModal.d.ts +0 -1
  35. package/dist/components/AppShell/story-content/_storySearchModal.js +0 -252
  36. package/dist/components/AppShell/story-content/_storyWallarmLogo.d.ts +0 -1
  37. package/dist/components/AppShell/story-content/_storyWallarmLogo.js +0 -21
  38. package/dist/components/AppShell/story-content/index.d.ts +0 -11
  39. package/dist/components/AppShell/story-content/index.js +0 -11
@@ -1,772 +0,0 @@
1
- import { CircleDashed, Filter, Plus } from "../../../icons/index.js";
2
- const edgeNavConfig = {
3
- productLabel: 'Edge',
4
- productPath: '/edge',
5
- headerActions: [
6
- {
7
- icon: Filter,
8
- label: 'Filter',
9
- onClick: ()=>alert('Filter clicked')
10
- },
11
- {
12
- icon: Plus,
13
- label: 'Add',
14
- onClick: ()=>alert('Add clicked')
15
- }
16
- ],
17
- items: [
18
- {
19
- type: 'link',
20
- id: 'overview',
21
- label: 'Overview',
22
- path: 'overview',
23
- icon: CircleDashed
24
- },
25
- {
26
- type: 'drill',
27
- id: 'data-planes',
28
- label: 'Data planes',
29
- path: 'data-planes',
30
- icon: CircleDashed,
31
- param: 'dataPlaneId',
32
- entities: [
33
- {
34
- id: 'production',
35
- label: 'Production',
36
- description: 'Main production environment'
37
- },
38
- {
39
- id: 'staging',
40
- label: 'Staging',
41
- description: 'Pre-production testing'
42
- },
43
- {
44
- id: 'edge-eu',
45
- label: 'Edge EU',
46
- description: 'European edge nodes'
47
- },
48
- {
49
- id: 'edge-us',
50
- label: 'Edge US',
51
- description: 'US edge nodes'
52
- }
53
- ],
54
- children: [
55
- {
56
- type: 'link',
57
- id: 'dp-overview',
58
- label: 'Overview',
59
- path: 'overview',
60
- icon: CircleDashed
61
- },
62
- {
63
- type: 'drill',
64
- id: 'dp-nodes',
65
- label: 'Nodes',
66
- path: 'nodes',
67
- icon: CircleDashed,
68
- param: 'nodeId',
69
- entities: [
70
- {
71
- id: 'node-1',
72
- label: 'Node 1',
73
- description: 'Primary node'
74
- },
75
- {
76
- id: 'node-2',
77
- label: 'Node 2',
78
- description: 'Secondary node'
79
- },
80
- {
81
- id: 'node-3',
82
- label: 'Node 3',
83
- description: 'Tertiary node'
84
- }
85
- ],
86
- children: [
87
- {
88
- type: 'link',
89
- id: 'node-overview',
90
- label: 'Overview',
91
- path: 'overview',
92
- icon: CircleDashed
93
- },
94
- {
95
- type: 'link',
96
- id: 'node-metrics',
97
- label: 'Metrics',
98
- path: 'metrics',
99
- icon: CircleDashed
100
- },
101
- {
102
- type: 'link',
103
- id: 'node-logs',
104
- label: 'Logs',
105
- path: 'logs',
106
- icon: CircleDashed
107
- },
108
- {
109
- type: 'link',
110
- id: 'node-config',
111
- label: 'Configuration',
112
- path: 'config',
113
- icon: CircleDashed
114
- }
115
- ]
116
- },
117
- {
118
- type: 'link',
119
- id: 'dp-services',
120
- label: 'Services',
121
- path: 'services',
122
- icon: CircleDashed,
123
- dividerAfter: true
124
- },
125
- {
126
- type: 'link',
127
- id: 'dp-govern',
128
- label: 'Govern',
129
- path: 'govern',
130
- icon: CircleDashed
131
- },
132
- {
133
- type: 'group',
134
- id: 'dp-operations',
135
- label: 'Operations',
136
- icon: CircleDashed,
137
- children: [
138
- {
139
- type: 'link',
140
- id: 'dp-routing-rules',
141
- label: 'Routing rules',
142
- path: 'routing-rules'
143
- },
144
- {
145
- type: 'link',
146
- id: 'dp-settings',
147
- label: 'Settings',
148
- path: 'settings'
149
- }
150
- ]
151
- }
152
- ]
153
- },
154
- {
155
- type: 'link',
156
- id: 'dashboards',
157
- label: 'Dashboards',
158
- path: 'dashboards',
159
- icon: CircleDashed,
160
- dividerAfter: true
161
- },
162
- {
163
- type: 'section-header',
164
- id: 'section-detect',
165
- label: 'Detect & Respond'
166
- },
167
- {
168
- type: 'group',
169
- id: 'events',
170
- label: 'Events',
171
- icon: CircleDashed,
172
- defaultExpanded: true,
173
- children: [
174
- {
175
- type: 'link',
176
- id: 'attacks',
177
- label: 'Attacks',
178
- path: 'attacks'
179
- },
180
- {
181
- type: 'link',
182
- id: 'incidents',
183
- label: 'Incidents',
184
- path: 'incidents'
185
- },
186
- {
187
- type: 'link',
188
- id: 'security-issues',
189
- label: 'Security Issues',
190
- path: 'security-issues'
191
- },
192
- {
193
- type: 'link',
194
- id: 'api-sessions',
195
- label: 'API Sessions',
196
- path: 'api-sessions'
197
- }
198
- ]
199
- },
200
- {
201
- type: 'group',
202
- id: 'api-security',
203
- label: 'API Security',
204
- icon: CircleDashed,
205
- children: [
206
- {
207
- type: 'link',
208
- id: 'api-attack-surface',
209
- label: 'API Attack Surface',
210
- path: 'api-attack-surface'
211
- },
212
- {
213
- type: 'link',
214
- id: 'api-discovery',
215
- label: 'API Discovery',
216
- path: 'api-discovery'
217
- },
218
- {
219
- type: 'link',
220
- id: 'api-abuse-prevention',
221
- label: 'API Abuse Prevention',
222
- path: 'api-abuse-prevention'
223
- },
224
- {
225
- type: 'link',
226
- id: 'api-specifications',
227
- label: 'API Specifications',
228
- path: 'api-specifications'
229
- }
230
- ]
231
- },
232
- {
233
- type: 'group',
234
- id: 'security-controls',
235
- label: 'Security controls',
236
- icon: CircleDashed,
237
- children: [
238
- {
239
- type: 'link',
240
- id: 'ip-session-lists',
241
- label: 'IP & Session Lists',
242
- path: 'ip-session-lists'
243
- },
244
- {
245
- type: 'link',
246
- id: 'triggers',
247
- label: 'Triggers',
248
- path: 'triggers'
249
- },
250
- {
251
- type: 'link',
252
- id: 'rules',
253
- label: 'Rules',
254
- path: 'rules'
255
- },
256
- {
257
- type: 'link',
258
- id: 'mitigation-controls',
259
- label: 'Mitigation Controls',
260
- path: 'mitigation-controls'
261
- },
262
- {
263
- type: 'link',
264
- id: 'credential-stuffing',
265
- label: 'Credential Stuffing',
266
- path: 'credential-stuffing'
267
- }
268
- ]
269
- },
270
- {
271
- type: 'section-header',
272
- id: 'section-protect',
273
- label: 'Protect'
274
- },
275
- {
276
- type: 'group',
277
- id: 'security-testing',
278
- label: 'Security Testing',
279
- icon: CircleDashed,
280
- children: [
281
- {
282
- type: 'link',
283
- id: 'threat-replay',
284
- label: 'Threat Replay',
285
- path: 'threat-replay'
286
- },
287
- {
288
- type: 'link',
289
- id: 'schema-based',
290
- label: 'Schema-Based',
291
- path: 'schema-based'
292
- }
293
- ]
294
- },
295
- {
296
- type: 'group',
297
- id: 'configuration',
298
- label: 'Configuration',
299
- icon: CircleDashed,
300
- children: [
301
- {
302
- type: 'group',
303
- id: 'nodes',
304
- label: 'Nodes',
305
- children: [
306
- {
307
- type: 'link',
308
- id: 'nodes-overview',
309
- label: 'Overview',
310
- path: 'nodes-overview'
311
- },
312
- {
313
- type: 'link',
314
- id: 'nodes-pools',
315
- label: 'Pools',
316
- path: 'nodes-pools'
317
- },
318
- {
319
- type: 'link',
320
- id: 'nodes-health-checks',
321
- label: 'Health checks',
322
- path: 'nodes-health-checks'
323
- }
324
- ]
325
- },
326
- {
327
- type: 'link',
328
- id: 'security-edge',
329
- label: 'Security Edge',
330
- path: 'security-edge'
331
- },
332
- {
333
- type: 'link',
334
- id: 'integrations',
335
- label: 'Integrations',
336
- path: 'integrations'
337
- }
338
- ]
339
- }
340
- ]
341
- };
342
- const aiHypervisorNavConfig = {
343
- productLabel: 'AI Hypervisor',
344
- productPath: '/ai-hypervisor',
345
- items: [
346
- {
347
- type: 'link',
348
- id: 'heatmap',
349
- label: 'Heatmap',
350
- path: 'heatmap',
351
- icon: CircleDashed
352
- },
353
- {
354
- type: 'link',
355
- id: 'registry',
356
- label: 'Registry',
357
- path: 'registry',
358
- icon: CircleDashed
359
- },
360
- {
361
- type: 'group',
362
- id: 'topology',
363
- label: 'Topology',
364
- icon: CircleDashed,
365
- defaultExpanded: true,
366
- children: [
367
- {
368
- type: 'link',
369
- id: 'topology-overview',
370
- label: 'Overview',
371
- path: 'topology-overview'
372
- },
373
- {
374
- type: 'link',
375
- id: 'topology-services',
376
- label: 'Services',
377
- path: 'topology-services'
378
- },
379
- {
380
- type: 'group',
381
- id: 'graphs',
382
- label: 'Graphs',
383
- children: [
384
- {
385
- type: 'link',
386
- id: 'flow-graph',
387
- label: 'Flow graph',
388
- path: 'flow-graph'
389
- },
390
- {
391
- type: 'link',
392
- id: 'dependency-graph',
393
- label: 'Dependency graph',
394
- path: 'dependency-graph'
395
- },
396
- {
397
- type: 'link',
398
- id: 'traffic-graph',
399
- label: 'Traffic graph',
400
- path: 'traffic-graph'
401
- }
402
- ]
403
- }
404
- ]
405
- },
406
- {
407
- type: 'link',
408
- id: 'data-tracks',
409
- label: 'Data Tracks',
410
- path: 'data-tracks',
411
- icon: CircleDashed
412
- },
413
- {
414
- type: 'link',
415
- id: 'user-tracks',
416
- label: 'User Tracks',
417
- path: 'user-tracks',
418
- icon: CircleDashed
419
- },
420
- {
421
- type: 'link',
422
- id: 'supply-chain',
423
- label: 'Supply Chain',
424
- path: 'supply-chain',
425
- icon: CircleDashed
426
- },
427
- {
428
- type: 'link',
429
- id: 'enforcement',
430
- label: 'Enforcement',
431
- path: 'enforcement',
432
- icon: CircleDashed
433
- },
434
- {
435
- type: 'link',
436
- id: 'ai-integrations',
437
- label: 'Integrations',
438
- path: 'ai-integrations',
439
- icon: CircleDashed
440
- },
441
- {
442
- type: 'link',
443
- id: 'red-team',
444
- label: 'Red Team',
445
- path: 'red-team',
446
- icon: CircleDashed
447
- },
448
- {
449
- type: 'link',
450
- id: 'debugger',
451
- label: 'Debugger',
452
- path: 'debugger',
453
- icon: CircleDashed
454
- }
455
- ]
456
- };
457
- const infraDiscoveryNavConfig = {
458
- productLabel: 'Infra Discovery',
459
- productPath: '/infra-discovery',
460
- headerActions: [
461
- {
462
- icon: Filter,
463
- label: 'Filter',
464
- onClick: ()=>alert('Filter clicked')
465
- }
466
- ],
467
- items: [
468
- {
469
- type: 'link',
470
- id: 'overview',
471
- label: 'Overview',
472
- path: 'overview',
473
- icon: CircleDashed
474
- },
475
- {
476
- type: 'group',
477
- id: 'inventory',
478
- label: 'Inventory',
479
- icon: CircleDashed,
480
- defaultExpanded: true,
481
- children: [
482
- {
483
- type: 'link',
484
- id: 'all-assets',
485
- label: 'All assets',
486
- path: 'all-assets'
487
- },
488
- {
489
- type: 'link',
490
- id: 'untagged',
491
- label: 'Untagged',
492
- path: 'untagged'
493
- },
494
- {
495
- type: 'group',
496
- id: 'by-source',
497
- label: 'By source',
498
- children: [
499
- {
500
- type: 'link',
501
- id: 'cloud-accounts',
502
- label: 'Cloud accounts',
503
- path: 'cloud-accounts'
504
- },
505
- {
506
- type: 'link',
507
- id: 'kubernetes',
508
- label: 'Kubernetes',
509
- path: 'kubernetes'
510
- },
511
- {
512
- type: 'link',
513
- id: 'source-control',
514
- label: 'Source control',
515
- path: 'source-control'
516
- }
517
- ]
518
- }
519
- ]
520
- },
521
- {
522
- type: 'link',
523
- id: 'topology',
524
- label: 'Topology',
525
- path: 'topology',
526
- icon: CircleDashed
527
- },
528
- {
529
- type: 'link',
530
- id: 'findings',
531
- label: 'Findings',
532
- path: 'findings',
533
- icon: CircleDashed
534
- },
535
- {
536
- type: 'link',
537
- id: 'risks',
538
- label: 'Risks',
539
- path: 'risks',
540
- icon: CircleDashed
541
- },
542
- {
543
- type: 'link',
544
- id: 'infra-integrations',
545
- label: 'Integrations',
546
- path: 'infra-integrations',
547
- icon: CircleDashed
548
- },
549
- {
550
- type: 'link',
551
- id: 'infra-settings',
552
- label: 'Settings',
553
- path: 'infra-settings',
554
- icon: CircleDashed
555
- }
556
- ]
557
- };
558
- const securityTestingNavConfig = {
559
- productLabel: 'Security Testing',
560
- productPath: '/security-testing',
561
- items: [
562
- {
563
- type: 'link',
564
- id: 'overview',
565
- label: 'Overview',
566
- path: 'overview',
567
- icon: CircleDashed
568
- },
569
- {
570
- type: 'link',
571
- id: 'test-suites',
572
- label: 'Test Suites',
573
- path: 'test-suites',
574
- icon: CircleDashed
575
- },
576
- {
577
- type: 'group',
578
- id: 'templates',
579
- label: 'Templates',
580
- icon: CircleDashed,
581
- children: [
582
- {
583
- type: 'link',
584
- id: 'owasp',
585
- label: 'OWASP',
586
- path: 'owasp'
587
- },
588
- {
589
- type: 'link',
590
- id: 'pci-dss',
591
- label: 'PCI DSS',
592
- path: 'pci-dss'
593
- },
594
- {
595
- type: 'link',
596
- id: 'internal',
597
- label: 'Internal',
598
- path: 'internal'
599
- }
600
- ]
601
- },
602
- {
603
- type: 'link',
604
- id: 'schedules',
605
- label: 'Schedules',
606
- path: 'schedules',
607
- icon: CircleDashed
608
- },
609
- {
610
- type: 'link',
611
- id: 'results',
612
- label: 'Results',
613
- path: 'results',
614
- icon: CircleDashed
615
- },
616
- {
617
- type: 'link',
618
- id: 'coverage',
619
- label: 'Coverage',
620
- path: 'coverage',
621
- icon: CircleDashed
622
- },
623
- {
624
- type: 'link',
625
- id: 'testing-settings',
626
- label: 'Settings',
627
- path: 'testing-settings',
628
- icon: CircleDashed
629
- }
630
- ]
631
- };
632
- const settingsNavConfig = {
633
- productLabel: 'Settings',
634
- productPath: '/settings',
635
- items: [
636
- {
637
- type: 'link',
638
- id: 'profile',
639
- label: 'Profile',
640
- path: 'profile',
641
- icon: CircleDashed
642
- },
643
- {
644
- type: 'link',
645
- id: 'general',
646
- label: 'General',
647
- path: 'general',
648
- icon: CircleDashed
649
- },
650
- {
651
- type: 'link',
652
- id: "subscriptions",
653
- label: "Subscriptions",
654
- path: "subscriptions",
655
- icon: CircleDashed
656
- },
657
- {
658
- type: 'link',
659
- id: 'applications',
660
- label: 'Applications',
661
- path: 'applications',
662
- icon: CircleDashed
663
- },
664
- {
665
- type: 'group',
666
- id: 'users',
667
- label: 'Users',
668
- icon: CircleDashed,
669
- defaultExpanded: true,
670
- children: [
671
- {
672
- type: 'link',
673
- id: 'users-all',
674
- label: 'All users',
675
- path: 'users-all'
676
- },
677
- {
678
- type: 'link',
679
- id: 'users-invites',
680
- label: 'Pending invites',
681
- path: 'users-invites'
682
- },
683
- {
684
- type: 'link',
685
- id: 'users-roles',
686
- label: 'Roles',
687
- path: 'users-roles'
688
- }
689
- ]
690
- },
691
- {
692
- type: 'section-header',
693
- id: 'section-access',
694
- label: 'Access Management'
695
- },
696
- {
697
- type: 'link',
698
- id: 'groups',
699
- label: 'Groups',
700
- path: 'groups',
701
- icon: CircleDashed
702
- },
703
- {
704
- type: 'link',
705
- id: 'api-tokens',
706
- label: 'API Tokens',
707
- path: 'api-tokens',
708
- icon: CircleDashed
709
- },
710
- {
711
- type: 'link',
712
- id: 'activity-log',
713
- label: 'Activity Log',
714
- path: 'activity-log',
715
- icon: CircleDashed,
716
- dividerAfter: true
717
- },
718
- {
719
- type: 'group',
720
- id: 'admin-zone',
721
- label: 'Admin Zone',
722
- icon: CircleDashed,
723
- defaultExpanded: true,
724
- children: [
725
- {
726
- type: 'link',
727
- id: 'customer-settings',
728
- label: 'Customer Settings',
729
- path: 'customer-settings'
730
- },
731
- {
732
- type: 'group',
733
- id: 'system-configuration',
734
- label: 'System Configuration',
735
- children: [
736
- {
737
- type: 'link',
738
- id: 'sys-general',
739
- label: 'General',
740
- path: 'sys-general'
741
- },
742
- {
743
- type: 'link',
744
- id: 'sys-storage',
745
- label: 'Storage',
746
- path: 'sys-storage'
747
- },
748
- {
749
- type: 'link',
750
- id: 'sys-networking',
751
- label: 'Networking',
752
- path: 'sys-networking'
753
- }
754
- ]
755
- },
756
- {
757
- type: 'link',
758
- id: 'bola-triggers',
759
- label: 'BOLA Triggers',
760
- path: 'bola-triggers'
761
- },
762
- {
763
- type: 'link',
764
- id: 'experiments',
765
- label: 'Experiments',
766
- path: 'experiments'
767
- }
768
- ]
769
- }
770
- ]
771
- };
772
- export { aiHypervisorNavConfig, edgeNavConfig, infraDiscoveryNavConfig, securityTestingNavConfig, settingsNavConfig };