@splunk/react-ui 4.1.0 → 4.4.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 (163) hide show
  1. package/Accordion.js +4 -4
  2. package/Anchor.js +2 -2
  3. package/Animation.js +26 -35
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +22 -22
  7. package/ButtonGroup.js +2 -2
  8. package/ButtonSimple.js +12 -6
  9. package/CHANGELOG.md +69 -2
  10. package/Calendar.js +23 -23
  11. package/Card.js +15 -15
  12. package/CardLayout.js +2 -2
  13. package/Chip.js +13 -13
  14. package/Clickable.js +4 -4
  15. package/CloseButton.js +8 -8
  16. package/Code.js +1279 -1120
  17. package/CollapsiblePanel.js +11 -11
  18. package/Color.js +111 -172
  19. package/ColumnLayout.js +6 -6
  20. package/ComboBox.js +63 -30
  21. package/Concertina.js +2 -2
  22. package/ControlGroup.js +61 -20
  23. package/Date.js +66 -29
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +6 -6
  26. package/FetchOptions.js +8 -8
  27. package/File.js +87 -72
  28. package/FormRows.js +219 -331
  29. package/Heading.js +2 -2
  30. package/Image.js +15 -15
  31. package/JSONTree.js +63 -20
  32. package/Layer.js +8 -8
  33. package/Link.js +13 -13
  34. package/List.js +2 -2
  35. package/Markdown.js +19 -19
  36. package/Menu.js +315 -230
  37. package/Message.js +19 -19
  38. package/Modal.js +22 -11
  39. package/ModalLayer.js +25 -11
  40. package/Monogram.js +7 -7
  41. package/Multiselect.js +1931 -1057
  42. package/Number.js +40 -27
  43. package/Paginator.js +67 -49
  44. package/Paragraph.js +2 -2
  45. package/Popover.js +62 -35
  46. package/Progress.js +9 -21
  47. package/RadioBar.js +6 -6
  48. package/RadioList.js +2 -2
  49. package/ResultsMenu.js +18 -10
  50. package/ScreenReaderContent.js +2 -2
  51. package/Scroll.js +37 -19
  52. package/ScrollContainerContext.js +2 -2
  53. package/Select.js +1309 -562
  54. package/SidePanel.js +22 -17
  55. package/Slider.js +8 -8
  56. package/SlidingPanels.js +63 -47
  57. package/StaticContent.js +2 -2
  58. package/StepBar.js +8 -8
  59. package/Switch.js +20 -11
  60. package/TabBar.js +54 -40
  61. package/TabLayout.js +4 -4
  62. package/Table.js +148 -85
  63. package/Text.js +474 -356
  64. package/Tooltip.js +6 -6
  65. package/TransitionOpen.js +26 -24
  66. package/WaitSpinner.js +4 -4
  67. package/package.json +8 -7
  68. package/stubs-splunkui.d.ts +1 -0
  69. package/types/src/Accordion/Accordion.d.ts +2 -2
  70. package/types/src/Animation/Animation.d.ts +6 -5
  71. package/types/src/Button/Button.d.ts +2 -2
  72. package/types/src/ButtonSimple/ButtonSimple.d.ts +5 -5
  73. package/types/src/Calendar/DateTable.d.ts +1 -0
  74. package/types/src/Calendar/MonthHeader.d.ts +2 -2
  75. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -2
  76. package/types/src/Color/Color.d.ts +5 -4
  77. package/types/src/Color/Swatch.d.ts +4 -15
  78. package/types/src/ComboBox/ComboBox.d.ts +2 -2
  79. package/types/src/ControlGroup/ControlGroup.d.ts +7 -2
  80. package/types/src/ControlGroup/ControlGroupContext.d.ts +15 -0
  81. package/types/src/Date/Date.d.ts +7 -5
  82. package/types/src/Date/Icon.d.ts +1 -0
  83. package/types/src/Dropdown/Dropdown.d.ts +1 -1
  84. package/types/src/File/File.d.ts +2 -2
  85. package/types/src/File/FileContext.d.ts +9 -0
  86. package/types/src/File/Icon.d.ts +1 -0
  87. package/types/src/File/IconCloud.d.ts +1 -0
  88. package/types/src/File/Item.d.ts +5 -10
  89. package/types/src/File/PaperClip.d.ts +1 -0
  90. package/types/src/File/Retry.d.ts +1 -0
  91. package/types/src/File/Trash.d.ts +1 -0
  92. package/types/src/FormRows/FormRows.d.ts +11 -69
  93. package/types/src/FormRows/FormRowsContext.d.ts +9 -0
  94. package/types/src/FormRows/Row.d.ts +7 -20
  95. package/types/src/JSONTree/JSONTree.d.ts +14 -2
  96. package/types/src/JSONTree/TreeNode.d.ts +4 -1
  97. package/types/src/Menu/Divider.d.ts +1 -0
  98. package/types/src/Menu/Heading.d.ts +3 -1
  99. package/types/src/Menu/Item.d.ts +22 -6
  100. package/types/src/Menu/Menu.d.ts +17 -18
  101. package/types/src/Menu/MenuContext.d.ts +6 -0
  102. package/types/src/Menu/index.d.ts +1 -0
  103. package/types/src/Multiselect/Compact.d.ts +7 -26
  104. package/types/src/Multiselect/Multiselect.d.ts +7 -2
  105. package/types/src/Multiselect/Normal.d.ts +8 -2
  106. package/types/src/Multiselect/Option.d.ts +4 -1
  107. package/types/src/Number/IncrementIcon.d.ts +1 -0
  108. package/types/src/Number/Number.d.ts +4 -4
  109. package/types/src/Paginator/PageSeparator.d.ts +3 -0
  110. package/types/src/Popover/Popover.d.ts +5 -5
  111. package/types/src/Popover/PopoverContext.d.ts +6 -0
  112. package/types/src/Popover/index.d.ts +1 -0
  113. package/types/src/RadioBar/RadioBar.d.ts +5 -5
  114. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  115. package/types/src/ResultsMenu/ResultsMenu.d.ts +4 -0
  116. package/types/src/Scroll/Inner.d.ts +4 -3
  117. package/types/src/Scroll/Scroll.d.ts +1 -1
  118. package/types/src/Select/Option.d.ts +2 -5
  119. package/types/src/Select/OptionBase.d.ts +94 -0
  120. package/types/src/Select/Select.d.ts +12 -37
  121. package/types/src/Select/SelectBase.d.ts +221 -0
  122. package/types/src/SidePanel/SidePanel.d.ts +4 -0
  123. package/types/src/Slider/Slider.d.ts +4 -4
  124. package/types/src/SlidingPanels/SlidingPanels.d.ts +0 -1
  125. package/types/src/Switch/CheckIcon.d.ts +1 -0
  126. package/types/src/Switch/Switch.d.ts +3 -7
  127. package/types/src/TabBar/Tab.d.ts +4 -1
  128. package/types/src/TabLayout/TabLayout.d.ts +2 -2
  129. package/types/src/Table/DragHandle.d.ts +1 -0
  130. package/types/src/Table/Head.d.ts +2 -0
  131. package/types/src/Table/HeadCell.d.ts +2 -2
  132. package/types/src/Table/HeadDropdownCell.d.ts +1 -1
  133. package/types/src/Table/HeadExpandRowsIcon.d.ts +1 -0
  134. package/types/src/Table/HeadInner.d.ts +3 -3
  135. package/types/src/Table/Table.d.ts +7 -3
  136. package/types/src/Table/Toggle.d.ts +1 -0
  137. package/types/src/Text/IconOutlinedHide.d.ts +1 -0
  138. package/types/src/Text/IconOutlinedView.d.ts +1 -0
  139. package/types/src/Text/Text.d.ts +28 -12
  140. package/types/src/Tooltip/InfoIcon.d.ts +1 -0
  141. package/types/src/Tooltip/Tooltip.d.ts +3 -3
  142. package/types/src/icons/Alert.d.ts +1 -0
  143. package/types/src/icons/AlertFilled.d.ts +1 -0
  144. package/types/src/icons/CaretDown.d.ts +1 -0
  145. package/types/src/icons/CaretRight.d.ts +1 -0
  146. package/types/src/icons/Check.d.ts +1 -0
  147. package/types/src/icons/ChevronDown.d.ts +1 -0
  148. package/types/src/icons/ChevronLeft.d.ts +1 -0
  149. package/types/src/icons/ChevronRight.d.ts +1 -0
  150. package/types/src/icons/CrossMark.d.ts +1 -0
  151. package/types/src/icons/External.d.ts +1 -0
  152. package/types/src/icons/InfoFilled.d.ts +1 -0
  153. package/types/src/icons/More.d.ts +1 -0
  154. package/types/src/icons/MoreVertical.d.ts +1 -0
  155. package/types/src/icons/Plus.d.ts +1 -0
  156. package/types/src/icons/SVG.d.ts +1 -0
  157. package/types/src/icons/Search.d.ts +1 -0
  158. package/types/src/icons/SortedDown.d.ts +1 -0
  159. package/types/src/icons/SortedUp.d.ts +1 -0
  160. package/types/src/icons/Success.d.ts +1 -0
  161. package/types/src/icons/SuccessFilled.d.ts +1 -0
  162. package/types/src/icons/WarningFilled.d.ts +1 -0
  163. package/types/src/utils/types.d.ts +1 -0
