@splunk/react-ui 4.12.1 → 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 (122) 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 +23 -23
  12. package/ButtonGroup.js +2 -2
  13. package/ButtonSimple.js +7 -7
  14. package/CHANGELOG.md +33 -0
  15. package/Calendar.js +390 -95
  16. package/Card.js +25 -23
  17. package/CardLayout.js +2 -2
  18. package/Chip.js +17 -17
  19. package/Clickable.js +4 -4
  20. package/CloseButton.js +15 -15
  21. package/Code.js +4 -4
  22. package/CollapsiblePanel.js +15 -11
  23. package/Color.js +26 -26
  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 +17 -13
  32. package/EventListener.js +4 -4
  33. package/File.js +23 -23
  34. package/FormRows.js +14 -14
  35. package/Heading.js +2 -2
  36. package/Image.js +19 -19
  37. package/JSONTree.js +2 -2
  38. package/Layer.js +85 -8
  39. package/Link.js +4 -4
  40. package/List.js +2 -2
  41. package/Markdown.js +18 -18
  42. package/Menu.js +51 -52
  43. package/Message.js +39 -39
  44. package/MessageBar.js +29 -29
  45. package/Modal.js +63 -37
  46. package/ModalLayer.js +11 -11
  47. package/Monogram.js +2 -2
  48. package/Multiselect.js +134 -125
  49. package/Number.js +8 -6
  50. package/Paginator.js +48 -48
  51. package/Paragraph.js +2 -2
  52. package/Popover.js +186 -19
  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 +25 -25
  62. package/Select.js +114 -105
  63. package/SidePanel.js +6 -6
  64. package/Slider.js +14 -14
  65. package/SlidingPanels.js +11 -11
  66. package/SplitButton.js +511 -0
  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 +275 -76
  73. package/Text.js +51 -42
  74. package/TextArea.js +41 -33
  75. package/Tooltip.js +17 -11
  76. package/TransitionOpen.js +39 -15
  77. package/Typography.js +4 -4
  78. package/WaitSpinner.js +4 -4
  79. package/package.json +12 -14
  80. package/test-runner-jest.config.js +18 -5
  81. package/types/src/Button/Button.d.ts +1 -1
  82. package/types/src/Calendar/Calendar.d.ts +15 -2
  83. package/types/src/Calendar/DateTable.d.ts +7 -3
  84. package/types/src/Calendar/Day.d.ts +14 -5
  85. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
  86. package/types/src/Date/Date.d.ts +17 -8
  87. package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
  88. package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
  89. package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
  90. package/types/src/Divider/Divider.d.ts +20 -0
  91. package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
  92. package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
  93. package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
  94. package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
  95. package/types/src/Divider/index.d.ts +1 -0
  96. package/types/src/Dropdown/Dropdown.d.ts +11 -3
  97. package/types/src/Modal/Modal.d.ts +7 -3
  98. package/types/src/Modal/ModalContext.d.ts +1 -0
  99. package/types/src/Number/Number.d.ts +5 -1
  100. package/types/src/Popover/Popover.d.ts +5 -1
  101. package/types/src/Popover/getPlacement.d.ts +1 -1
  102. package/types/src/SplitButton/Item.d.ts +45 -0
  103. package/types/src/SplitButton/SplitButton.d.ts +41 -0
  104. package/types/src/SplitButton/docs/examples/Basic.d.ts +1 -0
  105. package/types/src/SplitButton/docs/examples/ChangeLabel.d.ts +1 -0
  106. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -0
  107. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +1 -0
  108. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -0
  109. package/types/src/SplitButton/index.d.ts +2 -0
  110. package/types/src/Table/HeadCell.d.ts +4 -1
  111. package/types/src/Table/HeadDropdownCell.d.ts +10 -3
  112. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
  113. package/types/src/Text/Text.d.ts +5 -1
  114. package/types/src/TextArea/TextArea.d.ts +5 -1
  115. package/types/src/Tooltip/Tooltip.d.ts +10 -5
  116. package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
  117. package/types/src/useForceUpdate/index.d.ts +2 -0
  118. package/types/src/useForceUpdate/useForceUpdate.d.ts +9 -0
  119. package/types/src/useKeyPress/index.d.ts +37 -0
  120. package/useForceUpdate.js +151 -0
  121. package/useKeyPress.js +160 -0
  122. package/usePrevious.js +2 -2
