@splunk/react-ui 4.16.3 → 4.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/Accordion.js +13 -13
  2. package/Anchor.js +2 -2
  3. package/Animation.js +4 -4
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +101 -247
  7. package/ButtonGroup.js +4 -4
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +60 -2
  10. package/Calendar.js +76 -275
  11. package/Card.js +75 -227
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +40 -211
  14. package/Clickable.js +10 -10
  15. package/CloseButton.js +38 -206
  16. package/Code.js +28 -20
  17. package/CollapsiblePanel.js +74 -228
  18. package/Color.js +62 -319
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +34 -32
  21. package/Concertina.js +40 -40
  22. package/ControlGroup.js +20 -20
  23. package/Date.js +22 -22
  24. package/DefinitionList.js +2 -2
  25. package/Divider.js +2 -2
  26. package/Dropdown.js +32 -32
  27. package/DualListbox.d.ts +2 -0
  28. package/DualListbox.js +1780 -0
  29. package/EventListener.js +4 -4
  30. package/File.js +85 -250
  31. package/FormRows.js +60 -215
  32. package/Heading.js +39 -27
  33. package/Image.js +73 -227
  34. package/JSONTree.js +18 -18
  35. package/Layer.js +30 -30
  36. package/Link.js +60 -28
  37. package/List.js +9 -9
  38. package/MIGRATION.md +28 -0
  39. package/Markdown.js +21 -21
  40. package/Menu.js +180 -371
  41. package/Message.js +141 -411
  42. package/MessageBar.js +170 -400
  43. package/Modal.js +31 -31
  44. package/ModalLayer.js +6 -6
  45. package/Monogram.js +4 -4
  46. package/Multiselect.js +2299 -2517
  47. package/Number.js +32 -32
  48. package/Paginator.js +94 -323
  49. package/Paragraph.js +2 -2
  50. package/Popover.js +125 -125
  51. package/Progress.js +15 -15
  52. package/RadioBar.js +23 -19
  53. package/RadioList.js +13 -12
  54. package/Resize.js +18 -18
  55. package/ResultsMenu.js +21 -21
  56. package/ScreenReaderContent.js +2 -2
  57. package/Scroll.js +33 -33
  58. package/ScrollContainerContext.js +13 -13
  59. package/Search.js +34 -32
  60. package/Select.js +226 -372
  61. package/SidePanel.js +12 -12
  62. package/Slider.js +28 -28
  63. package/SlidingPanels.js +29 -29
  64. package/SplitButton.js +59 -62
  65. package/StaticContent.js +4 -4
  66. package/StepBar.js +36 -239
  67. package/Switch.js +23 -23
  68. package/TabBar.js +47 -47
  69. package/TabLayout.js +30 -28
  70. package/Table.js +295 -589
  71. package/Text.js +111 -324
  72. package/TextArea.js +164 -368
  73. package/Tooltip.js +23 -23
  74. package/TransitionOpen.js +21 -21
  75. package/Typography.js +32 -28
  76. package/WaitSpinner.js +2 -2
  77. package/docker-compose.yml +19 -7
  78. package/package.json +12 -13
  79. package/stubs-splunkui.d.ts +4 -25
  80. package/types/src/Button/icons/CaretSmallDown.d.ts +2 -0
  81. package/types/src/Button/icons/External.d.ts +2 -0
  82. package/types/src/Code/Code.d.ts +6 -1
  83. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +0 -1
  84. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +11 -0
  85. package/types/src/Date/Icon.d.ts +1 -1
  86. package/types/src/Dropdown/docs/examples/Submenu.d.ts +2 -0
  87. package/types/src/DualListbox/DualListbox.d.ts +87 -0
  88. package/types/src/DualListbox/DualListboxContext.d.ts +27 -0
  89. package/types/src/DualListbox/Label.d.ts +37 -0
  90. package/types/src/DualListbox/Listbox.d.ts +54 -0
  91. package/types/src/DualListbox/ListboxContext.d.ts +32 -0
  92. package/types/src/DualListbox/Option.d.ts +35 -0
  93. package/types/src/DualListbox/ScreenReaderWrapper.d.ts +4 -0
  94. package/types/src/DualListbox/ToolbarButton.d.ts +38 -0
  95. package/types/src/DualListbox/ToolbarContext.d.ts +21 -0
  96. package/types/src/DualListbox/docs/examples/Basic.d.ts +2 -0
  97. package/types/src/DualListbox/docs/examples/Controlled.d.ts +2 -0
  98. package/types/src/DualListbox/docs/examples/Fill.d.ts +2 -0
  99. package/types/src/DualListbox/index.d.ts +2 -0
  100. package/types/src/DualListbox/listboxUtils.d.ts +4 -0
  101. package/types/src/File/Icon.d.ts +1 -1
  102. package/types/src/File/IconCloud.d.ts +1 -1
  103. package/types/src/File/PaperClip.d.ts +1 -1
  104. package/types/src/File/Retry.d.ts +1 -1
  105. package/types/src/File/Trash.d.ts +1 -1
  106. package/types/src/File/docs/examples/Progress.d.ts +1 -15
  107. package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +2 -0
  108. package/types/src/Heading/Heading.d.ts +12 -4
  109. package/types/src/Heading/docs/examples/Variant.d.ts +2 -0
  110. package/types/src/Image/Image.d.ts +1 -1
  111. package/types/src/Image/icons/Cross.d.ts +2 -0
  112. package/types/src/Link/icons/External.d.ts +2 -0
  113. package/types/src/Menu/Divider.d.ts +1 -0
  114. package/types/src/Menu/Heading.d.ts +1 -0
  115. package/types/src/Menu/Item.d.ts +5 -2
  116. package/types/src/Menu/Menu.d.ts +3 -1
  117. package/types/src/Menu/icons/External.d.ts +2 -0
  118. package/types/src/Multiselect/Normal.d.ts +1 -1
  119. package/types/src/Number/IncrementIcon.d.ts +1 -1
  120. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  121. package/types/src/Search/Option.d.ts +9 -0
  122. package/types/src/Select/OptionBase.d.ts +9 -0
  123. package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
  124. package/types/src/Select/icons/Search.d.ts +2 -0
  125. package/types/src/SplitButton/SplitButton.d.ts +8 -3
  126. package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
  127. package/types/src/TabBar/Tab.d.ts +3 -1
  128. package/types/src/TabLayout/TabLayout.d.ts +0 -1
  129. package/types/src/Table/HeadInner.d.ts +2 -2
  130. package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
  131. package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
  132. package/types/src/Text/IconOutlinedHide.d.ts +1 -1
  133. package/types/src/Text/IconOutlinedView.d.ts +1 -1
  134. package/types/src/TextArea/TextArea.d.ts +11 -4
  135. package/types/src/TextArea/docs/examples/ClearContent.d.ts +2 -0
  136. package/types/src/Tooltip/InfoIcon.d.ts +1 -1
  137. package/types/src/Typography/Typography.d.ts +4 -7
  138. package/types/src/useRovingFocus/index.d.ts +2 -0
  139. package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
  140. package/useForceUpdate.js +2 -2
  141. package/useKeyPress.js +2 -2
  142. package/usePrevious.js +2 -2
  143. package/useRovingFocus.d.ts +2 -0
  144. package/useRovingFocus.js +237 -0
  145. package/Dockerfile.enterprise.storybook +0 -7
  146. package/Dockerfile.prisma.storybook +0 -7
  147. package/Dockerfile.visual +0 -10
  148. package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
  149. package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
  150. package/types/src/Select/matchUtils.d.ts +0 -12
  151. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
  152. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
  153. package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
  154. package/types/src/icons/Alert.d.ts +0 -2
  155. package/types/src/icons/AlertFilled.d.ts +0 -2
  156. package/types/src/icons/CaretDown.d.ts +0 -2
  157. package/types/src/icons/CaretRight.d.ts +0 -2
  158. package/types/src/icons/Check.d.ts +0 -2
  159. package/types/src/icons/ChevronDown.d.ts +0 -2
  160. package/types/src/icons/ChevronLeft.d.ts +0 -2
  161. package/types/src/icons/ChevronRight.d.ts +0 -2
  162. package/types/src/icons/CrossMark.d.ts +0 -2
  163. package/types/src/icons/External.d.ts +0 -2
  164. package/types/src/icons/InfoFilled.d.ts +0 -2
  165. package/types/src/icons/More.d.ts +0 -2
  166. package/types/src/icons/MoreVertical.d.ts +0 -2
  167. package/types/src/icons/Plus.d.ts +0 -2
  168. package/types/src/icons/SVG.d.ts +0 -4
  169. package/types/src/icons/Search.d.ts +0 -2
  170. package/types/src/icons/Sort.d.ts +0 -2
  171. package/types/src/icons/SortedDown.d.ts +0 -2
  172. package/types/src/icons/SortedUp.d.ts +0 -2
  173. package/types/src/icons/Success.d.ts +0 -2
  174. package/types/src/icons/SuccessFilled.d.ts +0 -2
  175. package/types/src/icons/ThemedIcon.d.ts +0 -29
  176. package/types/src/icons/WarningFilled.d.ts +0 -2
  177. package/types/src/icons/types.d.ts +0 -11