package/Heading.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 = 149);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 152);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 149:
104
+ /***/ 152:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Image.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 = 152);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 161);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 152:
111
+ /***/ 161:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -130,17 +130,17 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
130
130
  var external_lodash_ = __webpack_require__(4);
131
131
 
132
132
  // EXTERNAL MODULE: external "@splunk/ui-utils/format"
133
- var format_ = __webpack_require__(37);
133
+ var format_ = __webpack_require__(41);
134
134
 
135
135
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
136
136
  var i18n_ = __webpack_require__(5);
137
137
 
138
138
  // EXTERNAL MODULE: external "@splunk/react-ui/File"
139
- var File_ = __webpack_require__(78);
139
+ var File_ = __webpack_require__(80);
140
140
  var File_default = /*#__PURE__*/__webpack_require__.n(File_);
141
141
 
142
142
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
143
- var CrossMark = __webpack_require__(20);
143
+ var CrossMark = __webpack_require__(21);
144
144
 
145
145
  // EXTERNAL MODULE: external "styled-components"
146
146
  var external_styled_components_ = __webpack_require__(3);
@@ -151,7 +151,7 @@ var Clickable_ = __webpack_require__(11);
151
151
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
152
152
 
153
153
  // EXTERNAL MODULE: external "@splunk/react-ui/Message"
