@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
package/dist/components/AppShell/story-content/_storyNavConfigs.js DELETED
@@ -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 };