@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/Card.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 = 170);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 175);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,28 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 14:
104
+ /***/ 12:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 170:
111
+ /***/ 123:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("@splunk/react-icons/enterprise/MoreVertical");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 17:
119
+ /***/ (function(module, exports) {
120
+
121
+ module.exports = require("@splunk/react-ui/Button");
122
+
123
+ /***/ }),
124
+
125
+ /***/ 175:
112
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
127
 
114
128
  "use strict";
@@ -134,7 +148,7 @@ var external_styled_components_ = __webpack_require__(3);
134
148
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
135
149
 
136
150
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
137
- var Box_ = __webpack_require__(8);
151
+ var Box_ = __webpack_require__(6);
138
152
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
139
153
 
140
154
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -254,29 +268,35 @@ Footer.propTypes = Footer_propTypes;
254
268
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
255
269
  var i18n_ = __webpack_require__(4);
256
270
 
271
+ // EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeVertical"
272
+ var DotsThreeVertical_ = __webpack_require__(84);
273
+ var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_);
274
+
275
+ // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
276
+ var MoreVertical_ = __webpack_require__(123);
277
+ var MoreVertical_default = /*#__PURE__*/__webpack_require__.n(MoreVertical_);
278
+
257
279
  // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
258
280
  var Anchor_ = __webpack_require__(85);
259
281
  var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
260
282
 
261
- // EXTERNAL MODULE: external "@splunk/react-ui/Button"
262
- var Button_ = __webpack_require__(19);
263
- var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
264
-
265
283
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
266
- var Dropdown_ = __webpack_require__(24);
284
+ var Dropdown_ = __webpack_require__(22);
267
285
  var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
268
286
 
269
- // EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
270
- var useSplunkTheme_ = __webpack_require__(54);
271
- var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
287
+ // EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
288
+ var Tooltip_ = __webpack_require__(42);
289
+ var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
272
290
 
273
- // EXTERNAL MODULE: ./src/icons/MoreVertical.tsx
274
- var MoreVertical = __webpack_require__(86);
291
+ // EXTERNAL MODULE: external "@splunk/react-ui/Button"
292
+ var Button_ = __webpack_require__(17);
293
+ var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
275
294
 
276
295
  // CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
277
296
 
278
297
 
279
298
 
299
+
280
300
  var StyledTitle = external_styled_components_default.a.div.withConfig({
281
301
  displayName: "HeaderStyles__StyledTitle",
282
302
  componentId: "eqi6uk-0"
@@ -314,9 +334,13 @@ var StyledActionContainer = external_styled_components_default.a.div.withConfig(
314
334
  compact: Object(external_styled_components_["css"])(["margin-right:-12px;margin-top:0;"])
315
335
  }
316
336
  }));
337
+ var StyledSecondaryAction = external_styled_components_default()(Button_default.a).withConfig({
338
+ displayName: "HeaderStyles__StyledSecondaryAction",
339
+ componentId: "eqi6uk-4"
340
+ })(["margin-left:10px;"]);
317
341
  var HeaderStyles_StyledBox = external_styled_components_default()(Box_default.a).withConfig({
318
342
  displayName: "HeaderStyles__StyledBox",
319
- componentId: "eqi6uk-4"
343
+ componentId: "eqi6uk-5"
320
344
  })(["align-items:start;display:flex;flex:0 0 auto;justify-content:space-between;position:relative;min-height:30px;", " ", " >:not(", "):not(", "){flex:1 0 auto;}"], Object(themes_["pick"])({
321
345
  enterprise: Object(external_styled_components_["css"])(["padding:", ";"], themes_["variables"].spacing),
322
346
  prisma: {
@@ -332,12 +356,13 @@ StyledTitleContainer,
332
356
  StyledActionContainer);
333
357
 
334
358
  // CONCATENATED MODULE: ./src/Card/Header.tsx
335
- function Header_extends() { Header_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 Header_extends.apply(this, arguments); }
336
-
337
359
  function Header_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Header_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; }
338
360
 
339
361
  function Header_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; }
340
362
 
363
+ function Header_extends() { Header_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 Header_extends.apply(this, arguments); }
364
+
365
+
341
366
 
342
367
 
343
368
 
@@ -357,10 +382,31 @@ var Header_propTypes = {
357
382
  title: external_prop_types_default.a.node,
358
383
  truncateTitle: external_prop_types_default.a.bool
359
384
  };
360
-
385
+ // `forwardRef` is used to enable focus on toggle when Dropdown is closing
386
+ var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.a.forwardRef(function (props, ref) {
387
+ var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
388
+ family = _useSplunkTheme.family,
389
+ isCompact = _useSplunkTheme.isCompact;
390
+
391
+ var iconPrismaSize = isCompact ? '20px' : '24px';
392
+ var actionsIcon = family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(DotsThreeVertical_default.a, {
393
+ height: iconPrismaSize,
394
+ width: iconPrismaSize
395
+ }) : /*#__PURE__*/external_react_default.a.createElement(MoreVertical_default.a, null);
396
+ return /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, Header_extends({
397
+ content: Object(i18n_["_"])('Actions'),
398
+ contentRelationship: "label"
399
+ }, props), /*#__PURE__*/external_react_default.a.createElement(StyledSecondaryAction, {
400
+ appearance: "secondary",
401
+ "data-test": "actions-secondary-toggle",
402
+ icon: actionsIcon,
403
+ elementRef: ref
404
+ }));
405
+ });
361
406
  /**
362
407
  * A styled container for `Card` header content.
363
408
  */