154
- var Message_ = __webpack_require__(79);
154
+ var Message_ = __webpack_require__(81);
155
155
  var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
156
156
 
157
157
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -447,14 +447,14 @@ module.exports = require("react");
447
447
 
448
448
  /***/ }),
449
449
 
450
- /***/ 20:
450
+ /***/ 21:
451
451
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
452
452
 
453
453
  "use strict";
454
454
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
455
455
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
456
456
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
457
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23);
457
+ /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
458
458
  /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
459
459
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
460
460
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -497,7 +497,7 @@ function CrossMark(props) {
497
497
 
498
498
  /***/ }),
499
499
 
500
- /***/ 23:
500
+ /***/ 25:
501
501
  /***/ (function(module, exports) {
502
502
 
503
503
  module.exports = require("@splunk/react-icons/Close");
@@ -511,17 +511,17 @@ module.exports = require("styled-components");
511
511
 
512
512
  /***/ }),
513
513
 
514
- /***/ 37:
514
+ /***/ 4:
515
515
  /***/ (function(module, exports) {
516
516
 
517
- module.exports = require("@splunk/ui-utils/format");
517
+ module.exports = require("lodash");
518
518
 
519
519
  /***/ }),
520
520
 
521
- /***/ 4:
521
+ /***/ 41:
522
522
  /***/ (function(module, exports) {
523
523
 
524
- module.exports = require("lodash");
524
+ module.exports = require("@splunk/ui-utils/format");
525
525
 
526
526
  /***/ }),
