@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/Text.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 = 188);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 194);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -104,11 +104,11 @@ module.exports = require("prop-types");
104
104
  /***/ 10:
105
105
  /***/ (function(module, exports) {
106
106
 
107
- module.exports = require("lodash/keys");
107
+ module.exports = require("lodash/has");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 106:
111
+ /***/ 105:
112
112
  /***/ (function(module, exports) {
113
113
 
114
114
  module.exports = require("@splunk/react-ui/ControlGroup");
@@ -116,13 +116,6 @@ module.exports = require("@splunk/react-ui/ControlGroup");
116
116
  /***/ }),
117
117
 
118
118
  /***/ 11:
119
- /***/ (function(module, exports) {
120
-
121
- module.exports = require("lodash/has");
122
-
123
- /***/ }),
124
-
125
- /***/ 12:
126
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
120
 
128
121
  "use strict";
@@ -149,21 +142,28 @@ function updateReactRef(ref, current) {
149
142
 
150
143
  /***/ }),
151
144
 
152
- /***/ 16:
145
+ /***/ 14:
153
146
  /***/ (function(module, exports) {
154
147
 
155
148
  module.exports = require("@splunk/react-ui/ScreenReaderContent");
156
149
 
157
150
  /***/ }),
158
151
 
159
- /***/ 160:
152
+ /***/ 164:
160
153
  /***/ (function(module, exports) {
161
154
 
162
155
  module.exports = require("@splunk/react-ui/TextArea");
163
156
 
164
157
  /***/ }),
165
158
 
166
- /***/ 188:
159
+ /***/ 17:
160
+ /***/ (function(module, exports) {
161
+
162
+ module.exports = require("@splunk/react-ui/Button");
163
+
164
+ /***/ }),
165
+
166
+ /***/ 194:
167
167
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
168
168
 
169
169
  "use strict";
@@ -182,11 +182,11 @@ var external_prop_types_ = __webpack_require__(1);
182
182
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
183
183
 
184
184
  // EXTERNAL MODULE: external "lodash/has"
185
- var has_ = __webpack_require__(11);
185
+ var has_ = __webpack_require__(10);
186
186
  var has_default = /*#__PURE__*/__webpack_require__.n(has_);
187
187
 
188
188
  // EXTERNAL MODULE: external "lodash/keys"
189
- var keys_ = __webpack_require__(10);
189
+ var keys_ = __webpack_require__(9);
190
190
  var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
191
191
 
192
192
  // EXTERNAL MODULE: external "lodash/omit"
@@ -194,41 +194,48 @@ var omit_ = __webpack_require__(5);
194
194
  var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
195
195
 
196
196
  // EXTERNAL MODULE: external "lodash/pickBy"
197
- var pickBy_ = __webpack_require__(71);
197
+ var pickBy_ = __webpack_require__(61);
198
198
  var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy_);
199
199
 
200
- // EXTERNAL MODULE: external "@splunk/ui-utils/style"
201
- var style_ = __webpack_require__(40);
200
+ // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
201
+ var ControlGroup_ = __webpack_require__(105);
202
+
203
+ // EXTERNAL MODULE: external "@splunk/react-icons/Cross"
204
+ var Cross_ = __webpack_require__(25);
205
+ var Cross_default = /*#__PURE__*/__webpack_require__.n(Cross_);
206
+
207
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Close"
208
+ var Close_ = __webpack_require__(26);
209
+ var Close_default = /*#__PURE__*/__webpack_require__.n(Close_);
210
+
211
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Search"
212
+ var Search_ = __webpack_require__(51);
213
+ var Search_default = /*#__PURE__*/__webpack_require__.n(Search_);
214
+
215
+ // EXTERNAL MODULE: external "@splunk/react-icons/Magnifier"
216
+ var Magnifier_ = __webpack_require__(46);
217
+ var Magnifier_default = /*#__PURE__*/__webpack_require__.n(Magnifier_);
202
218
 
203
219
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
204
- var ScreenReaderContent_ = __webpack_require__(16);
220
+ var ScreenReaderContent_ = __webpack_require__(14);
205
221
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
206
222
 
223
+ // EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
224
+ var TextArea_ = __webpack_require__(164);
225
+ var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
226
+
207
227
  // EXTERNAL MODULE: external "@splunk/themes"
208
228
  var themes_ = __webpack_require__(0);