package/Calendar.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 = 169);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 174);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("lodash/keys");
108
-
109
- /***/ }),
110
-
111
- /***/ 12:
104
+ /***/ 11:
112
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
106
 
114
107
  "use strict";
@@ -135,21 +128,21 @@ function updateReactRef(ref, current) {
135
128
 
136
129
  /***/ }),
137
130
 
138
- /***/ 13:
131
+ /***/ 14:
139
132
  /***/ (function(module, exports) {
140
133
 
141
- module.exports = require("@splunk/ui-utils/id");
134
+ module.exports = require("@splunk/react-ui/ScreenReaderContent");
142
135
 
143
136
  /***/ }),
144
137
 
145
- /***/ 16:
138
+ /***/ 17:
146
139
  /***/ (function(module, exports) {
147
140
 
148
- module.exports = require("@splunk/react-ui/ScreenReaderContent");
141
+ module.exports = require("@splunk/react-ui/Button");
149
142
 
150
143
  /***/ }),
151
144
 
152
- /***/ 169:
145
+ /***/ 174:
153
146
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
154
147
 
155
148
  "use strict";
@@ -169,7 +162,7 @@ var external_prop_types_ = __webpack_require__(1);
169
162
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
170
163
 
171
164
  // EXTERNAL MODULE: external "lodash/keys"