527
527
 
@@ -675,14 +675,14 @@ Icon.defaultProps = defaultProps;
675
675
 
676
676
  /***/ }),
677
677
 
678
- /***/ 78:
678
+ /***/ 80:
679
679
  /***/ (function(module, exports) {
680
680
 
681
681
  module.exports = require("@splunk/react-ui/File");
682
682
 
683
683
  /***/ }),
684
684
 
685
- /***/ 79:
685
+ /***/ 81:
686
686
  /***/ (function(module, exports) {
687
687
 
688
688
  module.exports = require("@splunk/react-ui/Message");
package/JSONTree.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 = 118);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 121);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 118:
111
+ /***/ 121:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -204,9 +204,16 @@ var StyledProperty = external_styled_components_default.a.span.withConfig({
204
204
  },
205
205
  prisma: themes_["variables"].syntaxRed
206
206
  }));
207
+ var StyledPropertyInteractiveClickable = external_styled_components_default()(StyledProperty.withComponent(Clickable_default.a)).withConfig({
208
+ displayName: "TreeNodeStyles__StyledPropertyInteractiveClickable",
209
+ componentId: "sc-1rdul18-3"
210
+ })(["font-family:inherit;&:focus{box-shadow:0 0 1px 3px ", ";outline:0;&:active{box-shadow:none;}}&:hover{background-color:", ";}"], themes_["variables"].focusColor, Object(themes_["pick"])({
211
+ enterprise: themes_["variables"].backgroundColorHover,
212
+ prisma: themes_["variables"].interactiveColorOverlayHover
213
+ }));
207
214
  var StyledExpandLinkClickable = external_styled_components_default()(Clickable_default.a).withConfig({
208
215
  displayName: "TreeNodeStyles__StyledExpandLinkClickable",
209
- componentId: "sc-1rdul18-3"
216
+ componentId: "sc-1rdul18-4"
210
217
  })(["cursor:pointer;color:", ";font-family:inherit;&:hover{background-color:", ";text-decoration:none;}&:focus{box-shadow:", ";&:active{box-shadow:none;}}", ""], Object(themes_["pick"])({
211
218
  enterprise: {
212
219
  dark: themes_["variables"].accentColorL20,
@@ -268,6 +275,7 @@ var propTypes = {
268
275
  indent: external_prop_types_default.a.number,
269
276
  indentLevel: external_prop_types_default.a.number,
270
277
  obj: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.array, external_prop_types_default.a.number, external_prop_types_default.a.string, external_prop_types_default.a.bool]).isRequired,
278
+ onClickKey: external_prop_types_default.a.func,
271
279
  onClickValue: external_prop_types_default.a.func,
272
280
  overflow: external_prop_types_default.a.oneOf(['wrap', 'scroll'])
273
281
  };
@@ -307,14 +315,27 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
307
315
  });
308
316
  });
309
317
 