package/Paginator.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 = 117);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 122);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 117:
104
+ /***/ 102:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("@splunk/react-icons/More");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 122:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -120,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
120
127
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
121
128
 
122
129
  // EXTERNAL MODULE: external "@splunk/ui-utils/format"
123
- var format_ = __webpack_require__(43);
130
+ var format_ = __webpack_require__(45);
124
131
 
125
132
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
126
133
  var i18n_ = __webpack_require__(5);
@@ -133,7 +140,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
133
140
  var themes_ = __webpack_require__(0);
134
141
 
135
142
  // EXTERNAL MODULE: external "@splunk/react-icons/More"
136
- var More_ = __webpack_require__(98);
143
+ var More_ = __webpack_require__(102);
137
144
  var More_default = /*#__PURE__*/__webpack_require__.n(More_);
138
145
 
139
146
  // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -194,7 +201,7 @@ function PageSeparator() {
194
201
 
195
202
  var content = family === 'enterprise' ? /*#__PURE__*/external_react_default.a.createElement("span", {
196
203
  role: "separator"
197
- }, "...") : /*#__PURE__*/external_react_default.a.createElement(More, {
204
+ }, "\u2026") : /*#__PURE__*/external_react_default.a.createElement(More, {
198
205
  prismaSize: "small",
199
206
  role: "separator"
200
207
  });
@@ -206,7 +213,7 @@ function PageSeparator() {
206
213
  var external_lodash_ = __webpack_require__(4);
207
214
 
208
215
  // EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
209
- var ButtonSimple_ = __webpack_require__(46);
216
+ var ButtonSimple_ = __webpack_require__(48);
210
217
  var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
211
218
 
212
219
  // CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
@@ -338,10 +345,10 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
338
345
 
339
346
  /* harmony default export */ var Button = (Button_PaginatorButton);
340
347
  // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
341
- var ChevronLeft = __webpack_require__(59);
348
+ var ChevronLeft = __webpack_require__(62);
342
349
 
343
350
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
344
- var ChevronRight = __webpack_require__(27);
351
+ var ChevronRight = __webpack_require__(29);
345
352
 
346
353
  // CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
347
354
 
@@ -529,14 +536,14 @@ module.exports = require("react");
529
536
 
530
537
  /***/ }),
531
538
 
532
- /***/ 27:
539
+ /***/ 29:
533
540
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
534
541
 
535
542
  "use strict";
536
543
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
537
544
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
538
545
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
539
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
546
+ /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
540
547
  /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
541
548
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
542
549
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -586,7 +593,7 @@ module.exports = require("styled-components");
586
593
 
587
594
  /***/ }),
588
595
 
589
- /***/ 33:
596
+ /***/ 35:
590
597
  /***/ (function(module, exports) {
591
598
 
592
599
  module.exports = require("@splunk/react-icons/ChevronRight");
@@ -600,14 +607,14 @@ module.exports = require("lodash");
600
607
 
601
608
  /***/ }),
602
609
 
603
- /***/ 43:
610
+ /***/ 45:
604
611
  /***/ (function(module, exports) {
605
612
 
606
613
  module.exports = require("@splunk/ui-utils/format");
607
614
 
608
615
  /***/ }),
609
616
 
610
- /***/ 46:
617
+ /***/ 48:
611
618
  /***/ (function(module, exports) {
612
619
 
613
620
  module.exports = require("@splunk/react-ui/ButtonSimple");
@@ -621,14 +628,39 @@ module.exports = require("@splunk/ui-utils/i18n");
621
628
 
622
629
  /***/ }),
623
630
 