209
229
 
210
- // EXTERNAL MODULE: external "@splunk/react-ui/ControlGroup"
211
- var ControlGroup_ = __webpack_require__(106);
212
-
213
- // EXTERNAL MODULE: external "@splunk/react-ui/TextArea"
214
- var TextArea_ = __webpack_require__(160);
215
- var TextArea_default = /*#__PURE__*/__webpack_require__.n(TextArea_);
230
+ // EXTERNAL MODULE: external "@splunk/ui-utils/style"
231
+ var style_ = __webpack_require__(37);
216
232
 
217
233
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
218
234
  var i18n_ = __webpack_require__(4);
219
235
 
220
- // EXTERNAL MODULE: ./src/icons/Search.tsx
221
- var Search = __webpack_require__(39);
222
-
223
- // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
224
- var CrossMark = __webpack_require__(27);
225
-
226
- // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
227
- var updateReactRef = __webpack_require__(12);
228
-
229
- // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
230
- var SVG_ = __webpack_require__(32);
231
- var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
236
+ // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
237
+ var SVGEnterprise_ = __webpack_require__(32);
238
+ var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
232
239
 
233
240
  // CONCATENATED MODULE: ./src/Text/IconOutlinedHide.tsx
234
241
  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); }
@@ -244,7 +251,7 @@ function IconOutlinedHide(props) {
244
251
  density = _useSplunkTheme.density;
245
252
 
246
253
  if (family === 'enterprise') {
247
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, _extends({
254
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
248
255
  viewBox: "0 0 24 24",
249
256
  size: 1.2,
250
257
  screenReaderText: Object(i18n_["_"])('Hide password')
@@ -300,7 +307,7 @@ function IconOutlinedView(props) {
300
307
  density = _useSplunkTheme.density;
301
308
 
302
309
  if (family === 'enterprise') {
303
- return /*#__PURE__*/external_react_default.a.createElement(SVG_default.a, IconOutlinedView_extends({
310
+ return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, IconOutlinedView_extends({
304
311
  viewBox: "0 0 24 24",
305
312
  size: 1.2,
306
313
  screenReaderText: Object(i18n_["_"])('View password')
@@ -345,11 +352,11 @@ var external_styled_components_ = __webpack_require__(3);
345
352
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
346
353
 
347
354
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
348
- var Box_ = __webpack_require__(8);
355
+ var Box_ = __webpack_require__(6);
349
356
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
350
357
 
351
358
  // EXTERNAL MODULE: external "@splunk/react-ui/Button"
352
- var Button_ = __webpack_require__(19);
359
+ var Button_ = __webpack_require__(17);
353
360
  var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
354
361
 
355
362
  // CONCATENATED MODULE: ./src/Text/TextStyles.ts
@@ -357,7 +364,6 @@ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
357
364
 
358
365
 
359
366
 
360
-
361
367
  var disabledStyles = Object(external_styled_components_["css"])(["&,&[type]{cursor:not-allowed;color:", ";&::placeholder{color:", ";}}"], Object(themes_["pick"])({
362
368
  enterprise: themes_["variables"].textDisabledColor,
363
369
  prisma: themes_["variables"].contentColorDisabled
@@ -404,22 +410,9 @@ var StyledSearchIconWrapper = external_styled_components_default.a.span.withConf
404
410
  prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
405
411
  }));
406
412
  });
407
- var StyledSearchIcon = external_styled_components_default()(Search["a" /* default */]).withConfig({
408
- displayName: "TextStyles__StyledSearchIcon",
409
- componentId: "eg7n6t-2"
410
- })(["", ";color:", ";pointer-events:none;padding:", ";", ""], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
411
- enterprise: {
412
- light: themes_["variables"].gray60,
413
- dark: themes_["variables"].white
414
- },
415
- prisma: themes_["variables"].contentColorMuted
416
- }), Object(themes_["pick"])({
417
- comfortable: '0 8px',
418
- compact: '0 6px'
419
- }), buttonStyles);
420
413
  var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
421
414
  displayName: "TextStyles__StyledBox",
422
- componentId: "eg7n6t-3"
415
+ componentId: "eg7n6t-2"
423
416
  })(["display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;&[data-inline]{width:230px;flex-basis:230px;[data-inline] + &{margin-left:", ";}}&:focus-within:not([disabled]){", "{", "}", "{visibility:visible;display:block;}}", ""], Object(themes_["pick"])({
424
417
  enterprise: themes_["variables"].spacingHalf,
425
418
  prisma: themes_["variables"].spacingSmall
@@ -437,7 +430,7 @@ StyledClearButton, function (_ref2) {
437
430
  });
438
431
  var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
439
432
  displayName: "TextStyles__StyledInputWrapper",
440
- componentId: "eg7n6t-4"
433
+ componentId: "eg7n6t-3"
441
434
  })(["", ";flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}", " ", " ", " ", ""], themes_["mixins"].reset('inline-flex'), themes_["variables"].inputHeight, Object(themes_["pick"])({
442
435
  enterprise: {
443
436
  light: themes_["variables"].gray60,
@@ -497,7 +490,7 @@ var StyledInputWrapper = external_styled_components_default.a.span.withConfig({
497
490
 
498
491
  var StyledInput = external_styled_components_default.a.input.withConfig({
499
492
  displayName: "TextStyles__StyledInput",
500
- componentId: "eg7n6t-5"
493
+ componentId: "eg7n6t-4"
501
494
  })(["", ";&,&[type]{outline-style:none;border:0;background:transparent;color:", ";flex-grow:1;font-family:", ";font-size:inherit;line-height:inherit;&[type='time']{&::-webkit-calendar-picker-indicator{display:none;}height:", ";@media screen and (min--moz-device-pixel-ratio:0){padding-right:", ";}}position:relative;&::placeholder{color:", ";opacity:1;}", " ", "}"], themes_["mixins"].reset('inline-flex'), Object(themes_["pick"])({
502
495
  enterprise: themes_["variables"].textColor,
503
496
  prisma: themes_["variables"].contentColorActive
@@ -525,11 +518,11 @@ var StyledInput = external_styled_components_default.a.input.withConfig({
525
518
  });
526
519
  var StyledVisibilityToggle = external_styled_components_default()(Button_default.a).withConfig({
527
520
  displayName: "TextStyles__StyledVisibilityToggle",
528
- componentId: "eg7n6t-6"
521
+ componentId: "eg7n6t-5"
529
522
  })(["", ""], buttonStyles);
530
523
  var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
531
524
  displayName: "TextStyles__StyledPlaceholder",
532
- componentId: "eg7n6t-7"
525
+ componentId: "eg7n6t-6"
533
526
  })(["pointer-events:none;color:", ";position:absolute;overflow:hidden;font-size:inherit;line-height:inherit;height:", ";margin-right:", ";", ";", ";", ""], Object(themes_["pick"])({
534
527
  enterprise: themes_["variables"].textGray,
535
528
  prisma: themes_["variables"].contentColorMuted
@@ -587,7 +580,7 @@ var adornmentHolder = Object(external_styled_components_["css"])(["display:inlin
587
580
  }));
588
581
  var StyledStartAdornmentHolder = external_styled_components_default.a.div.withConfig({
589
582
  displayName: "TextStyles__StyledStartAdornmentHolder",
590
- componentId: "eg7n6t-8"
583
+ componentId: "eg7n6t-7"
591
584
  })(["", " ", ";"], adornmentHolder, function (_ref14) {
592
585
  var $width = _ref14.$width;
593
586
  return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
@@ -603,7 +596,7 @@ var StyledStartAdornmentHolder = external_styled_components_default.a.div.withCo
603
596
  });
604
597
  var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConfig({
605
598
  displayName: "TextStyles__StyledEndAdornmentHolder",
606
- componentId: "eg7n6t-9"
599
+ componentId: "eg7n6t-8"
607
600
  })(["", " ", ";"], adornmentHolder, function (_ref15) {
608
601
  var $width = _ref15.$width;
609
602
  return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
@@ -619,7 +612,7 @@ var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConf
619
612
  });
620
613
  var StyledAdornment = external_styled_components_default.a.div.withConfig({
621
614
  displayName: "TextStyles__StyledAdornment",
622
- componentId: "eg7n6t-10"
615
+ componentId: "eg7n6t-9"
623
616
  })(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", ""], Object(themes_["pick"])({
624
617
  enterprise: {
625
618
  comfortable: '30px',
@@ -645,6 +638,9 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
645
638
  enterprise: Object(external_styled_components_["css"])(["margin-left:-1px;margin-right:-1px;"])
646
639
  }));
647
640
 
641
+ // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
642
+ var updateReactRef = __webpack_require__(11);
643
+
648
644
  // CONCATENATED MODULE: ./src/Text/Text.tsx
649
645
  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); }
650
646
 
@@ -709,6 +705,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
709
705
 
710
706
 
711
707
 
708
+
709
+
712
710
 
713
711
  /** @public */
714
712
 
@@ -924,7 +922,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
924
922
  disabled = _this$props8.disabled,
925
923
  canClear = _this$props8.canClear,
926
924
  splunkTheme = _this$props8.splunkTheme;
927
- var isPrisma = splunkTheme.isPrisma;
925
+ var isPrisma = splunkTheme.isPrisma,
926
+ isCompact = splunkTheme.isCompact,
927
+ isEnterprise = splunkTheme.isEnterprise;
928
+ var prismaSize = isCompact ? '20px' : '24px';
928
929
  var adornmentProps = {
929
930
  ref: function ref(el) {
930
931
  _this.endAdornment = el;
@@ -959,8 +960,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
959
960
  if (!displayValue) {
960
961
  return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
961
962
  $disabled: disabled
962
- }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
963
- enterpriseSize: "16px",
963
+ }, /*#__PURE__*/external_react_default.a.createElement(Search_default.a, {
964
+ screenReaderText: null,
965
+ hideDefaultTooltip: true,
966
+ size: "16px",
964
967
  inline: false
965
968
  })));
966
969
  }
@@ -969,16 +972,23 @@ var Text_Text = /*#__PURE__*/function (_Component) {
969
972
  appearance: isPrisma ? 'secondary' : 'pill',
970
973
  "data-test": "clear",
971
974
  inline: false,
972
- icon: /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
973
- enterpriseSize: 1,
975
+ icon: isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
976
+ size: 1,
974
977
  screenReaderText: clearButtonText
978
+ }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
979
+ "aria-label": clearButtonText
975
980
  }),
976
981
  onClick: _this.handleClear
977
982
  }), /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
978
983
  $disabled: disabled
979
- }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
980
- enterpriseSize: "16px",
984
+ }, isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Search_default.a, {
985
+ screenReaderText: null,
986
+ hideDefaultTooltip: true,
987
+ size: "16px",
981
988
  inline: false
989
+ }) : /*#__PURE__*/external_react_default.a.createElement(Magnifier_default.a, {
990
+ width: prismaSize,
991
+ height: prismaSize
982
992
  })));