318
+ _defineProperty(_assertThisInitialized(_this), "handleClickKey", function (e, key) {
319
+ var _this$props$onClickKe, _this$props;
320
+
321
+ var path = _this.props.path; // When rendering a single value key is not present, here we prevent `[undefined]` in path
322
+
323
+ var keyPath = key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path);
324
+ var keyPathString = ".".concat(keyPath.join('.'));
325
+ (_this$props$onClickKe = (_this$props = _this.props).onClickKey) === null || _this$props$onClickKe === void 0 ? void 0 : _this$props$onClickKe.call(_this$props, e, {
326
+ key: keyPathString,
327
+ keyPath: keyPath
328
+ });
329
+ });
330
+
310
331
  _defineProperty(_assertThisInitialized(_this), "handleClickValue", function (e, key) {
311
- var _this$props$onClickVa, _this$props;
332
+ var _this$props$onClickVa, _this$props2;
312
333
 
313
334
  var path = _this.props.path; // When rendering a single value key is not present, here we prevent `[undefined]` in path
314
335
 
315
336
  var keyPath = key !== undefined ? [].concat(_toConsumableArray(path), [key]) : _toConsumableArray(path);
316
337
  var keyPathString = ".".concat(keyPath.join('.'));
317
- (_this$props$onClickVa = (_this$props = _this.props).onClickValue) === null || _this$props$onClickVa === void 0 ? void 0 : _this$props$onClickVa.call(_this$props, e, {
338
+ (_this$props$onClickVa = (_this$props2 = _this.props).onClickValue) === null || _this$props$onClickVa === void 0 ? void 0 : _this$props$onClickVa.call(_this$props2, e, {
318
339
  key: keyPathString,
319
340
  keyPath: keyPath,
320
341
  value: e.target.textContent // TS: cannot be null in this component, see textContent docs
@@ -346,13 +367,14 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
346
367
 
347
368
  var value = _ref.value,
348
369
  key = _ref.key;
349
- var _this$props2 = this.props,
350
- indent = _this$props2.indent,
351
- indentLevel = _this$props2.indentLevel,
352
- onClickValue = _this$props2.onClickValue,
353
- expandChildren = _this$props2.expandChildren,
354
- overflow = _this$props2.overflow,
355
- path = _this$props2.path;
370
+ var _this$props3 = this.props,
371
+ indent = _this$props3.indent,
372
+ indentLevel = _this$props3.indentLevel,
373
+ onClickKey = _this$props3.onClickKey,
374
+ onClickValue = _this$props3.onClickValue,
375
+ expandChildren = _this$props3.expandChildren,
376
+ overflow = _this$props3.overflow,
377
+ path = _this$props3.path;
356
378
  var isPrimitive = !Object(external_lodash_["isObject"])(value); // isObject is true for arrays
357
379
 
358
380
  var representation = value; // determine if value should be represented as a simple string
@@ -368,6 +390,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
368
390
  ,
369
391
  defaultOpen: expandChildren,
370
392
  expandChildren: expandChildren,
393
+ onClickKey: onClickKey,
371
394
  onClickValue: onClickValue,
372
395
  indent: indent,
373
396
  indentLevel: indentLevel + 1,
@@ -405,14 +428,31 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
405
428
 
406
429
  return representation;
407
430
  }
431
+ }, {
432
+ key: "renderKey",
433
+ value: function renderKey(key) {
434
+ var _this3 = this;
435
+
436
+ var onClickKey = this.props.onClickKey;
437
+
438
+ if (onClickKey) {
439
+ return /*#__PURE__*/external_react_default.a.createElement("span", null, /*#__PURE__*/external_react_default.a.createElement(StyledPropertyInteractiveClickable, {
440
+ onClick: function onClick(e) {
441
+ _this3.handleClickKey(e, key);
442
+ }
443
+ }, key));
444
+ }
445
+
446
+ return /*#__PURE__*/external_react_default.a.createElement("span", null, /*#__PURE__*/external_react_default.a.createElement(StyledProperty, null, key), ":", ' ');
447
+ }
408
448
  }, {
409
449
  key: "renderObject",
410
450
  value: function renderObject() {
411
- var _this3 = this;
451
+ var _this4 = this;
412
452
 
413
- var _this$props3 = this.props,
414
- obj = _this$props3.obj,
415
- path = _this$props3.path;
453
+ var _this$props4 = this.props,
454
+ obj = _this$props4.obj,
455
+ path = _this$props4.path;
416
456
 
417
457
  if (Object(external_lodash_["isObject"])(obj) || Object(external_lodash_["isArray"])(obj)) {
418
458
  return Object(external_lodash_["keys"])(obj).map(function (mapKey, index, properties) {
@@ -421,17 +461,17 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
421
461
  var key = Object(external_lodash_["isArray"])(obj) ? parseInt(mapKey, 10) : mapKey;
422
462
  var propertyDataPath = path.length === 0 ? ".".concat(key) : ".".concat(path.join('.'), ".").concat(key);
423
463
 
424
- var representation = _this3.renderValue({
464
+ var representation = _this4.renderValue({
425
465
  key: key,
426
466
  value: value
427
467
  });
428
468
 
429
- var propertyLabel = !Object(external_lodash_["isArray"])(obj) ? /*#__PURE__*/external_react_default.a.createElement("span", null, /*#__PURE__*/external_react_default.a.createElement(StyledProperty, null, key), ":", ' ') : null;
469
+ var propertyElement = !Object(external_lodash_["isArray"])(obj) ? _this4.renderKey(key) : undefined;
430
470
  return /*#__PURE__*/external_react_default.a.createElement("div", {
431
471
  key: propertyDataPath,
432
472
  role: "treeitem",
433
473
  "data-test-path": propertyDataPath
434
- }, _this3.regularIndent, propertyLabel, representation, index + 1 < properties.length ? ',' : null);
474
+ }, _this4.regularIndent, propertyElement, representation, index + 1 < properties.length ? ',' : null);
435
475
  });
436
476
  } // edge case: a single number/string/boolean being rendered (still valid JSON)
437
477
 
@@ -493,6 +533,7 @@ var JSONTree_propTypes = {
493
533
  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
494
534
  json: external_prop_types_default.a.oneOfType([external_prop_types_default.a.string, external_prop_types_default.a.object, external_prop_types_default.a.array, external_prop_types_default.a.number, external_prop_types_default.a.bool]).isRequired,
495
535
  indent: external_prop_types_default.a.number,
536
+ onClickKey: external_prop_types_default.a.func,
496
537
  onClickValue: external_prop_types_default.a.func,
497
538
  expandChildren: external_prop_types_default.a.bool,
498
539
  overflow: external_prop_types_default.a.oneOf(['wrap', 'scroll'])
@@ -508,10 +549,11 @@ function JSONTree(_ref) {
508
549
  _ref$indent = _ref.indent,
509
550
  indent = _ref$indent === void 0 ? 4 : _ref$indent,
510
551
  json = _ref.json,
552
+ onClickKey = _ref.onClickKey,
511
553
  onClickValue = _ref.onClickValue,
512
554
  _ref$overflow = _ref.overflow,
513
555
  overflow = _ref$overflow === void 0 ? 'scroll' : _ref$overflow,
514
- otherProps = _objectWithoutProperties(_ref, ["elementRef", "expandChildren", "indent", "json", "onClickValue", "overflow"]);
556
+ otherProps = _objectWithoutProperties(_ref, ["elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow"]);
515
557
 
516
558
  // @docs-props-type JSONTreePropsBase
517
559
  var obj = Object(external_lodash_["isString"])(json) ? JSON.parse(json) : json;
@@ -526,6 +568,7 @@ function JSONTree(_ref) {
526
568
  expandChildren: expandChildren,
527
569
  indent: indent,
528
570
  obj: obj,
571
+ onClickKey: onClickKey,
529
572
  onClickValue: onClickValue,
530
573
  overflow: overflow
531
574
  }));
package/Layer.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 164);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 166);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 101:
97
+ /***/ 103:
98
98
  /***/ (function(module, exports) {
99
99
 
100
100
  var g;
@@ -128,7 +128,7 @@ module.exports = require("react-event-listener");
128
128
 
129
129
  /***/ }),
130
130
 
131
- /***/ 164:
131
+ /***/ 166:
132
132
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
133
133
 
134
134
  "use strict";
@@ -145,7 +145,7 @@ var external_react_ = __webpack_require__(2);
145
145
  var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
146
146
 
147
147
  // EXTERNAL MODULE: external "react-dom"
148
- var external_react_dom_ = __webpack_require__(58);
148
+ var external_react_dom_ = __webpack_require__(60);
149
149
 
150
150
  // EXTERNAL MODULE: external "prop-types"
151
151
  var external_prop_types_ = __webpack_require__(1);
@@ -162,7 +162,7 @@ var external_lodash_ = __webpack_require__(4);
162
162
  var keyboard_ = __webpack_require__(9);
163
163
 
164
164
  // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
165
- var LayerStack = __webpack_require__(66);
165
+ var LayerStack = __webpack_require__(68);
166
166
 
167
167
  // CONCATENATED MODULE: ./src/Layer/Layer.tsx
168
168
  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); }
@@ -358,14 +358,14 @@ module.exports = require("lodash");
358
358
 
359
359
  /***/ }),