624
- /***/ 59:
631
+ /***/ 6:
632
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
633
+
634
+ "use strict";
635
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
636
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
637
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
638
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
639
+ /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
640
+ function _extends() { _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 _extends.apply(this, arguments); }
641
+
642
+
643
+
644
+ var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
645
+ displayName: "SVG__Styled",
646
+ componentId: "sc-1bz0ryh-0"
647
+ })(["flex:0 0 auto;"]);
648
+ function SVG(props) {
649
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
650
+ xmlns: "http://www.w3.org/2000/svg"
651
+ }, props));
652
+ }
653
+
654
+ /***/ }),
655
+
656
+ /***/ 62:
625
657
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
626
658
 
627
659
  "use strict";
628
660
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
629
661
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
630
662
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
631
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60);
663
+ /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
632
664
  /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
633
665
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
634
666
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -671,32 +703,7 @@ function ChevronLeft(props) {
671
703
 
672
704
  /***/ }),
673
705
 
674
- /***/ 6:
675
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
676
-
677
- "use strict";
678
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
679
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
680
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
681
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
682
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
683
- function _extends() { _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 _extends.apply(this, arguments); }
684
-
685
-
686
-
687
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
688
- displayName: "SVG__Styled",
689
- componentId: "sc-1bz0ryh-0"
690
- })(["flex:0 0 auto;"]);
691
- function SVG(props) {
692
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
693
- xmlns: "http://www.w3.org/2000/svg"
694
- }, props));
695
- }
696
-
697
- /***/ }),
698
-
699
- /***/ 60:
706
+ /***/ 63:
700
707
  /***/ (function(module, exports) {
701
708
 
702
709
  module.exports = require("@splunk/react-icons/ChevronLeft");
@@ -826,13 +833,6 @@ Icon.defaultProps = defaultProps;
826
833
 
827
834
  module.exports = require("@splunk/react-ui/Box");
828
835
 
829
- /***/ }),
830
-
831
- /***/ 98:
832
- /***/ (function(module, exports) {
833
-
834
- module.exports = require("@splunk/react-icons/More");
835
-
836
836
  /***/ })
837
837
 
838
838
  /******/ });
package/Paragraph.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 = 163);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 170);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 163:
104
+ /***/ 170:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Popover.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 = 133);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 138);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 11:
104
+ /***/ 10:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 133:
131
+ /***/ 138:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -148,7 +148,7 @@ var external_prop_types_ = __webpack_require__(1);
148
148
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
149
149
 
150
150
  // EXTERNAL MODULE: external "react-dom"
151
- var external_react_dom_ = __webpack_require__(68);
151
+ var external_react_dom_ = __webpack_require__(70);
152
152
 
153
153
  // EXTERNAL MODULE: external "lodash"
154
154
  var external_lodash_ = __webpack_require__(4);
@@ -157,22 +157,22 @@ var external_lodash_ = __webpack_require__(4);
157
157
  var themes_ = __webpack_require__(0);
158
158
 
159
159
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
160
- var Animation_ = __webpack_require__(31);
160
+ var Animation_ = __webpack_require__(34);
161
161
 
162
162
  // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
163
163
  var EventListener_ = __webpack_require__(15);
164
164
  var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
165
165
 
166
166
  // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
167
- var Layer_ = __webpack_require__(57);
167
+ var Layer_ = __webpack_require__(60);
168
168
  var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
169
169
 
170
170
  // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
171
- var ScrollContainerContext_ = __webpack_require__(37);
171
+ var ScrollContainerContext_ = __webpack_require__(39);
172
172
  var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
173
173
 
174
174
  // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
175
- var focus_ = __webpack_require__(26);
175
+ var focus_ = __webpack_require__(28);
176
176
 
177
177
  // CONCATENATED MODULE: ./src/Popover/getPlacement.ts
178
178
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -196,6 +196,15 @@ function getInitialStyle(_ref) {
196
196
  };
197
197
 
198
198
  case 'below':