172
- var keys_ = __webpack_require__(10);
165
+ var keys_ = __webpack_require__(9);
173
166
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
174
167
 
175
168
  // EXTERNAL MODULE: external "lodash/omit"
@@ -177,24 +170,24 @@ var omit_ = __webpack_require__(5);
177
170
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
178
171
 
179
172
  // EXTERNAL MODULE: external "moment"
180
- var external_moment_ = __webpack_require__(22);
173
+ var external_moment_ = __webpack_require__(20);
181
174
  var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_);
182
175
 
183
176
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
184
- var id_ = __webpack_require__(13);
177
+ var id_ = __webpack_require__(8);
185
178
 
186
179
  // EXTERNAL MODULE: external "lodash/times"
187
- var times_ = __webpack_require__(78);
180
+ var times_ = __webpack_require__(77);
188
181
  var times_default = /*#__PURE__*/__webpack_require__.n(times_);
189
182
 
190
183
  // EXTERNAL MODULE: external "@splunk/themes"
191
184
  var themes_ = __webpack_require__(0);
192
185
 
193
186
  // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
194
- var keyboard_ = __webpack_require__(9);
187
+ var keyboard_ = __webpack_require__(7);
195
188
 
196
189
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
197
- var ScreenReaderContent_ = __webpack_require__(16);
190
+ var ScreenReaderContent_ = __webpack_require__(14);
198
191
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
199
192
 
200
193
  // EXTERNAL MODULE: external "styled-components"
