@splunk/react-ui 4.13.0 → 4.14.0

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 (109) hide show
  1. package/.storybook-visual/config/snapshotResolver.js +29 -0
  2. package/.storybook-visual/main.js +22 -0
  3. package/.storybook-visual/preview.jsx +31 -0
  4. package/.storybook-visual/scripts/test.sh +108 -0
  5. package/.storybook-visual/test-runner.js +108 -0
  6. package/Accordion.js +4 -4
  7. package/Anchor.js +2 -2
  8. package/Animation.js +6 -6
  9. package/AnimationToggle.js +2 -2
  10. package/Box.js +2 -2
  11. package/Button.js +28 -28
  12. package/ButtonGroup.js +2 -2
  13. package/ButtonSimple.js +2 -2
  14. package/CHANGELOG.md +16 -1
  15. package/Calendar.js +365 -70
  16. package/Card.js +30 -28
  17. package/CardLayout.js +2 -2
  18. package/Chip.js +10 -10
  19. package/Clickable.js +9 -9
  20. package/CloseButton.js +8 -8
  21. package/Code.js +4 -4
  22. package/CollapsiblePanel.js +15 -11
  23. package/Color.js +27 -27
  24. package/ColumnLayout.js +6 -6
  25. package/ComboBox.js +19 -19
  26. package/Concertina.js +6 -6
  27. package/ControlGroup.js +14 -13
  28. package/Date.js +118 -55
  29. package/DefinitionList.js +2 -2
  30. package/Divider.js +194 -0
  31. package/Dropdown.js +13 -13
  32. package/EventListener.js +4 -4
  33. package/File.js +16 -16
  34. package/FormRows.js +14 -14
  35. package/Heading.js +2 -2
  36. package/Image.js +12 -12
  37. package/JSONTree.js +2 -2
  38. package/Layer.js +85 -8
  39. package/Link.js +9 -9
  40. package/List.js +2 -2
  41. package/Markdown.js +18 -18
  42. package/Menu.js +32 -32
  43. package/Message.js +32 -32
  44. package/MessageBar.js +22 -22
  45. package/Modal.js +63 -37
  46. package/ModalLayer.js +11 -11
  47. package/Monogram.js +2 -2
  48. package/Multiselect.js +61 -61
  49. package/Number.js +8 -6
  50. package/Paginator.js +17 -17
  51. package/Paragraph.js +2 -2
  52. package/Popover.js +175 -17
  53. package/Progress.js +8 -8
  54. package/RadioBar.js +2 -2
  55. package/RadioList.js +4 -4
  56. package/Resize.js +4 -4
  57. package/ResultsMenu.js +20 -20
  58. package/ScreenReaderContent.js +2 -2
  59. package/Scroll.js +13 -13
  60. package/ScrollContainerContext.js +154 -3
  61. package/Search.js +28 -28
  62. package/Select.js +41 -41
  63. package/SidePanel.js +6 -6
  64. package/Slider.js +14 -14
  65. package/SlidingPanels.js +11 -11
  66. package/SplitButton.js +12 -12
  67. package/StaticContent.js +2 -2
  68. package/StepBar.js +10 -10
  69. package/Switch.js +8 -8
  70. package/TabBar.js +15 -15
  71. package/TabLayout.js +6 -6
  72. package/Table.js +249 -67
  73. package/Text.js +31 -30
  74. package/TextArea.js +31 -31
  75. package/Tooltip.js +17 -11
  76. package/TransitionOpen.js +39 -15
  77. package/Typography.js +4 -4
  78. package/WaitSpinner.js +4 -70
  79. package/package.json +10 -12
  80. package/test-runner-jest.config.js +18 -5
  81. package/types/src/Calendar/Calendar.d.ts +15 -2
  82. package/types/src/Calendar/DateTable.d.ts +7 -3
  83. package/types/src/Calendar/Day.d.ts +14 -5
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
  85. package/types/src/Date/Date.d.ts +17 -8
  86. package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
  87. package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
  88. package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
  89. package/types/src/Divider/Divider.d.ts +20 -0
  90. package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
  91. package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
  92. package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
  93. package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
  94. package/types/src/Divider/index.d.ts +1 -0
  95. package/types/src/Modal/Modal.d.ts +7 -3
  96. package/types/src/Modal/ModalContext.d.ts +1 -0
  97. package/types/src/Number/Number.d.ts +5 -1
  98. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
  99. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
  100. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
  101. package/types/src/Tooltip/Tooltip.d.ts +10 -5
  102. package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
  103. package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
  104. package/types/src/useKeyPress/index.d.ts +37 -0
  105. package/useForceUpdate.js +2 -2
  106. package/{useIsSsr.js → useKeyPress.js} +56 -49
  107. package/usePrevious.js +2 -2
  108. package/types/src/useIsSsr/index.d.ts +0 -2
  109. package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