983
993
  }
984
994
 
@@ -987,10 +997,14 @@ var Text_Text = /*#__PURE__*/function (_Component) {
987
997
  "data-test": "clear",
988
998
  appearance: isPrisma ? 'secondary' : 'pill',
989
999
  onClick: _this.handleClear,
990
- icon: /*#__PURE__*/external_react_default.a.createElement(CrossMark["a" /* default */], {
1000
+ icon: isEnterprise ? /*#__PURE__*/external_react_default.a.createElement(Close_default.a, {
991
1001
  inline: false,
992
- enterpriseSize: 1,
993
1002
  screenReaderText: clearButtonText
1003
+ }) : /*#__PURE__*/external_react_default.a.createElement(Cross_default.a, {
1004
+ "aria-label": clearButtonText,
1005
+ height: prismaSize,
1006
+ inline: false,
1007
+ width: prismaSize
994
1008
  })
995
1009
  }));
996
1010
  }
@@ -1004,7 +1018,9 @@ var Text_Text = /*#__PURE__*/function (_Component) {
1004
1018
  startAdornment = _this$props9.startAdornment,
1005
1019
  splunkTheme = _this$props9.splunkTheme,
1006
1020
  disabled = _this$props9.disabled;
1007
- var isPrisma = splunkTheme.isPrisma;
1021
+ var isPrisma = splunkTheme.isPrisma,
1022
+ isCompact = splunkTheme.isCompact;
1023
+ var prismaSize = isCompact ? '20px' : '24px';
1008
1024
  var adornmentProps = {
1009
1025
  ref: function ref(el) {
1010
1026
  _this.startAdornment = el;
@@ -1020,10 +1036,10 @@ var Text_Text = /*#__PURE__*/function (_Component) {
1020
1036
  if (isPrisma && appearance === 'search') {
1021
1037
  return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledSearchIconWrapper, {
1022
1038
  $disabled: disabled
1023
- }, /*#__PURE__*/external_react_default.a.createElement(Search["a" /* default */], {
1024
- enterpriseSize: "16px",
1025
- inline: false,
1026
- screenReaderText: "Search"
1039
+ }, /*#__PURE__*/external_react_default.a.createElement(Magnifier_default.a, {
1040
+ "aria-label": "Search",
1041
+ height: prismaSize,
1042
+ width: prismaSize
1027
1043
  })));
1028
1044
  }
1029
1045
 
@@ -1259,13 +1275,6 @@ TextWithTheme.componentType = Text_Text.componentType;
1259
1275
 
1260
1276
 
1261
1277
 
1262
- /***/ }),
1263
-
1264
- /***/ 19:
1265
- /***/ (function(module, exports) {
1266
-
1267
- module.exports = require("@splunk/react-ui/Button");
1268
-
1269
1278
  /***/ }),
1270
1279
 
1271
1280
  /***/ 2:
@@ -1275,60 +1284,17 @@ module.exports = require("react");
1275
1284
 
1276
1285
  /***/ }),