409
+
364
410
  function Header(_ref) {
365
411
  var actionPrimary = _ref.actionPrimary,
366
412
  actionsSecondary = _ref.actionsSecondary,
@@ -373,19 +419,9 @@ function Header(_ref) {
373
419
  otherProps = Header_objectWithoutProperties(_ref, ["actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle"]);
374
420
 
375
421
  // @docs-props-type HeaderPropsBase
376
- var _useSplunkTheme = useSplunkTheme_default()(),
377
- family = _useSplunkTheme.family;
422
+ var _useSplunkTheme2 = Object(themes_["useSplunkTheme"])(),
423
+ family = _useSplunkTheme2.family;
378
424
 
379
- var actionsSecondaryToggle = /*#__PURE__*/external_react_default.a.createElement(Button_default.a, {
380
- appearance: "secondary",
381
- "data-test": "actions-secondary-toggle",
382
- icon: /*#__PURE__*/external_react_default.a.createElement(MoreVertical["a" /* default */], {
383
- screenReaderText: actionPrimary ? Object(i18n_["_"])('More Actions') : Object(i18n_["_"])('Actions')
384
- }),
385
- style: {
386
- marginLeft: 10
387
- }
388
- });
389
425
  var defaultPlacement = family === 'prisma' ? 'right' : 'below';
390
426
  return /*#__PURE__*/external_react_default.a.createElement(HeaderStyles_StyledBox, Header_extends({
391
427
  "data-test": "header"
@@ -395,14 +431,14 @@ function Header(_ref) {
395
431
  name: anchor
396
432
  }, title) : title), subtitle && /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, subtitle)), children, (actionPrimary || actionsSecondary) && /*#__PURE__*/external_react_default.a.createElement(StyledActionContainer, null, actionPrimary, actionsSecondary && /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
397
433
  defaultPlacement: defaultPlacement,
398
- toggle: actionsSecondaryToggle
434
+ toggle: /*#__PURE__*/external_react_default.a.createElement(ActionsSecondaryToggle, null)
399
435
  }, actionsSecondary)));
400
436
  }
401
437
 
402
438
  Header.propTypes = Header_propTypes;
403
439
  /* harmony default export */ var Card_Header = (Header);
404
440
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
405
- var Clickable_ = __webpack_require__(14);
441
+ var Clickable_ = __webpack_require__(12);
406
442
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
407
443
 
408
444
  // CONCATENATED MODULE: ./src/Card/CardStyles.ts
@@ -657,13 +693,6 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
657
693
 
658
694
 
659
695
 
660
- /***/ }),
661
-
662
- /***/ 19:
663
- /***/ (function(module, exports) {
664
-
665
- module.exports = require("@splunk/react-ui/Button");
666
-
667
696
  /***/ }),
668
697
 
669
698
  /***/ 2:
@@ -673,7 +702,7 @@ module.exports = require("react");
673
702
 
674
703
  /***/ }),
675
704
 
676
- /***/ 24:
705
+ /***/ 22:
677
706
  /***/ (function(module, exports) {
678
707
 
679
708
  module.exports = require("@splunk/react-ui/Dropdown");
@@ -694,212 +723,31 @@ module.exports = require("@splunk/ui-utils/i18n");
694
723
 
695
724
  /***/ }),
696
725
 
697
- /***/ 54:
726
+ /***/ 42:
698
727
  /***/ (function(module, exports) {
699
728
 
700
- module.exports = require("@splunk/themes/useSplunkTheme");
729
+ module.exports = require("@splunk/react-ui/Tooltip");
701
730
 
702
731
  /***/ }),
703
732
 
704
733
  /***/ 6:
705
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
706
-
707
- "use strict";
708
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
709
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
710
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
711
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
712
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
713
- 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); }
714
-
715
-
716
-
717
- var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
718
- displayName: "SVG__Styled",
719
- componentId: "sc-1bz0ryh-0"
720
- })(["flex:0 0 auto;"]);
721
- function SVG(props) {
722
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
723
- xmlns: "http://www.w3.org/2000/svg"
724
- }, props));
725
- }
726
-
727
- /***/ }),
728
-
729
- /***/ 7:
730
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
731
-
732
- "use strict";
733
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
734
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
735
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
736
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
737
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
738
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
739
- /* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
740
- 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; }
741
-
742
- 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; }
743
-
744
- 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; }
745
-
746
- 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); }
747
-
748
- 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; }
749
-
750
- 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; }
751
-
752
-
753
-
754
-
755
- var inlineStyles = {
756
- display: 'inline-block',
757
- flex: '0 0 auto',
758
- overflow: 'visible',
759
- verticalAlign: 'middle'
760
- };
761
- var blockStyles = {
762
- display: 'block',
763
- flex: '0 0 auto',
764
- margin: '0 auto',
765
- overflow: 'visible'
766
- };
767
- var propTypes = {
768
- Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
769
- 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]),
770
- 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]),
771
- 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]),
772
- Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
773
- Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
774
- Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
775
- prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
776
- inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
777
- screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
778
- };
779
- var defaultProps = {
780
- inline: true,
781
- prismaSize: 'medium'
782
- };
783
- function Icon(_ref) {
784
- var Enterprise = _ref.Enterprise,
785
- Prisma24 = _ref.Prisma24,
786
- Prisma20 = _ref.Prisma20,
787
- Prisma16 = _ref.Prisma16,
788
- prismaSize = _ref.prismaSize,
789
- inline = _ref.inline,
790
- enterpriseSize = _ref.enterpriseSize,
791
- enterpriseWidth = _ref.enterpriseWidth,
792
- enterpriseHeight = _ref.enterpriseHeight,
793
- screenReaderText = _ref.screenReaderText,
794
- otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
795
-
796
- var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
797
- family = _useSplunkTheme.family,
798
- density = _useSplunkTheme.density; // Enterprise - all variants
799
-
800
-
801
- if (family === 'enterprise') {
802
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
803
- size: enterpriseSize,
804
- width: enterpriseWidth,
805
- height: enterpriseHeight,
806
- screenReaderText: screenReaderText || null,
807
- hideDefaultTooltip: true,
808
- inline: inline
809
- }, otherProps));
810
- }
811
-
812
- var prismaProps = _objectSpread({
813
- 'aria-label': screenReaderText,
814
- style: inline ? inlineStyles : blockStyles
815
- }, otherProps); // Prisma - small+compact, small+comfortable
816
-
817
-
818
- if (prismaSize === 'small') {
819
- var SVG = Prisma16 || Prisma24;
820
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
821
- width: "16",
822
- height: "16"
823
- }, prismaProps));
824
- } // Prisma - medium+compact
825
-
826
-
827
- if (density === 'compact') {
828
- var _SVG = Prisma20 || Prisma24;
829
-
830
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
831
- width: "20",
832
- height: "20"
833
- }, prismaProps));
834
- } // Prisma - medium+comfortable
835
-
836
-
837
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
838
- width: "24",
839
- height: "24"
840
- }, prismaProps));
841
- }
842
- Icon.propTypes = propTypes;
843
- Icon.defaultProps = defaultProps;
844
-
845
- /***/ }),
846
-
847
- /***/ 8:
848
734
  /***/ (function(module, exports) {
849
735
 
850
736
  module.exports = require("@splunk/react-ui/Box");
851
737
 
852
738
  /***/ }),
853
739
 
854
- /***/ 85:
740
+ /***/ 84:
855
741
  /***/ (function(module, exports) {
856
742
 
857
- module.exports = require("@splunk/react-ui/Anchor");
858
-
859
- /***/ }),
860
-
861
- /***/ 86:
862
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
863
-
864
- "use strict";
865
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
866
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
867
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
868
- /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87);
869
- /* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
870
- /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
871
- /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
872
- 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); }
873
-
874
-
875
-
876
-
877
-
878
-
879
- function Prisma24(_ref) {
880
- var otherProps = _extends({}, _ref);
881
-
882
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
883
- viewBox: "0 0 24 24"
884
- }, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
885
- d: "M12.0167 6.27273C12.9205 6.27273 13.6531 5.5401 13.6531 4.63636C13.6531 3.73263 12.9205 3 12.0167 3C11.113 3 10.3804 3.73263 10.3804 4.63636C10.3804 5.5401 11.113 6.27273 12.0167 6.27273ZM13.6531 12C13.6531 12.9038 12.9205 13.6364 12.0167 13.6364C11.113 13.6364 10.3804 12.9038 10.3804 12C10.3804 11.0963 11.113 10.3636 12.0167 10.3636C12.9205 10.3636 13.6531 11.0963 13.6531 12ZM13.6531 19.3637C13.6531 20.2674 12.9205 21 12.0167 21C11.113 21 10.3804 20.2674 10.3804 19.3637C10.3804 18.4599 11.113 17.7273 12.0167 17.7273C12.9205 17.7273 13.6531 18.4599 13.6531 19.3637Z",
886
- fill: "currentColor"
887
- }));
888
- }
889
-
890
- function MoreVertical(props) {
891
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
892
- Enterprise: _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default.a,
893
- Prisma24: Prisma24
894
- }, props));
895
- }
743
+ module.exports = require("@splunk/react-icons/DotsThreeVertical");
896
744
 
897
745
  /***/ }),
898
746
 
899
- /***/ 87:
747
+ /***/ 85:
900
748
  /***/ (function(module, exports) {
901
749
 
902
- module.exports = require("@splunk/react-icons/MoreVertical");
750
+ module.exports = require("@splunk/react-ui/Anchor");
903
751
 
904
752
  /***/ })
905
753
 
package/CardLayout.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 = 205);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 213);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 205:
111
+ /***/ 213:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";