360
360
 
361
- /***/ 58:
361
+ /***/ 60:
362
362
  /***/ (function(module, exports) {
363
363
 
364
364
  module.exports = require("react-dom");
365
365
 
366
366
  /***/ }),
367
367
 
368
- /***/ 66:
368
+ /***/ 68:
369
369
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
370
370
 
371
371
  "use strict";
@@ -415,7 +415,7 @@ function LayerStackGlobalProvider(_ref) {
415
415
 
416
416
  LayerStackGlobalProvider.propTypes = propTypes;
417
417
 
418
- /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(101)))
418
+ /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(103)))
419
419
 
420
420
  /***/ }),
421
421
 
package/Link.js CHANGED
@@ -108,13 +108,6 @@ module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 16:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("@splunk/react-ui/Dropdown");
115
-
116
- /***/ }),
117
-
118
111
  /***/ 162:
119
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
113
 
@@ -134,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
134
127
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
135
128
 
136
129
  // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
137
- var Dropdown_ = __webpack_require__(16);
130
+ var Dropdown_ = __webpack_require__(19);
138
131
 
139
132
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
140
133
  var i18n_ = __webpack_require__(5);
@@ -144,7 +137,7 @@ var external_styled_components_ = __webpack_require__(3);
144
137
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
145
138
 