@@ -330,6 +323,7 @@ function Day(_ref) {
330
323
  "data-test-day": day,
331
324
  "data-test": "day-of-month",
332
325
  "data-active-day": active,
326
+ "data-is-today": today,
333
327
  onClick: handleClick,
334
328
  onKeyDown: handleKeyDown,
335
329
  $today: today,
@@ -649,19 +643,29 @@ function DateTable(_ref2) {
649
643
 
650
644
  DateTable.propTypes = DateTable_propTypes;
651
645
  /* harmony default export */ var Calendar_DateTable = (DateTable);
646
+ // EXTERNAL MODULE: external "@splunk/react-icons/ChevronLeft"
647
+ var ChevronLeft_ = __webpack_require__(83);
648
+ var ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(ChevronLeft_);
649
+
650
+ // EXTERNAL MODULE: external "@splunk/react-icons/ChevronRight"
651
+ var ChevronRight_ = __webpack_require__(43);
652
+ var ChevronRight_default = /*#__PURE__*/__webpack_require__.n(ChevronRight_);
653
+
654
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
655
+ var enterprise_ChevronLeft_ = __webpack_require__(64);
656
+ var enterprise_ChevronLeft_default = /*#__PURE__*/__webpack_require__.n(enterprise_ChevronLeft_);
657
+
658
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
659
+ var enterprise_ChevronRight_ = __webpack_require__(35);
660
+ var enterprise_ChevronRight_default = /*#__PURE__*/__webpack_require__.n(enterprise_ChevronRight_);
661
+
652
662
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
653
- var Button_ = __webpack_require__(19);
663
+ var Button_ = __webpack_require__(17);
654
664
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
655
665
 
656
666
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
657
667
  var i18n_ = __webpack_require__(4);
658
668
 
659
- // EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
660
- var ChevronLeft = __webpack_require__(83);
661
-
662
- // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
663
- var ChevronRight = __webpack_require__(37);
664
-
665
669
  // CONCATENATED MODULE: ./src/Calendar/MonthHeaderStyles.ts
666
670
 
667
671
 
@@ -718,6 +722,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
718
722
 
719
723
 
720
724
 
725
+
726
+
721
727
  var MonthHeader_propTypes = {
722
728
  headingId: external_prop_types_default.a.string,
723
729
  locale: external_prop_types_default.a.string,
@@ -779,19 +785,30 @@ var MonthHeader_MonthHeader = /*#__PURE__*/function (_Component) {
779
785
  splunkTheme = _this$props2.splunkTheme,
780
786
  otherProps = MonthHeader_objectWithoutProperties(_this$props2, ["headingId", "locale", "value", "splunkTheme"]);
781
787
 
782
- var isPrisma = splunkTheme.isPrisma;
788
+ var isEnterprise = splunkTheme.isEnterprise,
789
+ isPrisma = splunkTheme.isPrisma;
783
790
  var date = external_moment_default()(value, 'YYYY-MM-DD', locale);
784
791
  var monthYear = date.format(MonthHeader.getMonthYearFormat(locale, isPrisma));
785
792
  var buttonStyles = {
786
793
  flex: '0 0 auto'
787
794
  };
795
+
796
+ var previousScreenReaderText = Object(i18n_["_"])('Previous month');
797
+
798
+ var nextScreenReaderText = Object(i18n_["_"])('Next month');
799
+
788
800
  return /*#__PURE__*/external_react_default.a.createElement(themes_["SplunkThemeProvider"], {
789
801
  density: isPrisma ? 'comfortable' : splunkTheme.density
790
802
  }, /*#__PURE__*/external_react_default.a.createElement(StyledBox, omit_default()(otherProps, 'onChange'), /*#__PURE__*/external_react_default.a.createElement(Button_default.a, {
791
803
  appearance: "pill",
792
- icon: /*#__PURE__*/external_react_default.a.createElement(ChevronLeft["a" /* default */], {
793
- enterpriseSize: 1,
794
- screenReaderText: Object(i18n_["_"])('Previous Month')
804
+ icon: isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(enterprise_ChevronLeft_default.a, {
805
+ hideDefaultTooltip: true,
806
+ screenReaderText: previousScreenReaderText,
807
+ size: 1
808
+ }) : /*#__PURE__*/external_react_default.a.createElement(ChevronLeft_default.a, {
809
+ "aria-label": previousScreenReaderText,
810
+ height: "24",
811
+ width: "24"
795
812
  }),
796
813
  "data-test": "previous-month",
797
814
  onClick: this.handlePrevMonthClick,
@@ -801,9 +818,14 @@ var MonthHeader_MonthHeader = /*#__PURE__*/function (_Component) {
801
818
  "data-test": "header-label"
802
819
  }, monthYear), /*#__PURE__*/external_react_default.a.createElement(Button_default.a, {
803
820
  appearance: "pill",
804
- icon: /*#__PURE__*/external_react_default.a.createElement(ChevronRight["a" /* default */], {
805
- enterpriseSize: 1,
806
- screenReaderText: Object(i18n_["_"])('Next Month')
821
+ icon: isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(enterprise_ChevronRight_default.a, {
822
+ hideDefaultTooltip: true,
823
+ screenReaderText: nextScreenReaderText,
824
+ size: 1
825
+ }) : /*#__PURE__*/external_react_default.a.createElement(ChevronRight_default.a, {
826
+ "aria-label": nextScreenReaderText,
827
+ height: "24",
828
+ width: "24"
807
829
  }),
808
830
  "data-test": "next-month",
809
831
  onClick: this.handleNextMonthClick,
@@ -850,7 +872,7 @@ var MonthHeaderWithTheme = Object(themes_["withSplunkTheme"])(MonthHeader_MonthH
850
872
  MonthHeaderWithTheme.propTypes = MonthHeader_MonthHeader.propTypes;
851
873
  /* harmony default export */ var Calendar_MonthHeader = (MonthHeaderWithTheme);
852
874
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
853
- var Box_ = __webpack_require__(8);
875
+ var Box_ = __webpack_require__(6);
854
876
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
855
877
 
856
878
  // CONCATENATED MODULE: ./src/Calendar/CalendarStyles.ts
@@ -869,7 +891,7 @@ var CalendarStyles_StyledBox = external_styled_components_default()(Box_default.
869
891
  }));
870
892
 
871
893
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
872
- var updateReactRef = __webpack_require__(12);
894
+ var updateReactRef = __webpack_require__(11);
873
895
 
874
896
  // CONCATENATED MODULE: ./src/Calendar/Calendar.tsx
875
897
  function Calendar_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { Calendar_typeof = function _typeof(obj) { return typeof obj; }; } else { Calendar_typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return Calendar_typeof(obj); }
@@ -1047,7 +1069,8 @@ var Calendar_Calendar = /*#__PURE__*/function (_Component) {
1047
1069
  inline: true,
1048
1070
  "aria-labelledby": labelledBy,
1049
1071
  "aria-describedby": describedBy,
1050
- "aria-required": required
1072
+ "aria-required": required,
1073
+ "data-test": "calendar"
1051
1074
  }, omit_default()(this.props, keys_default()(Calendar.propTypes)), {
1052
1075
  elementRef: this.handleCalendarMount
1053
1076
  }), /*#__PURE__*/external_react_default.a.createElement(Calendar_MonthHeader, {
@@ -1090,13 +1113,6 @@ Calendar_defineProperty(Calendar_Calendar, "defaultProps", Calendar_defaultProps
1090
1113
 
1091
1114
 
1092
1115
 
1093
- /***/ }),
1094
-
1095
- /***/ 19:
1096
- /***/ (function(module, exports) {
1097
-
1098
- module.exports = require("@splunk/react-ui/Button");
1099
-
1100
1116
  /***/ }),
1101
1117
 
1102
1118
  /***/ 2:
@@ -1106,7 +1122,7 @@ module.exports = require("react");
1106
1122
 
1107
1123
  /***/ }),
1108
1124
 
1109
- /***/ 22:
1125
+ /***/ 20:
1110
1126
  /***/ (function(module, exports) {
1111
1127
 
1112
1128
  module.exports = require("moment");
@@ -1120,53 +1136,10 @@ module.exports = require("styled-components");
1120
1136
 
1121
1137
  /***/ }),
1122
1138
 
1123
- /***/ 37:
1124
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1125
-
1126
- "use strict";
1127
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
1128
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1129
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1130
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
1131
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
1132
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1133
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1134
- 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); }
1135
-
1136
-
1137
-
1138
-
1139
-
1140
-
1141
- function Prisma24(_ref) {
1142
- var otherProps = _extends({}, _ref);
1143
-
1144
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1145
- viewBox: "0 0 24 24"
1146
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1147
- d: "M14.7861 11.9999L8.48587 5.69972C8.09534 5.3092 8.09534 4.67603 8.48587 4.28551C8.87639 3.89499 9.50956 3.89499 9.90008 4.28551L16.5538 10.9393C17.1396 11.525 17.1396 12.4748 16.5538 13.0606L9.90142 19.713C9.5109 20.1035 8.87773 20.1035 8.48721 19.713C8.09669 19.3224 8.09669 18.6893 8.48721 18.2988L14.7861 11.9999Z",
1148
- fill: "currentColor"
1149
- }));
1150
- }
1151
-
1152
- function Prisma16(_ref2) {
1153
- var otherProps = _extends({}, _ref2);
1154
-
1155
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1156
- viewBox: "0 0 16 16"
1157
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1158
- d: "M11.7109 7.9976L5.71017 13.9983L4.29597 12.5841L8.88914 7.99095L4.34482 3.40363L5.76567 1.99609L11.7109 7.9976Z",
1159
- fill: "currentColor"
1160
- }));
1161
- }
1139
+ /***/ 35:
1140
+ /***/ (function(module, exports) {
1162
1141
 
1163
- function ChevronRight(props) {
1164
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1165
- Enterprise: _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default.a,
1166
- Prisma16: Prisma16,
1167
- Prisma24: Prisma24
1168
- }, props));
1169
- }
1142
+ module.exports = require("@splunk/react-icons/enterprise/ChevronRight");
1170
1143
 
1171
1144
  /***/ }),