package/Table.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 112);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 115);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ([
@@ -271,12 +271,6 @@ module.exports = require("@splunk/ui-utils/keyboard");
271
271
 
272
272
  /***/ }),
273
273
  /* 10 */
274
- /***/ (function(module, exports) {
275
-
276
- module.exports = require("@splunk/ui-utils/id");
277
-
278
- /***/ }),
279
- /* 11 */
280
274
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
281
275
 
282
276
  "use strict";
@@ -301,6 +295,12 @@ function updateReactRef(ref, current) {
301
295
 
302
296
 
303
297
 
298
+ /***/ }),
299
+ /* 11 */
300
+ /***/ (function(module, exports) {
301
+
302
+ module.exports = require("@splunk/ui-utils/id");
303
+
304
304
  /***/ }),
305
305
  /* 12 */,
306
306
  /* 13 */,
@@ -322,20 +322,94 @@ module.exports = require("@splunk/react-ui/EventListener");
322
322
  module.exports = require("@splunk/react-ui/Button");
323
323
 
324
324
  /***/ }),
325
- /* 17 */
325
+ /* 17 */,
326
+ /* 18 */
326
327
  /***/ (function(module, exports) {
327
328
 
328
329
  module.exports = require("@splunk/react-ui/Popover");
329
330
 
330
331
  /***/ }),
331
- /* 18 */
332
+ /* 19 */
333
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
334
+
335
+ "use strict";
336
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
337
+ /* unused harmony export ssrWindow */
338
+ /* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
339
+ /* eslint-disable @typescript-eslint/no-empty-function */
340
+
341
+ var ssrWindow = {
342
+ document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
343
+ navigator: {
344
+ userAgent: ''
345
+ },
346
+ location: {
347
+ hash: '',
348
+ host: '',
349
+ hostname: '',
350
+ href: '',
351
+ origin: '',
352
+ pathname: '',
353
+ protocol: '',
354
+ search: ''
355
+ },
356
+ history: {
357
+ replaceState: function replaceState() {},
358
+ pushState: function pushState() {},
359
+ go: function go() {},
360
+ back: function back() {}
361
+ },
362
+ CustomEvent: function CustomEvent() {
363
+ return this;
364
+ },
365
+ addEventListener: function addEventListener() {},
366
+ removeEventListener: function removeEventListener() {},
367
+ getComputedStyle: function getComputedStyle() {
368
+ return {
369
+ getPropertyValue: function getPropertyValue() {
370
+ return '';
371
+ }
372
+ };
373
+ },
374
+ Image: function Image() {},
375
+ Date: function Date() {},
376
+ screen: {},
377
+ setTimeout: function setTimeout() {},
378
+ clearTimeout: function clearTimeout() {},
379
+ matchMedia: function matchMedia() {
380
+ return {};
381
+ },
382
+ requestAnimationFrame: function requestAnimationFrame(callback) {
383
+ if (typeof setTimeout === 'undefined') {
384
+ callback();
385
+ return null;
386
+ }
387
+
388
+ return setTimeout(callback, 0);
389
+ },
390
+ cancelAnimationFrame: function cancelAnimationFrame(id) {
391
+ if (typeof setTimeout === 'undefined') {
392
+ return;
393
+ }
394
+
395
+ clearTimeout(id);
396
+ }
397
+ };
398
+
399
+ function getWindow() {
400
+ var win = typeof window !== 'undefined' ? window : ssrWindow;
401
+ return win;
402
+ }
403
+
404
+
405
+
406
+ /***/ }),
407
+ /* 20 */
332
408
  /***/ (function(module, exports) {
333
409
 
334
410
  module.exports = require("@splunk/react-ui/Dropdown");
335
411
 
336
412
  /***/ }),
337
- /* 19 */,
338
- /* 20 */,
339
413
  /* 21 */,
340
414
  /* 22 */,
341
415
  /* 23 */,
@@ -345,11 +419,82 @@ module.exports = require("@splunk/react-ui/Dropdown");
345
419
  /* 27 */
346
420
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
347
421
 
