@patternfly/react-table 6.0.0-alpha.39 → 6.0.0-alpha.40
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/CHANGELOG.md +168 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/Table/package.json +1 -1
- package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
- package/dist/dynamic/components/Table/utils/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
- package/dist/dynamic/deprecated/components/Table/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/esm/demos/DashboardHeader.d.ts +8 -0
- package/dist/esm/demos/DashboardHeader.d.ts.map +1 -0
- package/dist/esm/demos/DashboardHeader.js +77 -0
- package/dist/esm/demos/DashboardHeader.js.map +1 -0
- package/dist/esm/demos/DashboardWrapper.d.ts +85 -0
- package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -0
- package/dist/esm/demos/DashboardWrapper.js +41 -0
- package/dist/esm/demos/DashboardWrapper.js.map +1 -0
- package/dist/esm/demos/index.d.ts +2 -0
- package/dist/esm/demos/index.d.ts.map +1 -1
- package/dist/esm/demos/index.js +2 -0
- package/dist/esm/demos/index.js.map +1 -1
- package/dist/js/demos/DashboardHeader.d.ts +8 -0
- package/dist/js/demos/DashboardHeader.d.ts.map +1 -0
- package/dist/js/demos/DashboardHeader.js +82 -0
- package/dist/js/demos/DashboardHeader.js.map +1 -0
- package/dist/js/demos/DashboardWrapper.d.ts +85 -0
- package/dist/js/demos/DashboardWrapper.d.ts.map +1 -0
- package/dist/js/demos/DashboardWrapper.js +45 -0
- package/dist/js/demos/DashboardWrapper.js.map +1 -0
- package/dist/js/demos/index.d.ts +2 -0
- package/dist/js/demos/index.d.ts.map +1 -1
- package/dist/js/demos/index.js +2 -0
- package/dist/js/demos/index.js.map +1 -1
- package/dist/umd/react-table.min.js +3 -3
- package/package.json +6 -6
- package/src/demos/DashboardHeader.tsx +198 -0
- package/src/demos/DashboardWrapper.tsx +199 -0
- package/src/demos/Table.md +28 -4
- package/src/demos/assets/avatarImg.svg +18 -0
- package/src/demos/assets/index.d.ts +4 -0
- package/src/demos/assets/pf-logo.svg +28 -0
- package/src/demos/examples/TableBulkSelect.tsx +2 -2
- package/src/demos/examples/TableColumnManagement.tsx +2 -2
- package/src/demos/examples/TableColumnManagementWithDraggable.tsx +1 -1
- package/src/demos/examples/TableCompact.tsx +1 -1
- package/src/demos/examples/TableCompoundExpansion.tsx +1 -1
- package/src/demos/examples/TableEmptyStateDefault.tsx +9 -7
- package/src/demos/examples/TableEmptyStateError.tsx +19 -8
- package/src/demos/examples/TableEmptyStateLoading.tsx +13 -3
- package/src/demos/examples/TableExpandCollapseAll.tsx +1 -1
- package/src/demos/examples/TableFilterable.tsx +8 -1
- package/src/demos/examples/TableSortableResponsive.tsx +1 -1
- package/src/demos/examples/TableStaticBottomPagination.tsx +1 -1
- package/src/demos/examples/TableStickyFirstColumn.tsx +1 -1
- package/src/demos/examples/TableStickyHeader.tsx +1 -1
- package/src/demos/index.ts +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [6.0.0-alpha.40](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@6.0.0-alpha.39...@patternfly/react-table@6.0.0-alpha.40) (2024-03-08)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
9
|
+
|
|
6
10
|
# [6.0.0-alpha.39](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@6.0.0-alpha.38...@patternfly/react-table@6.0.0-alpha.39) (2024-03-01)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @patternfly/react-table
|
|
@@ -443,6 +447,170 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
443
447
|
|
|
444
448
|
**Note:** Version bump only for package @patternfly/react-table
|
|
445
449
|
|
|
450
|
+
# [5.3.0-prerelease.7](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.6...@patternfly/react-table@5.3.0-prerelease.7) (2024-02-28)
|
|
451
|
+
|
|
452
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
453
|
+
|
|
454
|
+
# [5.3.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.5...@patternfly/react-table@5.3.0-prerelease.6) (2024-02-28)
|
|
455
|
+
|
|
456
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
457
|
+
|
|
458
|
+
# [5.3.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.4...@patternfly/react-table@5.3.0-prerelease.5) (2024-02-28)
|
|
459
|
+
|
|
460
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
461
|
+
|
|
462
|
+
# [5.3.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.3...@patternfly/react-table@5.3.0-prerelease.4) (2024-02-27)
|
|
463
|
+
|
|
464
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
465
|
+
|
|
466
|
+
# [5.3.0-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.2...@patternfly/react-table@5.3.0-prerelease.3) (2024-02-26)
|
|
467
|
+
|
|
468
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
469
|
+
|
|
470
|
+
# [5.3.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.3.0-prerelease.1...@patternfly/react-table@5.3.0-prerelease.2) (2024-02-19)
|
|
471
|
+
|
|
472
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
473
|
+
|
|
474
|
+
# 5.3.0-prerelease.1 (2024-02-19)
|
|
475
|
+
|
|
476
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
477
|
+
|
|
478
|
+
# 5.3.0-prerelease.0 (2024-02-02)
|
|
479
|
+
|
|
480
|
+
# 5.2.0 (2024-02-02)
|
|
481
|
+
|
|
482
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
483
|
+
|
|
484
|
+
# 5.2.0 (2024-02-02)
|
|
485
|
+
|
|
486
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
487
|
+
|
|
488
|
+
# 5.2.0-prerelease.50 (2024-02-02)
|
|
489
|
+
|
|
490
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
491
|
+
|
|
492
|
+
# 5.2.0-prerelease.49 (2024-01-29)
|
|
493
|
+
|
|
494
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
495
|
+
|
|
496
|
+
# [5.2.0-prerelease.48](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.47...@patternfly/react-table@5.2.0-prerelease.48) (2024-01-17)
|
|
497
|
+
|
|
498
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
499
|
+
|
|
500
|
+
# 5.2.0-prerelease.47 (2024-01-16)
|
|
501
|
+
|
|
502
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
503
|
+
|
|
504
|
+
# [5.2.0-prerelease.46](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.45...@patternfly/react-table@5.2.0-prerelease.46) (2024-01-15)
|
|
505
|
+
|
|
506
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
507
|
+
|
|
508
|
+
# [5.2.0-prerelease.45](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.44...@patternfly/react-table@5.2.0-prerelease.45) (2024-01-11)
|
|
509
|
+
|
|
510
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
511
|
+
|
|
512
|
+
# [5.2.0-prerelease.44](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.43...@patternfly/react-table@5.2.0-prerelease.44) (2024-01-10)
|
|
513
|
+
|
|
514
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
515
|
+
|
|
516
|
+
# [5.2.0-prerelease.43](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.42...@patternfly/react-table@5.2.0-prerelease.43) (2024-01-09)
|
|
517
|
+
|
|
518
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
519
|
+
|
|
520
|
+
# [5.2.0-prerelease.42](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.41...@patternfly/react-table@5.2.0-prerelease.42) (2024-01-08)
|
|
521
|
+
|
|
522
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
523
|
+
|
|
524
|
+
# 5.2.0-prerelease.41 (2024-01-05)
|
|
525
|
+
|
|
526
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
527
|
+
|
|
528
|
+
# [5.2.0-prerelease.40](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.39...@patternfly/react-table@5.2.0-prerelease.40) (2024-01-04)
|
|
529
|
+
|
|
530
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
531
|
+
|
|
532
|
+
# [5.2.0-prerelease.39](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.38...@patternfly/react-table@5.2.0-prerelease.39) (2024-01-03)
|
|
533
|
+
|
|
534
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
535
|
+
|
|
536
|
+
# [5.2.0-prerelease.38](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.37...@patternfly/react-table@5.2.0-prerelease.38) (2024-01-02)
|
|
537
|
+
|
|
538
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
539
|
+
|
|
540
|
+
# [5.2.0-prerelease.37](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.36...@patternfly/react-table@5.2.0-prerelease.37) (2023-12-20)
|
|
541
|
+
|
|
542
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
543
|
+
|
|
544
|
+
# [5.2.0-prerelease.36](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.35...@patternfly/react-table@5.2.0-prerelease.36) (2023-12-14)
|
|
545
|
+
|
|
546
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
547
|
+
|
|
548
|
+
# [5.2.0-prerelease.35](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.34...@patternfly/react-table@5.2.0-prerelease.35) (2023-12-11)
|
|
549
|
+
|
|
550
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
551
|
+
|
|
552
|
+
# [5.2.0-prerelease.34](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.33...@patternfly/react-table@5.2.0-prerelease.34) (2023-12-07)
|
|
553
|
+
|
|
554
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
555
|
+
|
|
556
|
+
# [5.2.0-prerelease.33](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.32...@patternfly/react-table@5.2.0-prerelease.33) (2023-12-06)
|
|
557
|
+
|
|
558
|
+
### Bug Fixes
|
|
559
|
+
|
|
560
|
+
- **Table:** make tooltip prop consistent ([#9803](https://github.com/patternfly/patternfly-react/issues/9803)) ([eb9693f](https://github.com/patternfly/patternfly-react/commit/eb9693f321dd4265390d2ac18698d8adc892a3fd))
|
|
561
|
+
|
|
562
|
+
# [5.2.0-prerelease.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.31...@patternfly/react-table@5.2.0-prerelease.32) (2023-11-21)
|
|
563
|
+
|
|
564
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
565
|
+
|
|
566
|
+
# [5.2.0-prerelease.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.30...@patternfly/react-table@5.2.0-prerelease.31) (2023-11-17)
|
|
567
|
+
|
|
568
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
569
|
+
|
|
570
|
+
# [5.2.0-prerelease.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.29...@patternfly/react-table@5.2.0-prerelease.30) (2023-11-16)
|
|
571
|
+
|
|
572
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
573
|
+
|
|
574
|
+
# [5.2.0-prerelease.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.28...@patternfly/react-table@5.2.0-prerelease.29) (2023-11-14)
|
|
575
|
+
|
|
576
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
577
|
+
|
|
578
|
+
# [5.2.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.27...@patternfly/react-table@5.2.0-prerelease.28) (2023-11-14)
|
|
579
|
+
|
|
580
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
581
|
+
|
|
582
|
+
# [5.2.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.26...@patternfly/react-table@5.2.0-prerelease.27) (2023-11-14)
|
|
583
|
+
|
|
584
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
585
|
+
|
|
586
|
+
# [5.2.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.25...@patternfly/react-table@5.2.0-prerelease.26) (2023-11-13)
|
|
587
|
+
|
|
588
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
589
|
+
|
|
590
|
+
# [5.2.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.24...@patternfly/react-table@5.2.0-prerelease.25) (2023-11-10)
|
|
591
|
+
|
|
592
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
593
|
+
|
|
594
|
+
# [5.2.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.23...@patternfly/react-table@5.2.0-prerelease.24) (2023-11-03)
|
|
595
|
+
|
|
596
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
597
|
+
|
|
598
|
+
# [5.2.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.22...@patternfly/react-table@5.2.0-prerelease.23) (2023-11-03)
|
|
599
|
+
|
|
600
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
601
|
+
|
|
602
|
+
# [5.2.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.21...@patternfly/react-table@5.2.0-prerelease.22) (2023-11-02)
|
|
603
|
+
|
|
604
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
605
|
+
|
|
606
|
+
# [5.2.0-prerelease.21](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.20...@patternfly/react-table@5.2.0-prerelease.21) (2023-11-02)
|
|
607
|
+
|
|
608
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
609
|
+
|
|
610
|
+
# [5.2.0-prerelease.20](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.19...@patternfly/react-table@5.2.0-prerelease.20) (2023-11-02)
|
|
611
|
+
|
|
612
|
+
**Note:** Version bump only for package @patternfly/react-table
|
|
613
|
+
|
|
446
614
|
# [5.2.0-prerelease.19](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-table@5.2.0-prerelease.18...@patternfly/react-table@5.2.0-prerelease.19) (2023-10-30)
|
|
447
615
|
|
|
448
616
|
**Note:** Version bump only for package @patternfly/react-table
|
package/components/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
package/deprecated/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-deprecated","main":"../dist/js/deprecated/index.js","module":"../dist/esm/deprecated/index.js","typings":"../dist/esm/deprecated/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-deprecated","main":"../dist/js/deprecated/index.js","module":"../dist/esm/deprecated/index.js","typings":"../dist/esm/deprecated/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-table-dynamic","main":"../../../js/components/Table/index.js","module":"../../../esm/components/Table/index.js","typings":"../../../esm/components/Table/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-table-dynamic","main":"../../../js/components/Table/index.js","module":"../../../esm/components/Table/index.js","typings":"../../../esm/components/Table/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-decorators-dynamic","main":"../../../../../js/components/Table/utils/decorators/index.js","module":"../../../../../esm/components/Table/utils/decorators/index.js","typings":"../../../../../esm/components/Table/utils/decorators/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-decorators-dynamic","main":"../../../../../js/components/Table/utils/decorators/index.js","module":"../../../../../esm/components/Table/utils/decorators/index.js","typings":"../../../../../esm/components/Table/utils/decorators/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-utils-dynamic","main":"../../../../js/components/Table/utils/index.js","module":"../../../../esm/components/Table/utils/index.js","typings":"../../../../esm/components/Table/utils/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-utils-dynamic","main":"../../../../js/components/Table/utils/index.js","module":"../../../../esm/components/Table/utils/index.js","typings":"../../../../esm/components/Table/utils/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-base-deprecated-dynamic","main":"../../../../../js/deprecated/components/Table/base/index.js","module":"../../../../../esm/deprecated/components/Table/base/index.js","typings":"../../../../../esm/deprecated/components/Table/base/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-base-deprecated-dynamic","main":"../../../../../js/deprecated/components/Table/base/index.js","module":"../../../../../esm/deprecated/components/Table/base/index.js","typings":"../../../../../esm/deprecated/components/Table/base/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-table-deprecated-dynamic","main":"../../../../js/deprecated/components/Table/index.js","module":"../../../../esm/deprecated/components/Table/index.js","typings":"../../../../esm/deprecated/components/Table/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-table-deprecated-dynamic","main":"../../../../js/deprecated/components/Table/index.js","module":"../../../../esm/deprecated/components/Table/index.js","typings":"../../../../esm/deprecated/components/Table/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-table-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-table-components-deprecated-dynamic","main":"../../../js/deprecated/components/index.js","module":"../../../esm/deprecated/components/index.js","typings":"../../../esm/deprecated/components/index.d.ts","version":"6.0.0-alpha.39","private":true}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DashboardHeaderProps {
|
|
3
|
+
/** Render custom notification badge */
|
|
4
|
+
notificationBadge?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const DashboardHeader: React.FC<DashboardHeaderProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=DashboardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,UAAU,oBAAoB;IAC5B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+J1D,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Avatar, Brand, Button, ButtonVariant, Divider, Dropdown, DropdownGroup, DropdownItem, DropdownList, Masthead, MastheadToggle, MastheadMain, MastheadBrand, MastheadContent, MenuToggle, Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, PageToggleButton } from '@patternfly/react-core';
|
|
3
|
+
import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
|
|
4
|
+
import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
|
|
5
|
+
import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
|
|
6
|
+
import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
|
|
7
|
+
import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
|
|
8
|
+
import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
|
|
9
|
+
import imgAvatar from '@patternfly/react-table/src/demos/assets/avatarImg.svg';
|
|
10
|
+
import pfLogo from '@patternfly/react-table/src/demos/assets/pf-logo.svg';
|
|
11
|
+
export const DashboardHeader = ({ notificationBadge }) => {
|
|
12
|
+
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
|
|
13
|
+
const [isKebabDropdownOpen, setIsKebabDropdownOpen] = useState(false);
|
|
14
|
+
const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = useState(false);
|
|
15
|
+
const kebabDropdownItems = (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(DropdownItem, null,
|
|
17
|
+
React.createElement(CogIcon, null),
|
|
18
|
+
" Settings"),
|
|
19
|
+
React.createElement(DropdownItem, null,
|
|
20
|
+
React.createElement(HelpIcon, null),
|
|
21
|
+
" Help")));
|
|
22
|
+
const userDropdownItems = (React.createElement(React.Fragment, null,
|
|
23
|
+
React.createElement(DropdownItem, { key: "group 2 profile" }, "My profile"),
|
|
24
|
+
React.createElement(DropdownItem, { key: "group 2 user" }, "User management"),
|
|
25
|
+
React.createElement(DropdownItem, { key: "group 2 logout" }, "Logout")));
|
|
26
|
+
const onDropdownToggle = () => {
|
|
27
|
+
setIsDropdownOpen(!isDropdownOpen);
|
|
28
|
+
};
|
|
29
|
+
const onDropdownSelect = () => {
|
|
30
|
+
setIsDropdownOpen(false);
|
|
31
|
+
};
|
|
32
|
+
const onKebabDropdownToggle = () => {
|
|
33
|
+
setIsKebabDropdownOpen(!isKebabDropdownOpen);
|
|
34
|
+
};
|
|
35
|
+
const onKebabDropdownSelect = () => {
|
|
36
|
+
setIsKebabDropdownOpen(false);
|
|
37
|
+
};
|
|
38
|
+
const onFullKebabToggle = () => {
|
|
39
|
+
setIsFullKebabDropdownOpen(!isFullKebabDropdownOpen);
|
|
40
|
+
};
|
|
41
|
+
const onFullKebabSelect = () => {
|
|
42
|
+
setIsFullKebabDropdownOpen(false);
|
|
43
|
+
};
|
|
44
|
+
return (React.createElement(Masthead, null,
|
|
45
|
+
React.createElement(MastheadToggle, null,
|
|
46
|
+
React.createElement(PageToggleButton, { variant: "plain", "aria-label": "Global navigation" },
|
|
47
|
+
React.createElement(BarsIcon, null))),
|
|
48
|
+
React.createElement(MastheadMain, null,
|
|
49
|
+
React.createElement(MastheadBrand, null,
|
|
50
|
+
React.createElement(Brand, { src: pfLogo, alt: "PatternFly", heights: { default: '36px' } }))),
|
|
51
|
+
React.createElement(MastheadContent, null,
|
|
52
|
+
React.createElement(Toolbar, { id: "toolbar", isFullHeight: true, isStatic: true },
|
|
53
|
+
React.createElement(ToolbarContent, null,
|
|
54
|
+
React.createElement(ToolbarGroup, { variant: "icon-button-group", align: { default: 'alignRight' }, spacer: { default: 'spacerNone', md: 'spacerMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (React.createElement(ToolbarItem, null,
|
|
55
|
+
React.createElement(Button, { "aria-label": "Notifications", variant: ButtonVariant.plain, icon: React.createElement(BellIcon, null), onClick: () => { } }))),
|
|
56
|
+
React.createElement(ToolbarGroup, { variant: "icon-button-group", visibility: { default: 'hidden', lg: 'visible' } },
|
|
57
|
+
React.createElement(ToolbarItem, null,
|
|
58
|
+
React.createElement(Button, { "aria-label": "Settings", variant: ButtonVariant.plain, icon: React.createElement(CogIcon, null) })),
|
|
59
|
+
React.createElement(ToolbarItem, null,
|
|
60
|
+
React.createElement(Button, { "aria-label": "Help", variant: ButtonVariant.plain, icon: React.createElement(QuestionCircleIcon, null) }))),
|
|
61
|
+
React.createElement(ToolbarItem, { visibility: { default: 'hidden', md: 'visible', lg: 'hidden' } },
|
|
62
|
+
React.createElement(Dropdown, { isOpen: isKebabDropdownOpen, onSelect: onKebabDropdownSelect, onOpenChange: setIsKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, isExpanded: isKebabDropdownOpen, onClick: onKebabDropdownToggle, variant: "plain", "aria-label": "Settings and help" },
|
|
63
|
+
React.createElement(EllipsisVIcon, { "aria-hidden": "true" }))) },
|
|
64
|
+
React.createElement(DropdownList, null, kebabDropdownItems))),
|
|
65
|
+
React.createElement(ToolbarItem, { visibility: { md: 'hidden' } },
|
|
66
|
+
React.createElement(Dropdown, { isOpen: isFullKebabDropdownOpen, onSelect: onFullKebabSelect, onOpenChange: setIsFullKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, isExpanded: isFullKebabDropdownOpen, onClick: onFullKebabToggle, variant: "plain", "aria-label": "Toolbar menu" },
|
|
67
|
+
React.createElement(EllipsisVIcon, { "aria-hidden": "true" }))) },
|
|
68
|
+
React.createElement(DropdownGroup, { key: "group 2", "aria-label": "User actions" },
|
|
69
|
+
React.createElement(DropdownList, null, userDropdownItems)),
|
|
70
|
+
React.createElement(Divider, null),
|
|
71
|
+
React.createElement(DropdownList, null, kebabDropdownItems)))),
|
|
72
|
+
React.createElement(ToolbarItem, { visibility: { default: 'hidden', md: 'visible' } },
|
|
73
|
+
React.createElement(Dropdown, { isOpen: isDropdownOpen, onSelect: onDropdownSelect, onOpenChange: setIsDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, isExpanded: isDropdownOpen, onClick: onDropdownToggle, icon: React.createElement(Avatar, { src: imgAvatar, alt: "" }), isFullHeight: true }, "Ned Username")) },
|
|
74
|
+
React.createElement(DropdownList, null, userDropdownItems))))))));
|
|
75
|
+
};
|
|
76
|
+
DashboardHeader.displayName = 'DashboardHeader';
|
|
77
|
+
//# sourceMappingURL=DashboardHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DashboardWrapperProps {
|
|
3
|
+
/** Programmatically manage if the sidebar nav is shown */
|
|
4
|
+
sidebarNavOpen?: boolean;
|
|
5
|
+
/** Flag to render sample breadcrumb if custom breadcrumb not passed */
|
|
6
|
+
hasDefaultBreadcrumb?: boolean;
|
|
7
|
+
/** Flag to render sample page title if custom title not passed */
|
|
8
|
+
hasPageTemplateTitle?: boolean;
|
|
9
|
+
/** Content rendered inside the main section of the page layout (e.g. <PageSection />) */
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/** Additional classes added to the page layout */
|
|
12
|
+
className?: string;
|
|
13
|
+
/** Header component (e.g. <Masthead />) */
|
|
14
|
+
header?: React.ReactNode;
|
|
15
|
+
/** Sidebar component for a side nav (e.g. <PageSidebar />) */
|
|
16
|
+
sidebar?: React.ReactNode;
|
|
17
|
+
/** Notification drawer component for an optional notification drawer (e.g. <NotificationDrawer />) */
|
|
18
|
+
notificationDrawer?: React.ReactNode;
|
|
19
|
+
/** Flag indicating Notification drawer in expanded */
|
|
20
|
+
isNotificationDrawerExpanded?: boolean;
|
|
21
|
+
/** Flag indicating if breadcrumb width should be limited */
|
|
22
|
+
isBreadcrumbWidthLimited?: boolean;
|
|
23
|
+
/** Callback when notification drawer panel is finished expanding. */
|
|
24
|
+
onNotificationDrawerExpand?: (event: KeyboardEvent | React.MouseEvent | React.TransitionEvent) => void;
|
|
25
|
+
/** Skip to content component for the page */
|
|
26
|
+
skipToContent?: React.ReactElement;
|
|
27
|
+
/** Sets the value for role on the <main> element */
|
|
28
|
+
role?: string;
|
|
29
|
+
/** an id to use for the [role="main"] element */
|
|
30
|
+
mainContainerId?: string;
|
|
31
|
+
/** tabIndex to use for the [role="main"] element, null to unset it */
|
|
32
|
+
mainTabIndex?: number | null;
|
|
33
|
+
/**
|
|
34
|
+
* If true, manages the sidebar open/close state and there is no need to pass the isSidebarOpen boolean into
|
|
35
|
+
* the sidebar component or add a callback onSidebarToggle function into the Masthead component
|
|
36
|
+
*/
|
|
37
|
+
isManagedSidebar?: boolean;
|
|
38
|
+
/** Flag indicating if tertiary nav width should be limited */
|
|
39
|
+
isTertiaryNavWidthLimited?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* If true, the managed sidebar is initially open for desktop view
|
|
42
|
+
*/
|
|
43
|
+
defaultManagedSidebarIsOpen?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Can add callback to be notified when resize occurs, for example to set the sidebar isSidebarOpen prop to false for a width < 768px
|
|
46
|
+
* Returns object { mobileView: boolean, windowSize: number }
|
|
47
|
+
*/
|
|
48
|
+
onPageResize?: ((event: MouseEvent | TouchEvent | React.KeyboardEvent, object: any) => void) | null;
|
|
49
|
+
/**
|
|
50
|
+
* The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
|
|
51
|
+
* You can override the default getBreakpoint function to return breakpoints at different sizes than the default
|
|
52
|
+
* You can view the default getBreakpoint function here:
|
|
53
|
+
* https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
|
|
54
|
+
*/
|
|
55
|
+
getBreakpoint?: (width: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
56
|
+
/**
|
|
57
|
+
* The page resize observer uses the breakpoints returned from this function when adding the pf-m-breakpoint-[default|sm|md|lg|xl|2xl] class
|
|
58
|
+
* You can override the default getVerticalBreakpoint function to return breakpoints at different sizes than the default
|
|
59
|
+
* You can view the default getVerticalBreakpoint function here:
|
|
60
|
+
* https://github.com/patternfly/patternfly-react/blob/main/packages/react-core/src/helpers/util.ts
|
|
61
|
+
*/
|
|
62
|
+
getVerticalBreakpoint?: (height: number | null) => 'default' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
63
|
+
/** Breadcrumb component for the page */
|
|
64
|
+
breadcrumb?: React.ReactNode;
|
|
65
|
+
/** Tertiary nav component for the page */
|
|
66
|
+
tertiaryNav?: React.ReactNode;
|
|
67
|
+
/** Accessible label, can be used to name main section */
|
|
68
|
+
mainAriaLabel?: string;
|
|
69
|
+
/** Flag indicating if the tertiaryNav should be in a group */
|
|
70
|
+
isTertiaryNavGrouped?: boolean;
|
|
71
|
+
/** Flag indicating if the breadcrumb should be in a group */
|
|
72
|
+
isBreadcrumbGrouped?: boolean;
|
|
73
|
+
/** Additional content of the group */
|
|
74
|
+
additionalGroupedContent?: React.ReactNode;
|
|
75
|
+
/** HTML component used as main component of the page. Defaults to 'main', only pass in 'div' if another 'main' element already exists. */
|
|
76
|
+
mainComponent?: 'main' | 'div';
|
|
77
|
+
/** Additional props of the group */
|
|
78
|
+
groupProps?: any;
|
|
79
|
+
/** Additional props of the breadcrumb */
|
|
80
|
+
breadcrumbProps?: any;
|
|
81
|
+
}
|
|
82
|
+
export declare const DashboardBreadcrumb: React.JSX.Element;
|
|
83
|
+
export declare const DashboardWrapper: React.FC<DashboardWrapperProps>;
|
|
84
|
+
export {};
|
|
85
|
+
//# sourceMappingURL=DashboardWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardWrapper.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,UAAU,qBAAqB;IAC7B,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sGAAsG;IACtG,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,sDAAsD;IACtD,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,4DAA4D;IAC5D,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,qEAAqE;IACrE,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,eAAe,KAAK,IAAI,CAAC;IACvG,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC,oDAAoD;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8DAA8D;IAC9D,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC,aAAa,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACpG;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACxF;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACjG,wCAAwC;IACxC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8DAA8D;IAC9D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,sCAAsC;IACtC,wBAAwB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3C,0IAA0I;IAC1I,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B,oCAAoC;IACpC,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,yCAAyC;IACzC,eAAe,CAAC,EAAE,GAAG,CAAC;CACvB;AAED,eAAO,MAAM,mBAAmB,mBAS/B,CAAC;AAWF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+E5D,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { __rest } from "tslib";
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { Breadcrumb, BreadcrumbItem, Nav, NavItem, NavList, Page, PageSection, PageSidebar, PageSidebarBody, SkipToContent, Text, TextContent } from '@patternfly/react-core';
|
|
4
|
+
import { DashboardHeader } from './DashboardHeader';
|
|
5
|
+
export const DashboardBreadcrumb = (React.createElement(Breadcrumb, null,
|
|
6
|
+
React.createElement(BreadcrumbItem, null, "Section home"),
|
|
7
|
+
React.createElement(BreadcrumbItem, { to: "#" }, "Section title"),
|
|
8
|
+
React.createElement(BreadcrumbItem, { to: "#" }, "Section title"),
|
|
9
|
+
React.createElement(BreadcrumbItem, { to: "#", isActive: true }, "Section landing")));
|
|
10
|
+
const PageTemplateTitle = (React.createElement(PageSection, null,
|
|
11
|
+
React.createElement(TextContent, null,
|
|
12
|
+
React.createElement(Text, { component: "h1" }, "Main title"),
|
|
13
|
+
React.createElement(Text, { component: "p" }, "This is a full page demo."))));
|
|
14
|
+
export const DashboardWrapper = (_a) => {
|
|
15
|
+
var { children, mainContainerId, breadcrumb, header, sidebar, sidebarNavOpen, onPageResize, hasDefaultBreadcrumb, notificationDrawer, isNotificationDrawerExpanded, hasPageTemplateTitle } = _a, pageProps = __rest(_a, ["children", "mainContainerId", "breadcrumb", "header", "sidebar", "sidebarNavOpen", "onPageResize", "hasDefaultBreadcrumb", "notificationDrawer", "isNotificationDrawerExpanded", "hasPageTemplateTitle"]);
|
|
16
|
+
const [activeItem, setActiveItem] = useState(1);
|
|
17
|
+
const onNavSelect = (_event, result) => {
|
|
18
|
+
setActiveItem(result.itemId);
|
|
19
|
+
};
|
|
20
|
+
let renderedBreadcrumb;
|
|
21
|
+
if (!hasDefaultBreadcrumb) {
|
|
22
|
+
renderedBreadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : DashboardBreadcrumb;
|
|
23
|
+
}
|
|
24
|
+
const PageNav = (React.createElement(Nav, { onSelect: onNavSelect, "aria-label": "Nav" },
|
|
25
|
+
React.createElement(NavList, null,
|
|
26
|
+
React.createElement(NavItem, { itemId: 0, isActive: activeItem === 0, to: "#system-panel" }, "System panel"),
|
|
27
|
+
React.createElement(NavItem, { itemId: 1, isActive: activeItem === 1, to: "#policy" }, "Policy"),
|
|
28
|
+
React.createElement(NavItem, { itemId: 2, isActive: activeItem === 2, to: "#auth" }, "Authentication"),
|
|
29
|
+
React.createElement(NavItem, { itemId: 3, isActive: activeItem === 3, to: "#network" }, "Network services"),
|
|
30
|
+
React.createElement(NavItem, { itemId: 4, isActive: activeItem === 4, to: "#server" }, "Server"))));
|
|
31
|
+
const _sidebar = (React.createElement(PageSidebar, { isSidebarOpen: sidebarNavOpen || false },
|
|
32
|
+
React.createElement(PageSidebarBody, null, PageNav)));
|
|
33
|
+
const PageSkipToContent = (React.createElement(SkipToContent, { href: `#${mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav'}` }, "Skip to content"));
|
|
34
|
+
return (React.createElement(Page, Object.assign({ header: header !== null && header !== void 0 ? header : React.createElement(DashboardHeader, null), sidebar: sidebar !== null && sidebar !== void 0 ? sidebar : _sidebar, isManagedSidebar: true, skipToContent: PageSkipToContent, breadcrumb: renderedBreadcrumb, mainContainerId: mainContainerId !== null && mainContainerId !== void 0 ? mainContainerId : 'main-content-page-layout-default-nav', notificationDrawer: notificationDrawer, isNotificationDrawerExpanded: isNotificationDrawerExpanded }, (typeof onPageResize === 'function' && {
|
|
35
|
+
onPageResize: (event, resizeObject) => onPageResize(event, resizeObject)
|
|
36
|
+
}), pageProps),
|
|
37
|
+
hasPageTemplateTitle && PageTemplateTitle,
|
|
38
|
+
children));
|
|
39
|
+
};
|
|
40
|
+
DashboardWrapper.displayName = 'DashboardWrapper';
|
|
41
|
+
//# sourceMappingURL=DashboardWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardWrapper.js","sourceRoot":"","sources":["../../../src/demos/DashboardWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
package/dist/esm/demos/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/demos/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface DashboardHeaderProps {
|
|
3
|
+
/** Render custom notification badge */
|
|
4
|
+
notificationBadge?: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const DashboardHeader: React.FC<DashboardHeaderProps>;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=DashboardHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardHeader.d.ts","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgCxC,UAAU,oBAAoB;IAC5B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+J1D,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DashboardHeader = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
+
const react_core_1 = require("@patternfly/react-core");
|
|
7
|
+
const bars_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bars-icon'));
|
|
8
|
+
const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
|
|
9
|
+
const help_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/help-icon'));
|
|
10
|
+
const question_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/question-circle-icon'));
|
|
11
|
+
const bell_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/bell-icon'));
|
|
12
|
+
const ellipsis_v_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/ellipsis-v-icon'));
|
|
13
|
+
const avatarImg_svg_1 = tslib_1.__importDefault(require("@patternfly/react-table/src/demos/assets/avatarImg.svg"));
|
|
14
|
+
const pf_logo_svg_1 = tslib_1.__importDefault(require("@patternfly/react-table/src/demos/assets/pf-logo.svg"));
|
|
15
|
+
const DashboardHeader = ({ notificationBadge }) => {
|
|
16
|
+
const [isDropdownOpen, setIsDropdownOpen] = (0, react_1.useState)(false);
|
|
17
|
+
const [isKebabDropdownOpen, setIsKebabDropdownOpen] = (0, react_1.useState)(false);
|
|
18
|
+
const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = (0, react_1.useState)(false);
|
|
19
|
+
const kebabDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
20
|
+
react_1.default.createElement(react_core_1.DropdownItem, null,
|
|
21
|
+
react_1.default.createElement(cog_icon_1.default, null),
|
|
22
|
+
" Settings"),
|
|
23
|
+
react_1.default.createElement(react_core_1.DropdownItem, null,
|
|
24
|
+
react_1.default.createElement(help_icon_1.default, null),
|
|
25
|
+
" Help")));
|
|
26
|
+
const userDropdownItems = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
+
react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 profile" }, "My profile"),
|
|
28
|
+
react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 user" }, "User management"),
|
|
29
|
+
react_1.default.createElement(react_core_1.DropdownItem, { key: "group 2 logout" }, "Logout")));
|
|
30
|
+
const onDropdownToggle = () => {
|
|
31
|
+
setIsDropdownOpen(!isDropdownOpen);
|
|
32
|
+
};
|
|
33
|
+
const onDropdownSelect = () => {
|
|
34
|
+
setIsDropdownOpen(false);
|
|
35
|
+
};
|
|
36
|
+
const onKebabDropdownToggle = () => {
|
|
37
|
+
setIsKebabDropdownOpen(!isKebabDropdownOpen);
|
|
38
|
+
};
|
|
39
|
+
const onKebabDropdownSelect = () => {
|
|
40
|
+
setIsKebabDropdownOpen(false);
|
|
41
|
+
};
|
|
42
|
+
const onFullKebabToggle = () => {
|
|
43
|
+
setIsFullKebabDropdownOpen(!isFullKebabDropdownOpen);
|
|
44
|
+
};
|
|
45
|
+
const onFullKebabSelect = () => {
|
|
46
|
+
setIsFullKebabDropdownOpen(false);
|
|
47
|
+
};
|
|
48
|
+
return (react_1.default.createElement(react_core_1.Masthead, null,
|
|
49
|
+
react_1.default.createElement(react_core_1.MastheadToggle, null,
|
|
50
|
+
react_1.default.createElement(react_core_1.PageToggleButton, { variant: "plain", "aria-label": "Global navigation" },
|
|
51
|
+
react_1.default.createElement(bars_icon_1.default, null))),
|
|
52
|
+
react_1.default.createElement(react_core_1.MastheadMain, null,
|
|
53
|
+
react_1.default.createElement(react_core_1.MastheadBrand, null,
|
|
54
|
+
react_1.default.createElement(react_core_1.Brand, { src: pf_logo_svg_1.default, alt: "PatternFly", heights: { default: '36px' } }))),
|
|
55
|
+
react_1.default.createElement(react_core_1.MastheadContent, null,
|
|
56
|
+
react_1.default.createElement(react_core_1.Toolbar, { id: "toolbar", isFullHeight: true, isStatic: true },
|
|
57
|
+
react_1.default.createElement(react_core_1.ToolbarContent, null,
|
|
58
|
+
react_1.default.createElement(react_core_1.ToolbarGroup, { variant: "icon-button-group", align: { default: 'alignRight' }, spacer: { default: 'spacerNone', md: 'spacerMd' } }, notificationBadge !== null && notificationBadge !== void 0 ? notificationBadge : (react_1.default.createElement(react_core_1.ToolbarItem, null,
|
|
59
|
+
react_1.default.createElement(react_core_1.Button, { "aria-label": "Notifications", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(bell_icon_1.default, null), onClick: () => { } }))),
|
|
60
|
+
react_1.default.createElement(react_core_1.ToolbarGroup, { variant: "icon-button-group", visibility: { default: 'hidden', lg: 'visible' } },
|
|
61
|
+
react_1.default.createElement(react_core_1.ToolbarItem, null,
|
|
62
|
+
react_1.default.createElement(react_core_1.Button, { "aria-label": "Settings", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(cog_icon_1.default, null) })),
|
|
63
|
+
react_1.default.createElement(react_core_1.ToolbarItem, null,
|
|
64
|
+
react_1.default.createElement(react_core_1.Button, { "aria-label": "Help", variant: react_core_1.ButtonVariant.plain, icon: react_1.default.createElement(question_circle_icon_1.default, null) }))),
|
|
65
|
+
react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible', lg: 'hidden' } },
|
|
66
|
+
react_1.default.createElement(react_core_1.Dropdown, { isOpen: isKebabDropdownOpen, onSelect: onKebabDropdownSelect, onOpenChange: setIsKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isKebabDropdownOpen, onClick: onKebabDropdownToggle, variant: "plain", "aria-label": "Settings and help" },
|
|
67
|
+
react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
|
|
68
|
+
react_1.default.createElement(react_core_1.DropdownList, null, kebabDropdownItems))),
|
|
69
|
+
react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { md: 'hidden' } },
|
|
70
|
+
react_1.default.createElement(react_core_1.Dropdown, { isOpen: isFullKebabDropdownOpen, onSelect: onFullKebabSelect, onOpenChange: setIsFullKebabDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isFullKebabDropdownOpen, onClick: onFullKebabToggle, variant: "plain", "aria-label": "Toolbar menu" },
|
|
71
|
+
react_1.default.createElement(ellipsis_v_icon_1.default, { "aria-hidden": "true" }))) },
|
|
72
|
+
react_1.default.createElement(react_core_1.DropdownGroup, { key: "group 2", "aria-label": "User actions" },
|
|
73
|
+
react_1.default.createElement(react_core_1.DropdownList, null, userDropdownItems)),
|
|
74
|
+
react_1.default.createElement(react_core_1.Divider, null),
|
|
75
|
+
react_1.default.createElement(react_core_1.DropdownList, null, kebabDropdownItems)))),
|
|
76
|
+
react_1.default.createElement(react_core_1.ToolbarItem, { visibility: { default: 'hidden', md: 'visible' } },
|
|
77
|
+
react_1.default.createElement(react_core_1.Dropdown, { isOpen: isDropdownOpen, onSelect: onDropdownSelect, onOpenChange: setIsDropdownOpen, popperProps: { position: 'right' }, toggle: (toggleRef) => (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, isExpanded: isDropdownOpen, onClick: onDropdownToggle, icon: react_1.default.createElement(react_core_1.Avatar, { src: avatarImg_svg_1.default, alt: "" }), isFullHeight: true }, "Ned Username")) },
|
|
78
|
+
react_1.default.createElement(react_core_1.DropdownList, null, userDropdownItems))))))));
|
|
79
|
+
};
|
|
80
|
+
exports.DashboardHeader = DashboardHeader;
|
|
81
|
+
exports.DashboardHeader.displayName = 'DashboardHeader';
|
|
82
|
+
//# sourceMappingURL=DashboardHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/demos/DashboardHeader.tsx"],"names":[],"mappings":"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"}
|