1172
1145
 
@@ -1177,7 +1150,7 @@ module.exports = require("@splunk/ui-utils/i18n");
1177
1150
 
1178
1151
  /***/ }),
1179
1152
 
1180
- /***/ 44:
1153
+ /***/ 43:
1181
1154
  /***/ (function(module, exports) {
1182
1155
 
1183
1156
  module.exports = require("@splunk/react-icons/ChevronRight");
@@ -1192,149 +1165,27 @@ module.exports = require("lodash/omit");
1192
1165
  /***/ }),
1193
1166
 
1194
1167
  /***/ 6:
1195
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1168
+ /***/ (function(module, exports) {
1196
1169
 
1197
- "use strict";
1198
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
1199
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1200
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1201
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
1202
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
1203
- 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); }
1170
+ module.exports = require("@splunk/react-ui/Box");
1204
1171
 
1172
+ /***/ }),
1205
1173
 
1174
+ /***/ 64:
1175
+ /***/ (function(module, exports) {
1206
1176
 
1207
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
1208
- displayName: "SVG__Styled",
1209
- componentId: "sc-1bz0ryh-0"
1210
- })(["flex:0 0 auto;"]);
1211
- function SVG(props) {
1212
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
1213
- xmlns: "http://www.w3.org/2000/svg"
1214
- }, props));
1215
- }
1177
+ module.exports = require("@splunk/react-icons/enterprise/ChevronLeft");
1216
1178
 