422
+ "use strict";
423
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
424
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
425
+ /* eslint-disable @typescript-eslint/no-empty-function */
426
+ var ssrDocument = {
427
+ body: {
428
+ appendChild: function appendChild() {
429
+ return [];
430
+ }
431
+ },
432
+ addEventListener: function addEventListener() {},
433
+ removeEventListener: function removeEventListener() {},
434
+ activeElement: {
435
+ blur: function blur() {},
436
+ nodeName: ''
437
+ },
438
+ querySelector: function querySelector() {
439
+ return null;
440
+ },
441
+ querySelectorAll: function querySelectorAll() {
442
+ return [];
443
+ },
444
+ getElementById: function getElementById() {
445
+ return null;
446
+ },
447
+ createEvent: function createEvent() {
448
+ return {
449
+ initEvent: function initEvent() {}
450
+ };
451
+ },
452
+ createElement: function createElement() {
453
+ return {
454
+ children: [],
455
+ childNodes: [],
456
+ style: {},
457
+ setAttribute: function setAttribute() {},
458
+ getElementsByTagName: function getElementsByTagName() {
459
+ return [];
460
+ }
461
+ };
462
+ },
463
+ createElementNS: function createElementNS() {
464
+ return {};
465
+ },
466
+ importNode: function importNode() {
467
+ return null;
468
+ },
469
+ location: {
470
+ hash: '',
471
+ host: '',
472
+ hostname: '',
473
+ href: '',
474
+ origin: '',
475
+ pathname: '',
476
+ protocol: '',
477
+ search: ''
478
+ }
479
+ };
480
+
481
+ function getDocument() {
482
+ var doc = typeof document !== 'undefined' ? document : ssrDocument;
483
+ return doc;
484
+ }
485
+
486
+
487
+
488
+ /***/ }),
489
+ /* 28 */,
490
+ /* 29 */
491
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
492
+
348
493
  "use strict";
349
494
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
350
495
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
351
496
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
352
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
497
+ /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
353
498
  /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
354
499
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
355
500
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -391,34 +536,34 @@ function ChevronRight(props) {
391
536
  }
392
537
 
393
538
  /***/ }),
394
- /* 28 */,
395
- /* 29 */,
396
539
  /* 30 */,
397
540
  /* 31 */,
398
541
  /* 32 */,
399
- /* 33 */
542
+ /* 33 */,
543
+ /* 34 */,
544
+ /* 35 */
400
545
  /***/ (function(module, exports) {
401
546
 
402
547
  module.exports = require("@splunk/react-icons/ChevronRight");
403
548
 
404
549
  /***/ }),
405
- /* 34 */,
406
- /* 35 */,
407
550
  /* 36 */,
408
- /* 37 */
551
+ /* 37 */,
552
+ /* 38 */,
553
+ /* 39 */
409
554
  /***/ (function(module, exports) {
410
555
 
411
556
  module.exports = require("@splunk/react-ui/ScrollContainerContext");
412
557
 
413
558
  /***/ }),
414
- /* 38 */
559
+ /* 40 */
415
560
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
416
561
 
417
562
  "use strict";
418
563
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
419
564
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
420
565
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
421
- /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(39);
566
+ /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41);
422
567
  /* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
423
568
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
424
569
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -448,14 +593,12 @@ function CaretDown(props) {
448
593
  }
449
594
 
450
595
  /***/ }),
451
- /* 39 */
596
+ /* 41 */
452
597
  /***/ (function(module, exports) {
453
598
 
454
599
  module.exports = require("@splunk/react-icons/Caret");
455
600
 
456
601
  /***/ }),
457
- /* 40 */,
458
- /* 41 */,
459
602
  /* 42 */,
460
603
  /* 43 */,
461
604
  /* 44 */,
@@ -463,23 +606,25 @@ module.exports = require("@splunk/react-icons/Caret");
463
606
  /* 46 */,
464
607
  /* 47 */,
465
608
  /* 48 */,
466
- /* 49 */
609
+ /* 49 */,
610
+ /* 50 */,
611
+ /* 51 */
467
612
  /***/ (function(module, exports) {
468
613
 
469
614
  module.exports = require("@splunk/react-icons/ChevronDown");
470
615
 
471
616
  /***/ }),
472
- /* 50 */
617
+ /* 52 */
473
618
  /***/ (function(module, exports) {
474
619
 
475
620
  module.exports = require("@splunk/react-ui/Tooltip");
476
621
 
477
622
  /***/ }),
478
- /* 51 */,
479
- /* 52 */,
480
623
  /* 53 */,
481
624
  /* 54 */,
482
- /* 55 */
625
+ /* 55 */,
626
+ /* 56 */,
627
+ /* 57 */
483
628
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
484
629
 
485
630
  "use strict";
@@ -502,21 +647,21 @@ function assertDefined(val, msg) {
502
647
 
503
648
 
504
649
  /***/ }),