199
+ // Align 'end' is only supported by below
200
+ // TODO: SUI-5101 Enable users to align Popover and Dropdown
201
+ if (align === 'end') {
202
+ return {
203
+ top: anchorPos.bottom,
204
+ left: anchorPos.right - outerContainerEl.offsetWidth + padding
205
+ };
206
+ }
207
+
199
208
  return {
200
209
  top: anchorPos.bottom,
201
210
  left: align === 'edge' ? anchorPos.left - padding : anchorPos.middle - outerContainerEl.offsetWidth / 2
@@ -445,7 +454,7 @@ function getPlacement(args) {
445
454
  var PopoverContext = /*#__PURE__*/Object(external_react_["createContext"])({});
446
455
 
447
456
  // EXTERNAL MODULE: external "react-spring"
448
- var external_react_spring_ = __webpack_require__(18);
457
+ var external_react_spring_ = __webpack_require__(21);
449
458
 
450
459
  // EXTERNAL MODULE: external "styled-components"
451
460
  var external_styled_components_ = __webpack_require__(3);
@@ -516,7 +525,10 @@ var StyledLowerRightCorner = external_styled_components_default.a.div.withConfig
516
525
  })(["position:fixed;right:0;bottom:0;"]);
517
526
 
518
527
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
519
- var updateReactRef = __webpack_require__(11);
528
+ var updateReactRef = __webpack_require__(10);
529
+
530
+ // EXTERNAL MODULE: ./src/utils/ssrWindow.ts
531
+ var ssrWindow = __webpack_require__(19);
520
532
 
521
533
  // CONCATENATED MODULE: ./src/Popover/Popover.tsx
522
534
  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); }
@@ -583,9 +595,12 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
583
595
 
584
596
 
585
597
 
598
+
599
+ /** @public */
600
+
586
601
  var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
587
602
  var propTypes = {
588
- align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme']),
603
+ align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme', 'end']),
589
604
  anchor: external_prop_types_default.a.object,
590
605
  animation: external_prop_types_default.a.bool,
591
606
  appearance: external_prop_types_default.a.oneOf(['normal', 'inverted', 'none']),
@@ -751,6 +766,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
751
766
  });
752
767
 