146
139
  // EXTERNAL MODULE: external "@splunk/react-icons/External"
147
- var External_ = __webpack_require__(49);
140
+ var External_ = __webpack_require__(51);
148
141
  var External_default = /*#__PURE__*/__webpack_require__.n(External_);
149
142
 
150
143
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
@@ -300,6 +293,13 @@ _defineProperty(Link_Link, Dropdown_["legacyRefMode"], true);
300
293
  // CONCATENATED MODULE: ./src/Link/index.ts
301
294
 
302
295
 
296
+ /***/ }),
297
+
298
+ /***/ 19:
299
+ /***/ (function(module, exports) {
300
+
301
+ module.exports = require("@splunk/react-ui/Dropdown");
302
+
303
303
  /***/ }),
304
304
 
305
305
  /***/ 2:
@@ -316,17 +316,17 @@ module.exports = require("styled-components");
316
316
 
317
317
  /***/ }),
318
318
 
319
- /***/ 49:
319
+ /***/ 5:
320
320
  /***/ (function(module, exports) {
321
321
 
322
- module.exports = require("@splunk/react-icons/External");
322
+ module.exports = require("@splunk/ui-utils/i18n");
323
323
 
324
324
  /***/ }),
325
325
 
326
- /***/ 5:
326
+ /***/ 51:
327
327
  /***/ (function(module, exports) {
328
328
 
329
- module.exports = require("@splunk/ui-utils/i18n");
329
+ module.exports = require("@splunk/react-icons/External");
330
330
 
331
331
  /***/ })
332
332
 
package/List.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 = 128);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 138);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 128:
104
+ /***/ 138:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
package/Markdown.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 = 139);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 158);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 139:
104
+ /***/ 158:
105
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
106
 
107
107
  "use strict";