1277
1286
 
1278
- /***/ 27:
1279
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1280
-
1281
- "use strict";
1282
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1283
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1284
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1285
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
1286
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
1287
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1288
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1289
- 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); }
1290
-
1291
-
1292
-
1293
-
1294
-
1295
-
1296
- function Prisma24(_ref) {
1297
- var otherProps = _extends({}, _ref);
1298
-
1299
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1300
- viewBox: "0 0 24 24"
1301
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1302
- d: "M6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.2929 17.2929C4.90238 17.6834 4.90238 18.3166 5.2929 18.7071C5.68342 19.0976 6.31659 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289Z",
1303
- fill: "currentColor"
1304
- }));
1305
- }
1306
-
1307
- function Prisma16(_ref2) {
1308
- var otherProps = _extends({}, _ref2);
1309
-
1310
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1311
- viewBox: "0 0 16 16"
1312
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1313
- d: "M12.2024 2.69009C12.5092 2.38325 13.0067 2.38325 13.3136 2.69009C13.6204 2.99693 13.6204 3.49442 13.3136 3.80126L9.11721 7.99762L13.3114 12.1918C13.6206 12.501 13.6206 13.0023 13.3114 13.3114C13.0023 13.6206 12.501 13.6206 12.1918 13.3114L7.99762 9.11721L3.885 13.2298C3.57816 13.5367 3.08067 13.5367 2.77383 13.2298C2.46699 12.923 2.46699 12.4255 2.77383 12.1187L6.88645 8.00604L2.69183 3.81142C2.38267 3.50226 2.38267 3.001 2.69183 2.69183C3.001 2.38267 3.50226 2.38267 3.81142 2.69183L8.00604 6.88646L12.2024 2.69009Z",
1314
- fill: "currentColor"
1315
- }));
1316
- }
1287
+ /***/ 25:
1288
+ /***/ (function(module, exports) {
1317
1289
 
1318
- function CrossMark(props) {
1319
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1320
- Enterprise: _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default.a,
1321
- Prisma16: Prisma16,
1322
- Prisma24: Prisma24
1323
- }, props));
1324
- }
1290
+ module.exports = require("@splunk/react-icons/Cross");
1325
1291
 