753
768
  Popover_defineProperty(_assertThisInitialized(_this), "setPlacement", function (scrolling) {
769
+ var window = Object(ssrWindow["a" /* getWindow */])();
770
+
754
771
  _this.setState(function (state) {
755
772
  var _state$arrowStyleTran;
756
773
 
@@ -1040,6 +1057,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
1040
1057
  }, {
1041
1058
  key: "autoCloseWhenOffScreen",
1042
1059
  value: function autoCloseWhenOffScreen(anchorPosition, scrollContainerPosition) {
1060
+ var window = Object(ssrWindow["a" /* getWindow */])();
1061
+
1043
1062
  if (anchorPosition.top < 0 || anchorPosition.top > window.innerHeight || anchorPosition.left < 0 || anchorPosition.left > window.innerWidth) {
1044
1063
  this.requestClose({
1045
1064
  reason: 'offScreen'
@@ -1070,6 +1089,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
1070
1089
  }, {
1071
1090
  key: "render",
1072
1091
  value: function render() {
1092
+ var window = Object(ssrWindow["a" /* getWindow */])();
1073
1093
  var open = this.props.open || this.state.animating;
1074
1094
  var scrollContainer = this.context || window;
1075
1095
  var hasCustomizedScrollContainer = scrollContainer !== window;
@@ -1144,10 +1164,79 @@ module.exports = require("@splunk/react-ui/EventListener");
1144
1164
 
1145
1165
  /***/ }),
1146
1166
 
1147
- /***/ 18:
1148
- /***/ (function(module, exports) {
1167
+ /***/ 19:
1168
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
1169
+
1170
+ "use strict";
1171
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
1172
+ /* unused harmony export ssrWindow */
1173
+ /* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
1174
+ /* eslint-disable @typescript-eslint/no-empty-function */
1175
+
1176
+ var ssrWindow = {
1177
+ document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
1178
+ navigator: {
1179
+ userAgent: ''
1180
+ },
1181
+ location: {
1182
+ hash: '',
1183
+ host: '',
1184
+ hostname: '',
1185
+ href: '',
1186
+ origin: '',
1187
+ pathname: '',
1188
+ protocol: '',
1189
+ search: ''
1190
+ },
1191
+ history: {
1192
+ replaceState: function replaceState() {},
1193
+ pushState: function pushState() {},
1194
+ go: function go() {},
1195
+ back: function back() {}
1196
+ },
1197
+ CustomEvent: function CustomEvent() {
1198
+ return this;
1199
+ },
1200
+ addEventListener: function addEventListener() {},
1201
+ removeEventListener: function removeEventListener() {},
1202
+ getComputedStyle: function getComputedStyle() {
1203
+ return {
1204
+ getPropertyValue: function getPropertyValue() {
1205
+ return '';
1206
+ }
1207
+ };
1208
+ },
1209
+ Image: function Image() {},
1210
+ Date: function Date() {},
1211
+ screen: {},
1212
+ setTimeout: function setTimeout() {},
1213
+ clearTimeout: function clearTimeout() {},
1214
+ matchMedia: function matchMedia() {
1215
+ return {};
1216
+ },
1217
+ requestAnimationFrame: function requestAnimationFrame(callback) {
1218
+ if (typeof setTimeout === 'undefined') {
1219
+ callback();
1220
+ return null;
1221
+ }
1222
+
1223
+ return setTimeout(callback, 0);
1224
+ },
1225
+ cancelAnimationFrame: function cancelAnimationFrame(id) {
1226
+ if (typeof setTimeout === 'undefined') {
1227
+ return;
1228
+ }
1229
+
1230
+ clearTimeout(id);
1231
+ }
1232
+ };
1233
+
1234
+ function getWindow() {
1235
+ var win = typeof window !== 'undefined' ? window : ssrWindow;
1236
+ return win;
1237
+ }
1238
+
1149
1239
 
1150
- module.exports = require("react-spring");
1151
1240
 
1152
1241
  /***/ }),
1153
1242
 
@@ -1158,7 +1247,85 @@ module.exports = require("react");
1158
1247
 
1159
1248
  /***/ }),
1160
1249
 
1161
- /***/ 26:
1250
+ /***/ 21:
1251
+ /***/ (function(module, exports) {
1252
+
1253
+ module.exports = require("react-spring");
1254
+
1255
+ /***/ }),
1256
+
1257
+ /***/ 27:
1258
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
1259
+
1260
+ "use strict";
1261
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
1262
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
1263
+ /* eslint-disable @typescript-eslint/no-empty-function */
1264
+ var ssrDocument = {
1265
+ body: {
1266
+ appendChild: function appendChild() {
1267
+ return [];
1268
+ }
1269
+ },
1270
+ addEventListener: function addEventListener() {},
1271
+ removeEventListener: function removeEventListener() {},
1272
+ activeElement: {
1273
+ blur: function blur() {},
1274
+ nodeName: ''
1275
+ },
1276
+ querySelector: function querySelector() {
1277
+ return null;
1278
+ },
1279
+ querySelectorAll: function querySelectorAll() {
1280
+ return [];
1281
+ },
1282
+ getElementById: function getElementById() {
1283
+ return null;
1284
+ },
1285
+ createEvent: function createEvent() {
1286
+ return {
1287
+ initEvent: function initEvent() {}
1288
+ };
1289
+ },
1290
+ createElement: function createElement() {
1291
+ return {
1292
+ children: [],
1293
+ childNodes: [],
1294
+ style: {},
1295
+ setAttribute: function setAttribute() {},
1296
+ getElementsByTagName: function getElementsByTagName() {
1297
+ return [];
1298
+ }
1299
+ };
1300
+ },
1301
+ createElementNS: function createElementNS() {
1302
+ return {};
1303
+ },
1304
+ importNode: function importNode() {
1305
+ return null;
1306
+ },
1307
+ location: {
1308
+ hash: '',
1309
+ host: '',
1310
+ hostname: '',
1311
+ href: '',
1312
+ origin: '',
1313
+ pathname: '',
1314
+ protocol: '',
1315
+ search: ''
1316
+ }
1317
+ };
1318
+
1319
+ function getDocument() {
1320
+ var doc = typeof document !== 'undefined' ? document : ssrDocument;
1321
+ return doc;
1322
+ }
1323
+
1324
+
1325
+
1326
+ /***/ }),
1327
+
1328
+ /***/ 28:
1162
1329
  /***/ (function(module, exports) {
1163
1330
 
1164
1331
  module.exports = require("@splunk/ui-utils/focus");
@@ -1172,14 +1339,14 @@ module.exports = require("styled-components");
1172
1339
 
1173
1340
  /***/ }),
1174
1341
 
1175
- /***/ 31:
1342
+ /***/ 34:
1176
1343
  /***/ (function(module, exports) {
1177
1344
 
1178
1345
  module.exports = require("@splunk/react-ui/Animation");
1179
1346
 
1180
1347
  /***/ }),
1181
1348
 
1182
- /***/ 37:
1349
+ /***/ 39:
1183
1350
  /***/ (function(module, exports) {
1184
1351
 
1185
1352
  module.exports = require("@splunk/react-ui/ScrollContainerContext");
@@ -1193,14 +1360,14 @@ module.exports = require("lodash");
1193
1360
 
1194
1361
  /***/ }),
1195
1362
 
1196
- /***/ 57:
1363
+ /***/ 60:
1197
1364
  /***/ (function(module, exports) {
1198
1365
 
1199
1366
  module.exports = require("@splunk/react-ui/Layer");
1200
1367
 
1201
1368
  /***/ }),
1202
1369
 
1203
- /***/ 68:
1370
+ /***/ 70:
1204
1371
  /***/ (function(module, exports) {
1205
1372
 
1206
1373
  module.exports = require("react-dom");
package/Progress.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 = 164);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 171);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 164:
104
+ /***/ 171:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -123,18 +123,18 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
123
123
  var external_lodash_ = __webpack_require__(4);
124
124
 
125
125
  // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
126
- var AnimationToggle_ = __webpack_require__(36);
126
+ var AnimationToggle_ = __webpack_require__(38);
127
127
 
128
128
  // EXTERNAL MODULE: external "styled-components"
129
129
  var external_styled_components_ = __webpack_require__(3);
130
130
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
131
131
 
132
132
  // EXTERNAL MODULE: external "tinycolor2"
133
- var external_tinycolor2_ = __webpack_require__(47);
133
+ var external_tinycolor2_ = __webpack_require__(49);
134
134
  var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
135
135
 
136
136
  // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
137
- var Tooltip_ = __webpack_require__(49);
137
+ var Tooltip_ = __webpack_require__(52);
138
138
  var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
139
139
 
140
140
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -326,7 +326,7 @@ module.exports = require("styled-components");
326
326
 
327
327
  /***/ }),
328
328
 
329
- /***/ 36:
329
+ /***/ 38:
330
330
  /***/ (function(module, exports) {
331
331
 
332
332
  module.exports = require("@splunk/react-ui/AnimationToggle");
@@ -340,14 +340,14 @@ module.exports = require("lodash");
340
340
 
341
341
  /***/ }),
342
342
 
343
- /***/ 47:
343
+ /***/ 49:
344
344
  /***/ (function(module, exports) {
345
345
 
346
346
  module.exports = require("tinycolor2");
347
347
 
348
348
  /***/ }),
349
349
 
350
- /***/ 49:
350
+ /***/ 52:
351
351
  /***/ (function(module, exports) {
352
352
 
353
353
  module.exports = require("@splunk/react-ui/Tooltip");
package/RadioBar.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 = 125);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 130);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 125:
111
+ /***/ 130:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
package/RadioList.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 = 126);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 131);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
104
+ /***/ 11:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 126:
111
+ /***/ 131:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -131,7 +131,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
131
131
  var external_lodash_ = __webpack_require__(4);
132
132
 
133
133
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
134
- var id_ = __webpack_require__(10);
134
+ var id_ = __webpack_require__(11);
135
135
 
136
136
  // CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
137
137