@@ -120,11 +120,11 @@ var external_prop_types_ = __webpack_require__(1);
120
120
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
121
121
 
122
122
  // EXTERNAL MODULE: external "commonmark-react-renderer"
123
- var external_commonmark_react_renderer_ = __webpack_require__(80);
123
+ var external_commonmark_react_renderer_ = __webpack_require__(82);
124
124
  var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
125
125
 
126
126
  // EXTERNAL MODULE: external "commonmark"
127
- var external_commonmark_ = __webpack_require__(81);
127
+ var external_commonmark_ = __webpack_require__(83);
128
128
  var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
129
129
 
130
130
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -132,23 +132,23 @@ var Box_ = __webpack_require__(8);
132
132
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
133
133
 
134
134
  // EXTERNAL MODULE: external "@splunk/react-ui/Code"
135
- var Code_ = __webpack_require__(82);
135
+ var Code_ = __webpack_require__(84);
136
136
  var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
137
137
 
138
138
  // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
139
- var Heading_ = __webpack_require__(59);
139
+ var Heading_ = __webpack_require__(61);
140
140
  var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
141
141
 
142
142
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
143
- var Link_ = __webpack_require__(32);
143
+ var Link_ = __webpack_require__(29);
144
144
  var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
145
145
 
146
146
  // EXTERNAL MODULE: external "@splunk/react-ui/List"
147
- var List_ = __webpack_require__(68);
147
+ var List_ = __webpack_require__(70);
148
148
  var List_default = /*#__PURE__*/__webpack_require__.n(List_);
149
149
 
150
150
  // EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
151
- var Paragraph_ = __webpack_require__(83);
151
+ var Paragraph_ = __webpack_require__(85);
152
152
  var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
153
153
 
154
154
  // EXTERNAL MODULE: external "styled-components"
@@ -335,28 +335,28 @@ module.exports = require("react");
335
335
 
336
336
  /***/ }),
337
337
 
338
- /***/ 3:
338
+ /***/ 29:
339
339
  /***/ (function(module, exports) {
340
340
 
341
- module.exports = require("styled-components");
341
+ module.exports = require("@splunk/react-ui/Link");
342
342
 
343
343
  /***/ }),
344
344
 
345
- /***/ 32:
345
+ /***/ 3:
346
346
  /***/ (function(module, exports) {
347
347
 
348
- module.exports = require("@splunk/react-ui/Link");
348
+ module.exports = require("styled-components");
349
349
 
350
350
  /***/ }),
351
351
 
352
- /***/ 59:
352
+ /***/ 61:
353
353
  /***/ (function(module, exports) {
354
354
 
355
355
  module.exports = require("@splunk/react-ui/Heading");
356
356
 
357
357
  /***/ }),
358
358
 
359
- /***/ 68:
359
+ /***/ 70:
360
360
  /***/ (function(module, exports) {
361
361
 
362
362
  module.exports = require("@splunk/react-ui/List");
@@ -370,28 +370,28 @@ module.exports = require("@splunk/react-ui/Box");
370
370
 
371
371
  /***/ }),
372
372
 
373
- /***/ 80:
373
+ /***/ 82:
374
374
  /***/ (function(module, exports) {
375
375
 
376
376
  module.exports = require("commonmark-react-renderer");
377
377
 
378
378
  /***/ }),
379
379
 
380
- /***/ 81:
380
+ /***/ 83:
381
381
  /***/ (function(module, exports) {
382
382
 
383
383
  module.exports = require("commonmark");
384
384
 
385
385
  /***/ }),
386
386
 
387
- /***/ 82:
387
+ /***/ 84:
388
388
  /***/ (function(module, exports) {
389
389
 
390
390
  module.exports = require("@splunk/react-ui/Code");
391
391
 
392
392
  /***/ }),
393
393
 
394
- /***/ 83:
394
+ /***/ 85:
395
395
  /***/ (function(module, exports) {
396
396
 
397
397
  module.exports = require("@splunk/react-ui/Paragraph");