1217
1179
  /***/ }),
1218
1180
 
1219
1181
  /***/ 7:
1220
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1221
-
1222
- "use strict";
1223
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
1224
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1225
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1226
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
1227
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
1228
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
1229
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
1230
- 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; }
1231
-
1232
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
1233
-
1234
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
1235
-
1236
- 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); }
1237
-
1238
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
1239
-
1240
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
1241
-
1242
-
1243
-
1244
-
1245
- var inlineStyles = {
1246
- display: 'inline-block',
1247
- flex: '0 0 auto',
1248
- overflow: 'visible',
1249
- verticalAlign: 'middle'
1250
- };
1251
- var blockStyles = {
1252
- display: 'block',
1253
- flex: '0 0 auto',
1254
- margin: '0 auto',
1255
- overflow: 'visible'
1256
- };
1257
- var propTypes = {
1258
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1259
- enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
1260
- enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
1261
- enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
1262
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
1263
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1264
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1265
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
1266
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
1267
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
1268
- };
1269
- var defaultProps = {
1270
- inline: true,
1271
- prismaSize: 'medium'
1272
- };
1273
- function Icon(_ref) {
1274
- var Enterprise = _ref.Enterprise,
1275
- Prisma24 = _ref.Prisma24,
1276
- Prisma20 = _ref.Prisma20,
1277
- Prisma16 = _ref.Prisma16,
1278
- prismaSize = _ref.prismaSize,
1279
- inline = _ref.inline,
1280
- enterpriseSize = _ref.enterpriseSize,
1281
- enterpriseWidth = _ref.enterpriseWidth,
1282
- enterpriseHeight = _ref.enterpriseHeight,
1283
- screenReaderText = _ref.screenReaderText,
1284
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
1285
-
1286
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
1287
- family = _useSplunkTheme.family,
1288
- density = _useSplunkTheme.density; // Enterprise - all variants
1289
-
1290
-
1291
- if (family === 'enterprise') {
1292
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
1293
- size: enterpriseSize,
1294
- width: enterpriseWidth,
1295
- height: enterpriseHeight,
1296
- screenReaderText: screenReaderText || null,
1297
- hideDefaultTooltip: true,
1298
- inline: inline
1299
- }, otherProps));
1300
- }
1301
-
1302
- var prismaProps = _objectSpread({
1303
- 'aria-label': screenReaderText,
1304
- style: inline ? inlineStyles : blockStyles
1305
- }, otherProps); // Prisma - small+compact, small+comfortable
1306
-
1307
-
1308
- if (prismaSize === 'small') {
1309
- var SVG = Prisma16 || Prisma24;
1310
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
1311
- width: "16",
1312
- height: "16"
1313
- }, prismaProps));
1314
- } // Prisma - medium+compact
1315
-
1316
-
1317
- if (density === 'compact') {
1318
- var _SVG = Prisma20 || Prisma24;
1319
-
1320
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
1321
- width: "20",
1322
- height: "20"
1323
- }, prismaProps));
1324
- } // Prisma - medium+comfortable
1325
-
1182
+ /***/ (function(module, exports) {
1326
1183
 
1327
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
1328
- width: "24",
1329
- height: "24"
1330
- }, prismaProps));
1331
- }
1332
- Icon.propTypes = propTypes;
1333
- Icon.defaultProps = defaultProps;
1184
+ module.exports = require("@splunk/ui-utils/keyboard");
1334
1185
 