505
- /* 56 */,
506
- /* 57 */,
507
650
  /* 58 */,
508
651
  /* 59 */,
509
652
  /* 60 */,
510
653
  /* 61 */,
511
654
  /* 62 */,
512
- /* 63 */
655
+ /* 63 */,
656
+ /* 64 */,
657
+ /* 65 */
513
658
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
514
659
 
515
660
  "use strict";
516
661
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
517
662
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
518
663
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
519
- /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64);
664
+ /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(66);
520
665
  /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
521
666
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
522
667
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -546,20 +691,20 @@ function MoreVertical(props) {
546
691
  }
547
692
 
548
693
  /***/ }),
549
- /* 64 */
694
+ /* 66 */
550
695
  /***/ (function(module, exports) {
551
696
 
552
697
  module.exports = require("@splunk/react-icons/MoreVertical");
553
698
 
554
699
  /***/ }),
555
- /* 65 */
700
+ /* 67 */
556
701
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
557
702
 
558
703
  "use strict";
559
704
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
560
705
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
561
706
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
562
- /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
707
+ /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(51);
563
708
  /* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
564
709
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
565
710
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -601,18 +746,16 @@ function ChevronDown(props) {
601
746
  }
602
747
 
603
748
  /***/ }),
604
- /* 66 */,
605
- /* 67 */,
606
749
  /* 68 */,
607
750
  /* 69 */,
608
- /* 70 */
751
+ /* 70 */,
752
+ /* 71 */,
753
+ /* 72 */
609
754
  /***/ (function(module, exports) {
610
755
 
611
756
  module.exports = require("@splunk/react-ui/Switch");
612
757
 
613
758
  /***/ }),
614
- /* 71 */,
615
- /* 72 */,
616
759
  /* 73 */,
617
760
  /* 74 */,
618
761
  /* 75 */,
@@ -645,39 +788,42 @@ module.exports = require("@splunk/react-ui/Switch");
645
788
  /* 102 */,
646
789
  /* 103 */,
647
790
  /* 104 */,
648
- /* 105 */
791
+ /* 105 */,
792
+ /* 106 */,
793
+ /* 107 */
649
794
  /***/ (function(module, exports) {
650
795
 
651
796
  module.exports = require("react-resize-detector");
652
797
 
653
798
  /***/ }),
654
- /* 106 */
799
+ /* 108 */
655
800
  /***/ (function(module, exports) {
656
801
 
657
802
  module.exports = require("@splunk/react-icons/SortedDown");
658
803
 
659
804
  /***/ }),
660
- /* 107 */
805
+ /* 109 */
661
806
  /***/ (function(module, exports) {
662
807
 
663
808
  module.exports = require("@splunk/react-icons/SortedUp");
664
809
 
665
810
  /***/ }),
666
- /* 108 */
811
+ /* 110 */
667
812
  /***/ (function(module, exports) {
668
813
 
669
814
  module.exports = require("@splunk/react-icons/Sort");
670
815
 
671
816
  /***/ }),
672
- /* 109 */
817
+ /* 111 */
673
818
  /***/ (function(module, exports) {
674
819
 
675
820
  module.exports = require("@splunk/react-icons/Info");
676
821
 
677
822
  /***/ }),
678
- /* 110 */,
679
- /* 111 */,
680
- /* 112 */
823
+ /* 112 */,
824
+ /* 113 */,
825
+ /* 114 */,
826
+ /* 115 */
681
827
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
682
828
 
683
829
  "use strict";
@@ -706,7 +852,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
706
852
  var external_lodash_ = __webpack_require__(4);
707
853
 
708
854
  // EXTERNAL MODULE: external "react-resize-detector"
709
- var external_react_resize_detector_ = __webpack_require__(105);
855
+ var external_react_resize_detector_ = __webpack_require__(107);
710
856
  var external_react_resize_detector_default = /*#__PURE__*/__webpack_require__.n(external_react_resize_detector_);
711
857
 
712
858
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
@@ -717,7 +863,7 @@ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
717
863
  var keyboard_ = __webpack_require__(9);
718
864
 
719
865
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
720
- var ScrollContainerContext_ = __webpack_require__(37);
866
+ var ScrollContainerContext_ = __webpack_require__(39);
721
867
 
722
868
  // EXTERNAL MODULE: external "styled-components"
723
869
  var external_styled_components_ = __webpack_require__(3);
@@ -735,7 +881,10 @@ var Styled = external_styled_components_default.a.tbody.withConfig({
735
881
  })(["", " z-index:0;"], themes_["mixins"].reset('table-row-group'));
736
882
 