1326
1292
  /***/ }),
1327
1293
 
1328
- /***/ 29:
1294
+ /***/ 26:
1329
1295
  /***/ (function(module, exports) {
1330
1296
 
1331
- module.exports = require("@splunk/react-icons/Close");
1297
+ module.exports = require("@splunk/react-icons/enterprise/Close");
1332
1298
 
1333
1299
  /***/ }),
1334
1300
 
@@ -1342,57 +1308,14 @@ module.exports = require("styled-components");
1342
1308
  /***/ 32:
1343
1309
  /***/ (function(module, exports) {
1344
1310
 
1345
- module.exports = require("@splunk/react-icons/SVG");
1311
+ module.exports = require("@splunk/react-icons/SVGEnterprise");
1346
1312
 
1347
1313
  /***/ }),
1348
1314
 
1349
- /***/ 39:
1350
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1351
-
1352
- "use strict";
1353
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Search; });
1354
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1355
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1356
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(56);
1357
- /* harmony import */ var _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1__);
1358
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1359
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
1360
- 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); }
1361
-
1362
-
1363
-
1364
-
1365
-
1366
-
1367
- function Prisma24(_ref) {
1368
- var otherProps = _extends({}, _ref);
1369
-
1370
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1371
- viewBox: "0 0 24 24"
1372
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1373
- d: "M10.5,3.0015 C14.6421,3.0015 18,6.3593 18,10.5015 C18,12.2112 17.4279,13.7873 16.4647,15.0489 L20.7077,19.292 C21.0983,19.6825 21.0983,20.3156 20.7077,20.7062 C20.3172,21.0967 19.6841,21.0967 19.2935,20.7062 L15.0509,16.4635 C13.7888,17.4283 12.2113,18.0015 10.5,18.0015 C6.3579,18.0015 3,14.6436 3,10.5015 C3,6.3593 6.3579,3.0015 10.5,3.0015 Z M10.5,5.0015 C7.4624,5.0015 5,7.4639 5,10.5015 C5,13.539 7.4624,16.0015 10.5,16.0015 C13.5376,16.0015 16,13.539 16,10.5015 C16,7.4639 13.5376,5.0015 10.5,5.0015 Z",
1374
- fill: "currentColor"
1375
- }));
1376
- }
1377
-
1378
- function Prisma16(_ref2) {
1379
- var otherProps = _extends({}, _ref2);
1380
-
1381
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
1382
- viewBox: "0 0 16 16"
1383
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
1384
- d: "M6.85277,2.0015 C9.53288,2.0015 11.7055,4.1741 11.7055,6.8542 C11.7055,7.8463 11.4079,8.7688 10.897,9.5373 L10.9245,9.5098 L14.0018,12.5871 L12.5876,14.0014 L9.51025,10.924 L9.53587,10.8984 C8.76733,11.4093 7.84481,11.707 6.85277,11.707 C4.17266,11.707 2,9.5343 2,6.8542 C2,4.1741 4.17266,2.0015 6.85277,2.0015 Z M6.85277,4.0015 C5.27723,4.0015 4,5.2787 4,6.8542 C4,8.4298 5.27723,9.707 6.85277,9.707 C8.42831,9.707 9.70554,8.4298 9.70554,6.8542 C9.70554,5.2787 8.42831,4.0015 6.85277,4.0015 Z",
1385
- fill: "currentColor"
1386
- }));
1387
- }
1315
+ /***/ 37:
1316
+ /***/ (function(module, exports) {
1388
1317
 
1389
- function Search(props) {
1390
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
1391
- Enterprise: _splunk_react_icons_Search__WEBPACK_IMPORTED_MODULE_1___default.a,
1392
- Prisma16: Prisma16,
1393
- Prisma24: Prisma24
1394
- }, props));
1395
- }
1318
+ module.exports = require("@splunk/ui-utils/style");
1396
1319
 