1335
1186
  /***/ }),
1336
1187
 
1337
- /***/ 78:
1188
+ /***/ 77:
1338
1189
  /***/ (function(module, exports) {
1339
1190
 
1340
1191
  module.exports = require("lodash/times");
@@ -1344,61 +1195,11 @@ module.exports = require("lodash/times");
1344
1195
  /***/ 8:
1345
1196
  /***/ (function(module, exports) {
1346
1197
 
1347
- module.exports = require("@splunk/react-ui/Box");
1198
+ module.exports = require("@splunk/ui-utils/id");
1348
1199
 
1349
1200
  /***/ }),
1350
1201
 
1351
1202
  /***/ 83:
1352
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1353
-
1354
- "use strict";
1355
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
1356
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1357
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1358
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84);
1359
- /* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
1360
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1361
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1362
- 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); }
1363
-
1364
-
1365
-
1366
-
1367
-
1368
-
1369
- function Prisma24(_ref) {
1370
- var otherProps = _extends({}, _ref);
1371
-
1372
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1373
- viewBox: "0 0 24 24"
1374
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1375
- d: "M9.21394 12L15.5141 5.69985C15.9046 5.30933 15.9046 4.67616 15.5141 4.28564C15.1236 3.89511 14.4904 3.89511 14.0999 4.28564L7.44618 10.9394C6.86039 11.5252 6.86039 12.4749 7.44618 13.0607L14.0999 19.7144C14.4904 20.105 15.1236 20.105 15.5141 19.7144C15.9046 19.3239 15.9046 18.6907 15.5141 18.3002L9.21394 12Z",
1376
- fill: "currentColor"
1377
- }));
1378
- }
1379
-
1380
- function Prisma16(_ref2) {
1381
- var otherProps = _extends({}, _ref2);
1382
-
1383
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1384
- viewBox: "0 0 16 16"
1385
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1386
- d: "M4.28906 7.9976L10.2898 13.9983L11.704 12.5841L7.11086 7.99095L11.6552 3.40363L10.2343 1.99609L4.28906 7.9976Z",
1387
- fill: "currentColor"
1388
- }));
1389
- }
1390
-
1391
- function ChevronLeft(props) {
1392
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1393
- Enterprise: _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default.a,
1394
- Prisma16: Prisma16,
1395
- Prisma24: Prisma24
1396
- }, props));
1397
- }
1398
-
1399
- /***/ }),
1400
-
1401
- /***/ 84:
1402
1203
  /***/ (function(module, exports) {
1403
1204
 
1404
1205
  module.exports = require("@splunk/react-icons/ChevronLeft");
@@ -1408,7 +1209,7 @@ module.exports = require("@splunk/react-icons/ChevronLeft");
1408
1209
  /***/ 9:
1409
1210
  /***/ (function(module, exports) {
1410
1211
 
1411
- module.exports = require("@splunk/ui-utils/keyboard");
1212
+ module.exports = require("lodash/keys");
1412
1213
 
1413
1214
  /***/ })
1414
1215