737
883
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
738
- var updateReactRef = __webpack_require__(11);
884
+ var updateReactRef = __webpack_require__(10);
885
+
886
+ // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
887
+ var ssrWindow = __webpack_require__(19);
739
888
 
740
889
  // CONCATENATED MODULE: ./src/Table/Body.tsx
741
890
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
@@ -773,6 +922,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
773
922
 
774
923
 
775
924
 
925
+
776
926
  var propTypes = {
777
927
  /** @private. Generally passed by Table rather than added directly. */
778
928
  actions: external_prop_types_default.a.bool,
@@ -821,6 +971,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
821
971
  _defineProperty(_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragDataId) {
822
972
  var _this$el, _this$el$parentElemen, _this$el$parentElemen2, _this$el2;
823
973
 
974
+ var window = Object(ssrWindow["a" /* getWindow */])();
824
975
  _this.rect = (_this$el = _this.el) === null || _this$el === void 0 ? void 0 : (_this$el$parentElemen = _this$el.parentElement) === null || _this$el$parentElemen === void 0 ? void 0 : (_this$el$parentElemen2 = _this$el$parentElemen.parentElement) === null || _this$el$parentElemen2 === void 0 ? void 0 : _this$el$parentElemen2.getBoundingClientRect();
825
976
  _this.rowHeight = (_this$el2 = _this.el) === null || _this$el2 === void 0 ? void 0 : _this$el2.children[0].getBoundingClientRect().height;
826
977
 
@@ -1011,6 +1162,7 @@ var Body_Body = /*#__PURE__*/function (_Component) {
1011
1162
  }, {
1012
1163
  key: "cleanupDrag",
1013
1164
  value: function cleanupDrag() {
1165
+ var window = Object(ssrWindow["a" /* getWindow */])();
1014
1166
  window.removeEventListener('dragenter', this.handleDragEnter);
1015
1167
  window.removeEventListener('dragover', this.handleDragOver);
1016
1168
  window.removeEventListener('drop', this.handleDrop);
@@ -1410,7 +1562,7 @@ Cell_defineProperty(Cell_Cell, "defaultProps", Cell_defaultProps);
1410
1562
  var i18n_ = __webpack_require__(5);
1411
1563
 
1412
1564
  // EXTERNAL MODULE: external "@splunk/react-icons/SortedDown"
1413
- var SortedDown_ = __webpack_require__(106);
1565
+ var SortedDown_ = __webpack_require__(108);
1414
1566
  var SortedDown_default = /*#__PURE__*/__webpack_require__.n(SortedDown_);
1415
1567
 
1416
1568
  // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -1457,7 +1609,7 @@ function SortedDown(props) {
1457
1609
  }, props));
1458
1610
  }
1459
1611
  // EXTERNAL MODULE: external "@splunk/react-icons/SortedUp"
1460
- var SortedUp_ = __webpack_require__(107);
1612
+ var SortedUp_ = __webpack_require__(109);
1461
1613
  var SortedUp_default = /*#__PURE__*/__webpack_require__.n(SortedUp_);
1462
1614
 
1463
1615
  // CONCATENATED MODULE: ./src/icons/SortedUp.tsx
@@ -1498,7 +1650,7 @@ function SortedUp(props) {
1498
1650
  }, props));
1499
1651
  }
1500
1652
  // EXTERNAL MODULE: external "@splunk/react-icons/Sort"
1501
- var Sort_ = __webpack_require__(108);
1653
+ var Sort_ = __webpack_require__(110);
1502
1654
  var Sort_default = /*#__PURE__*/__webpack_require__.n(Sort_);
1503
1655
 
1504
1656
  // CONCATENATED MODULE: ./src/icons/Sort.tsx
@@ -1539,7 +1691,7 @@ function CaretDown(props) {
1539
1691
  }, props));
1540
1692
  }
1541
1693
  // EXTERNAL MODULE: ./src/icons/CaretDown.tsx
1542
- var icons_CaretDown = __webpack_require__(38);
1694
+ var icons_CaretDown = __webpack_require__(40);
1543
1695
 
1544
1696
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
1545
1697
  var ScreenReaderContent_ = __webpack_require__(14);