1397
1320
  /***/ }),
1398
1321
 
@@ -1403,10 +1326,10 @@ module.exports = require("@splunk/ui-utils/i18n");
1403
1326
 
1404
1327
  /***/ }),
1405
1328
 
1406
- /***/ 40:
1329
+ /***/ 46:
1407
1330
  /***/ (function(module, exports) {
1408
1331
 
1409
- module.exports = require("@splunk/ui-utils/style");
1332
+ module.exports = require("@splunk/react-icons/Magnifier");
1410
1333
 
1411
1334
  /***/ }),
1412
1335
 
@@ -1417,167 +1340,31 @@ module.exports = require("lodash/omit");
1417
1340
 
1418
1341
  /***/ }),
1419
1342
 
1420
- /***/ 56:
1343
+ /***/ 51:
1421
1344
  /***/ (function(module, exports) {
1422
1345
 
1423
- module.exports = require("@splunk/react-icons/Search");
1346
+ module.exports = require("@splunk/react-icons/enterprise/Search");
1424
1347
 
1425
1348
  /***/ }),
1426
1349
 
1427
1350
  /***/ 6:
1428
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1429
-
1430
- "use strict";
1431
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
1432
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1433
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1434
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
1435
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
1436
- 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); }
1437
-
1438
-
1439
-
1440
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
1441
- displayName: "SVG__Styled",
1442
- componentId: "sc-1bz0ryh-0"
1443
- })(["flex:0 0 auto;"]);
1444
- function SVG(props) {
1445
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
1446
- xmlns: "http://www.w3.org/2000/svg"
1447
- }, props));
1448
- }
1449
-
1450
- /***/ }),
1451
-
1452
- /***/ 7:
1453
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
1454
-
1455
- "use strict";
1456
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
1457
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1458
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1459
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
1460
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
1461
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
1462
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
1463
- 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; }
1464
-
1465
- 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; }
1466
-
1467
- 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; }
1468
-
1469
- 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); }
1470
-
1471
- 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; }
1472
-
1473
- 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; }
1474
-
1475
-
1476
-
1477
-
1478
- var inlineStyles = {
1479
- display: 'inline-block',
1480
- flex: '0 0 auto',
1481
- overflow: 'visible',
1482
- verticalAlign: 'middle'
1483
- };
1484
- var blockStyles = {
1485
- display: 'block',
1486
- flex: '0 0 auto',
1487
- margin: '0 auto',
1488
- overflow: 'visible'
1489
- };
1490
- var propTypes = {
1491
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1492
- 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]),
1493
- 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]),
1494
- 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]),
1495
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
1496
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1497
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
1498
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
1499
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
1500
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
1501
- };
1502
- var defaultProps = {
1503
- inline: true,
1504
- prismaSize: 'medium'
1505
- };
1506
- function Icon(_ref) {
1507
- var Enterprise = _ref.Enterprise,
1508
- Prisma24 = _ref.Prisma24,
1509
- Prisma20 = _ref.Prisma20,
1510
- Prisma16 = _ref.Prisma16,
1511
- prismaSize = _ref.prismaSize,
1512
- inline = _ref.inline,
1513
- enterpriseSize = _ref.enterpriseSize,
1514
- enterpriseWidth = _ref.enterpriseWidth,
1515
- enterpriseHeight = _ref.enterpriseHeight,
1516
- screenReaderText = _ref.screenReaderText,
1517
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
1518
-
1519
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
1520
- family = _useSplunkTheme.family,
1521
- density = _useSplunkTheme.density; // Enterprise - all variants
1522
-
1523
-
1524
- if (family === 'enterprise') {
1525
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
1526
- size: enterpriseSize,
1527
- width: enterpriseWidth,
1528
- height: enterpriseHeight,
1529
- screenReaderText: screenReaderText || null,
1530
- hideDefaultTooltip: true,
1531
- inline: inline
1532
- }, otherProps));
1533
- }
1534
-
1535
- var prismaProps = _objectSpread({
1536
- 'aria-label': screenReaderText,
1537
- style: inline ? inlineStyles : blockStyles
1538
- }, otherProps); // Prisma - small+compact, small+comfortable
1539
-
1540
-
1541
- if (prismaSize === 'small') {
1542
- var SVG = Prisma16 || Prisma24;
1543
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
1544
- width: "16",
1545
- height: "16"
1546
- }, prismaProps));
1547
- } // Prisma - medium+compact
1548
-
1549
-
1550
- if (density === 'compact') {
1551
- var _SVG = Prisma20 || Prisma24;
1552
-
1553
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
1554
- width: "20",
1555
- height: "20"
1556
- }, prismaProps));
1557
- } // Prisma - medium+comfortable
1558
-
1351
+ /***/ (function(module, exports) {
1559
1352
 
1560
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
1561
- width: "24",
1562
- height: "24"
1563
- }, prismaProps));
1564
- }
1565
- Icon.propTypes = propTypes;
1566
- Icon.defaultProps = defaultProps;
1353
+ module.exports = require("@splunk/react-ui/Box");
1567
1354
 
1568
1355
  /***/ }),
1569
1356
 
1570
- /***/ 71:
1357
+ /***/ 61:
1571
1358
  /***/ (function(module, exports) {
1572
1359
 
1573
1360
  module.exports = require("lodash/pickBy");
1574
1361
 
1575
1362
  /***/ }),
1576
1363
 
1577
- /***/ 8:
1364
+ /***/ 9:
1578
1365
  /***/ (function(module, exports) {
1579
1366
 
1580
- module.exports = require("@splunk/react-ui/Box");
1367
+ module.exports = require("lodash/keys");
1581
1368
 
1582
1369
  /***/ })
1583
1370