@@ -1867,6 +2019,9 @@ function DragHandle(_ref) {
1867
2019
 
1868
2020
  DragHandle.propTypes = DragHandle_propTypes;
1869
2021
  /* harmony default export */ var Table_DragHandle = (DragHandle);
2022
+ // EXTERNAL MODULE: ./src/utils/ssrDocument.ts
2023
+ var ssrDocument = __webpack_require__(27);
2024
+
1870
2025
  // CONCATENATED MODULE: ./src/Table/HeadInner.tsx
1871
2026
  function HeadInner_extends() { HeadInner_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return HeadInner_extends.apply(this, arguments); }
1872
2027
 
@@ -1906,6 +2061,8 @@ function HeadInner_objectWithoutPropertiesLoose(source, excluded) { if (source =
1906
2061
 
1907
2062
 
1908
2063
 
2064
+
2065
+
1909
2066
  var HeadInner_propTypes = {
1910
2067
  align: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
1911
2068
  columnId: external_prop_types_default.a.any,
@@ -2088,6 +2245,7 @@ function HeadInner(_ref) {
2088
2245
  var handleDragStart = function handleDragStart(e) {
2089
2246
  var _el$textContent;
2090
2247
 
2248
+ var document = Object(ssrDocument["a" /* getDocument */])();
2091
2249
  var el = ref.current;
2092
2250
 
2093
2251
  if (e.dataTransfer.setDragImage && (el === null || el === void 0 ? void 0 : el.parentElement)) {
@@ -2125,6 +2283,7 @@ function HeadInner(_ref) {
2125
2283
  };
2126
2284
 
2127
2285
  var draggable = !!onDragStart;
2286
+ var window = Object(ssrWindow["a" /* getWindow */])();
2128
2287
  return /*#__PURE__*/external_react_default.a.createElement(HeadInnerStyles_Styled, HeadInner_extends({
2129
2288
  draggable: draggable || undefined,
2130
2289
  onDragStart: draggable ? handleDragStart : undefined,
@@ -2476,11 +2635,11 @@ HeadCell_defineProperty(HeadCell_HeadCell, "contextType", Table_TableContext);
2476
2635
 
2477
2636
  /* harmony default export */ var Table_HeadCell = (HeadCell_HeadCell);
2478
2637
  // EXTERNAL MODULE: external "@splunk/react-icons/Info"
2479
- var Info_ = __webpack_require__(109);
2638
+ var Info_ = __webpack_require__(111);
2480
2639
  var Info_default = /*#__PURE__*/__webpack_require__.n(Info_);
2481
2640
 
2482
2641
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
2483
- var ChevronRight = __webpack_require__(27);
2642
+ var ChevronRight = __webpack_require__(29);
2484
2643
 
2485
2644
  // CONCATENATED MODULE: ./src/Table/HeadExpandRowsIcon.tsx
2486
2645
 
@@ -2508,18 +2667,18 @@ var Button_ = __webpack_require__(16);
2508
2667
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
2509
2668
 
2510
2669
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
2511
- var Dropdown_ = __webpack_require__(18);
2670
+ var Dropdown_ = __webpack_require__(20);
2512
2671
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
2513
2672
 
2514
2673
  // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
2515
- var Tooltip_ = __webpack_require__(50);
2674
+ var Tooltip_ = __webpack_require__(52);
2516
2675
  var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
2517
2676
 
2518
2677
  // EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
2519
- var ChevronDown = __webpack_require__(65);
2678
+ var ChevronDown = __webpack_require__(67);
2520
2679
 
2521
2680
  // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
2522
- var MoreVertical = __webpack_require__(63);
2681
+ var MoreVertical = __webpack_require__(65);
2523
2682
 
2524
2683
  // CONCATENATED MODULE: ./src/Table/RowDragCell.tsx
2525
2684
  function RowDragCell_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { RowDragCell_typeof = function _typeof(obj) { return typeof obj; }; } else { RowDragCell_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return RowDragCell_typeof(obj); }
@@ -2552,6 +2711,7 @@ function RowDragCell_defineProperty(obj, key, value) { if (key in obj) { Object.
2552
2711
 
2553
2712
 
2554
2713
 
2714
+
2555
2715
  var RowDragCell_propTypes = {
2556
2716
  activeElementId: external_prop_types_default.a.string,
2557
2717
  dataId: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.number]),
@@ -2590,6 +2750,7 @@ var RowDragCell_RowDragCell = /*#__PURE__*/function (_Component) {
2590
2750
  RowDragCell_defineProperty(RowDragCell_assertThisInitialized(_this), "handleDragStart", function (e) {
2591
2751
  var _this$el, _this$el$textContent, _this$el2, _this$props$onDragSta, _this$props;
2592
2752
 
2753
+ var document = Object(ssrDocument["a" /* getDocument */])();
2593
2754
  e.stopPropagation();
2594
2755
 
2595
2756
  if (e.dataTransfer.setDragImage && ((_this$el = _this.el) === null || _this$el === void 0 ? void 0 : _this$el.parentElement)) {
@@ -2801,7 +2962,7 @@ var StyledCellExpansionDisabled = external_styled_components_default()(Table_Cel
2801
2962
  }));
2802
2963
 
2803
2964
  // EXTERNAL MODULE: external "@splunk/react-ui/Switch"
2804
- var Switch_ = __webpack_require__(70);
2965
+ var Switch_ = __webpack_require__(72);
2805
2966
  var Switch_default = /*#__PURE__*/__webpack_require__.n(Switch_);
2806
2967
 
2807
2968
  // CONCATENATED MODULE: ./src/Table/ToggleStyles.ts
@@ -3307,6 +3468,7 @@ function Head_defineProperty(obj, key, value) { if (key in obj) { Object.defineP
3307
3468
 
3308
3469
 
3309
3470
 
3471
+
3310
3472
  var Head_propTypes = {
3311
3473
  /** @private. */
3312
3474
  actions: external_prop_types_default.a.arrayOf(external_prop_types_default.a.node),
@@ -3395,6 +3557,8 @@ var Head_Head = /*#__PURE__*/function (_Component) {
3395
3557
  Head_defineProperty(Head_assertThisInitialized(_this), "handleDragStart", function (dragIndex, dragColumnId) {
3396
3558
  var _this$props$onDragSta, _this$props2;
3397
3559
 
3560
+ var window = Object(ssrWindow["a" /* getWindow */])();
3561
+
3398
3562
  _this.setState({
3399
3563
  dragColumnId: dragColumnId
3400
3564
  });
@@ -3452,6 +3616,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
3452
3616
  value: function getCellWidths() {
3453
3617
  var _this$el$firstElement, _this$el, _this$el$firstElement2;
3454
3618
 
3619
+ var window = Object(ssrWindow["a" /* getWindow */])();
3455
3620
  var headRowCells = Array.from((_this$el$firstElement = (_this$el = this.el) === null || _this$el === void 0 ? void 0 : (_this$el$firstElement2 = _this$el.firstElementChild) === null || _this$el$firstElement2 === void 0 ? void 0 : _this$el$firstElement2.children) !== null && _this$el$firstElement !== void 0 ? _this$el$firstElement : []);
3456
3621
  var result = headRowCells.map(function (el) {
3457
3622
  var computedStyle = window.getComputedStyle(el);
@@ -3508,6 +3673,7 @@ var Head_Head = /*#__PURE__*/function (_Component) {
3508
3673
  }, {
3509
3674
  key: "cleanupDrag",
3510
3675
  value: function cleanupDrag() {
3676
+ var window = Object(ssrWindow["a" /* getWindow */])();
3511
3677
  window.removeEventListener('dragend', this.handleDragEnd);
3512
3678
  this.cells = undefined;
3513
3679
  }
@@ -3631,10 +3797,10 @@ Head_defineProperty(Head_Head, "defaultProps", Head_defaultProps);
3631
3797
 
3632
3798
  /* harmony default export */ var Table_Head = (Head_Head);
3633
3799
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
3634
- var id_ = __webpack_require__(10);
3800
+ var id_ = __webpack_require__(11);
3635
3801
 
3636
3802
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
3637
- var Popover_ = __webpack_require__(17);
3803
+ var Popover_ = __webpack_require__(18);
3638
3804
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
3639
3805
 
3640
3806
  // CONCATENATED MODULE: ./src/Table/HeadDropdownCell.tsx
@@ -4276,7 +4442,7 @@ HeadTable_defineProperty(HeadTable_HeadTable, "defaultProps", HeadTable_defaultP
4276
4442
 
4277
4443
  /* harmony default export */ var Table_HeadTable = (HeadTable_HeadTable);
4278
4444
  // EXTERNAL MODULE: ./src/utils/types.ts
4279
- var types = __webpack_require__(55);
4445
+ var types = __webpack_require__(57);
4280
4446
 
4281
4447
  // CONCATENATED MODULE: ./src/Table/Table.tsx
4282
4448
  function Table_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Table_typeof = function _typeof(obj) { return typeof obj; }; } else { Table_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Table_typeof(obj); }
@@ -4337,6 +4503,8 @@ function Table_defineProperty(obj, key, value) { if (key in obj) { Object.define
4337
4503
 
4338
4504
 
4339
4505
 
4506
+
4507
+
4340
4508
  /** @public */
4341
4509
 
4342
4510
  var Table_propTypes = {
@@ -4388,6 +4556,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4388
4556
  value: function getHeadFocusState(head) {
4389
4557
  var _head$getEl, _head$getEl2;
4390
4558
 
4559
+ var document = Object(ssrDocument["a" /* getDocument */])();
4560
+
4391
4561
  if (head === undefined || head === null) {
4392
4562
  return undefined;
4393
4563
  }
@@ -4417,6 +4587,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4417
4587
  }, {
4418
4588
  key: "getOffset",
4419
4589
  value: function getOffset(el) {
4590
+ var window = Object(ssrWindow["a" /* getWindow */])();
4420
4591
  var rect = el.getBoundingClientRect();
4421
4592
  return {
4422
4593
  top: rect.top + window.pageYOffset,
@@ -4486,6 +4657,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4486
4657
  Table_defineProperty(Table_assertThisInitialized(_this), "tableContainer", null);
4487
4658
 
4488
4659
  Table_defineProperty(Table_assertThisInitialized(_this), "updateDockedHeadState", function () {
4660
+ var window = Object(ssrWindow["a" /* getWindow */])();
4661
+
4489
4662
  if (_this.isInline()) {
4490
4663
  return;
4491
4664
  }
@@ -4548,6 +4721,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4548
4721
 
4549
4722
  Table_defineProperty(Table_assertThisInitialized(_this), "handleDragStart", function (_ref2) {
4550
4723
  var dragIndex = _ref2.dragIndex;
4724
+ var window = Object(ssrWindow["a" /* getWindow */])();
4551
4725
 
4552
4726
  _this.setState({
4553
4727
  dragIndex: dragIndex
@@ -4636,6 +4810,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4636
4810
 
4637
4811
  var index = _ref3.index,
4638
4812
  columnId = _ref3.columnId;
4813
+ var document = Object(ssrDocument["a" /* getDocument */])();
4639
4814
 
4640
4815
  if (index === undefined) {
4641
4816
  return;
@@ -4775,6 +4950,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4775
4950
  }, {
4776
4951
  key: "showDockedHeader",
4777
4952
  value: function showDockedHeader() {
4953
+ var window = Object(ssrWindow["a" /* getWindow */])();
4954
+
4778
4955
  if (!this.headerIsDocked() || !this.table || !this.head || !this.tableContainer) {
4779
4956
  return false;
4780
4957
  }
@@ -4786,6 +4963,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4786
4963
  }, {
4787
4964
  key: "showDockedScrollBar",
4788
4965
  value: function showDockedScrollBar() {
4966
+ var window = Object(ssrWindow["a" /* getWindow */])();
4967
+
4789
4968
  if (!this.props.dockScrollBar || !this.table || !this.tableContainer) {
4790
4969
  return false;
4791
4970
  }
@@ -4803,6 +4982,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4803
4982
  }, {
4804
4983
  key: "cleanupDrag",
4805
4984
  value: function cleanupDrag() {
4985
+ var window = Object(ssrWindow["a" /* getWindow */])();
4806
4986
  window.removeEventListener('dragenter', this.handleDragEnter);
4807
4987
  window.removeEventListener('dragover', this.handleDragOver);
4808
4988
  window.removeEventListener('drop', this.handleDrop);
@@ -4856,6 +5036,8 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4856
5036
  value: function renderDockedScrollbar() {
4857
5037
  var _this2 = this;
4858
5038
 
5039
+ var window = Object(ssrWindow["a" /* getWindow */])();
5040
+
4859
5041
  if (!this.showDockedScrollBar()) {
4860
5042
  return false;
4861
5043
  }
@@ -4942,7 +5124,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4942
5124
  );
4943
5125
  });
4944
5126
  tHead = /*#__PURE__*/Object(external_react_["cloneElement"])(tHead, {}, headCells);
4945
- var defaultScrollContainer = this.context || window;
5127
+ var defaultScrollContainer = this.context || Object(ssrWindow["a" /* getWindow */])();
4946
5128
  var scrollContainer = this.isFixed() ? this.tableContainer : defaultScrollContainer;
4947
5129
 
4948
5130
  if (resizableFillLayout) {
@@ -4955,7 +5137,7 @@ var Table_Table = /*#__PURE__*/function (_Component) {
4955
5137
  style: outerStyle,
4956
5138
  "data-test-row-selection": onRequestToggleAllRows ? rowSelection : undefined
4957
5139
  }, Object(external_lodash_["omit"])(this.props, [].concat(Table_toConsumableArray(Object.keys(Table.propTypes)), ['style']))), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
4958
- target: window,
5140
+ target: Object(ssrWindow["a" /* getWindow */])(),
4959
5141
  eventType: "scroll",
4960
5142
  listener: this.handleScroll,
4961
5143
  options: {