@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.
- package/Accordion.js +4 -4
- package/Anchor.js +2 -2
- package/Animation.js +26 -35
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +22 -22
- package/ButtonGroup.js +2 -2
- package/ButtonSimple.js +12 -6
- package/CHANGELOG.md +69 -2
- package/Calendar.js +23 -23
- package/Card.js +15 -15
- package/CardLayout.js +2 -2
- package/Chip.js +13 -13
- package/Clickable.js +4 -4
- package/CloseButton.js +8 -8
- package/Code.js +1279 -1120
- package/CollapsiblePanel.js +11 -11
- package/Color.js +111 -172
- package/ColumnLayout.js +6 -6
- package/ComboBox.js +63 -30
- package/Concertina.js +2 -2
- package/ControlGroup.js +61 -20
- package/Date.js +66 -29
- package/DefinitionList.js +2 -2
- package/Dropdown.js +6 -6
- package/FetchOptions.js +8 -8
- package/File.js +87 -72
- package/FormRows.js +219 -331
- package/Heading.js +2 -2
- package/Image.js +15 -15
- package/JSONTree.js +63 -20
- package/Layer.js +8 -8
- package/Link.js +13 -13
- package/List.js +2 -2
- package/Markdown.js +19 -19
- package/Menu.js +315 -230
- package/Message.js +19 -19
- package/Modal.js +22 -11
- package/ModalLayer.js +25 -11
- package/Monogram.js +7 -7
- package/Multiselect.js +1931 -1057
- package/Number.js +40 -27
- package/Paginator.js +67 -49
- package/Paragraph.js +2 -2
- package/Popover.js +62 -35
- package/Progress.js +9 -21
- package/RadioBar.js +6 -6
- package/RadioList.js +2 -2
- package/ResultsMenu.js +18 -10
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +37 -19
- package/ScrollContainerContext.js +2 -2
- package/Select.js +1309 -562
- package/SidePanel.js +22 -17
- package/Slider.js +8 -8
- package/SlidingPanels.js +63 -47
- package/StaticContent.js +2 -2
- package/StepBar.js +8 -8
- package/Switch.js +20 -11
- package/TabBar.js +54 -40
- package/TabLayout.js +4 -4
- package/Table.js +148 -85
- package/Text.js +474 -356
- package/Tooltip.js +6 -6
- package/TransitionOpen.js +26 -24
- package/WaitSpinner.js +4 -4
- package/package.json +8 -7
- package/stubs-splunkui.d.ts +1 -0
- package/types/src/Accordion/Accordion.d.ts +2 -2
- package/types/src/Animation/Animation.d.ts +6 -5
- package/types/src/Button/Button.d.ts +2 -2
- package/types/src/ButtonSimple/ButtonSimple.d.ts +5 -5
- package/types/src/Calendar/DateTable.d.ts +1 -0
- package/types/src/Calendar/MonthHeader.d.ts +2 -2
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -2
- package/types/src/Color/Color.d.ts +5 -4
- package/types/src/Color/Swatch.d.ts +4 -15
- package/types/src/ComboBox/ComboBox.d.ts +2 -2
- package/types/src/ControlGroup/ControlGroup.d.ts +7 -2
- package/types/src/ControlGroup/ControlGroupContext.d.ts +15 -0
- package/types/src/Date/Date.d.ts +7 -5
- package/types/src/Date/Icon.d.ts +1 -0
- package/types/src/Dropdown/Dropdown.d.ts +1 -1
- package/types/src/File/File.d.ts +2 -2
- package/types/src/File/FileContext.d.ts +9 -0
- package/types/src/File/Icon.d.ts +1 -0
- package/types/src/File/IconCloud.d.ts +1 -0
- package/types/src/File/Item.d.ts +5 -10
- package/types/src/File/PaperClip.d.ts +1 -0
- package/types/src/File/Retry.d.ts +1 -0
- package/types/src/File/Trash.d.ts +1 -0
- package/types/src/FormRows/FormRows.d.ts +11 -69
- package/types/src/FormRows/FormRowsContext.d.ts +9 -0
- package/types/src/FormRows/Row.d.ts +7 -20
- package/types/src/JSONTree/JSONTree.d.ts +14 -2
- package/types/src/JSONTree/TreeNode.d.ts +4 -1
- package/types/src/Menu/Divider.d.ts +1 -0
- package/types/src/Menu/Heading.d.ts +3 -1
- package/types/src/Menu/Item.d.ts +22 -6
- package/types/src/Menu/Menu.d.ts +17 -18
- package/types/src/Menu/MenuContext.d.ts +6 -0
- package/types/src/Menu/index.d.ts +1 -0
- package/types/src/Multiselect/Compact.d.ts +7 -26
- package/types/src/Multiselect/Multiselect.d.ts +7 -2
- package/types/src/Multiselect/Normal.d.ts +8 -2
- package/types/src/Multiselect/Option.d.ts +4 -1
- package/types/src/Number/IncrementIcon.d.ts +1 -0
- package/types/src/Number/Number.d.ts +4 -4
- package/types/src/Paginator/PageSeparator.d.ts +3 -0
- package/types/src/Popover/Popover.d.ts +5 -5
- package/types/src/Popover/PopoverContext.d.ts +6 -0
- package/types/src/Popover/index.d.ts +1 -0
- package/types/src/RadioBar/RadioBar.d.ts +5 -5
- package/types/src/RadioList/RadioListContext.d.ts +1 -0
- package/types/src/ResultsMenu/ResultsMenu.d.ts +4 -0
- package/types/src/Scroll/Inner.d.ts +4 -3
- package/types/src/Scroll/Scroll.d.ts +1 -1
- package/types/src/Select/Option.d.ts +2 -5
- package/types/src/Select/OptionBase.d.ts +94 -0
- package/types/src/Select/Select.d.ts +12 -37
- package/types/src/Select/SelectBase.d.ts +221 -0
- package/types/src/SidePanel/SidePanel.d.ts +4 -0
- package/types/src/Slider/Slider.d.ts +4 -4
- package/types/src/SlidingPanels/SlidingPanels.d.ts +0 -1
- package/types/src/Switch/CheckIcon.d.ts +1 -0
- package/types/src/Switch/Switch.d.ts +3 -7
- package/types/src/TabBar/Tab.d.ts +4 -1
- package/types/src/TabLayout/TabLayout.d.ts +2 -2
- package/types/src/Table/DragHandle.d.ts +1 -0
- package/types/src/Table/Head.d.ts +2 -0
- package/types/src/Table/HeadCell.d.ts +2 -2
- package/types/src/Table/HeadDropdownCell.d.ts +1 -1
- package/types/src/Table/HeadExpandRowsIcon.d.ts +1 -0
- package/types/src/Table/HeadInner.d.ts +3 -3
- package/types/src/Table/Table.d.ts +7 -3
- package/types/src/Table/Toggle.d.ts +1 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -0
- package/types/src/Text/IconOutlinedView.d.ts +1 -0
- package/types/src/Text/Text.d.ts +28 -12
- package/types/src/Tooltip/InfoIcon.d.ts +1 -0
- package/types/src/Tooltip/Tooltip.d.ts +3 -3
- package/types/src/icons/Alert.d.ts +1 -0
- package/types/src/icons/AlertFilled.d.ts +1 -0
- package/types/src/icons/CaretDown.d.ts +1 -0
- package/types/src/icons/CaretRight.d.ts +1 -0
- package/types/src/icons/Check.d.ts +1 -0
- package/types/src/icons/ChevronDown.d.ts +1 -0
- package/types/src/icons/ChevronLeft.d.ts +1 -0
- package/types/src/icons/ChevronRight.d.ts +1 -0
- package/types/src/icons/CrossMark.d.ts +1 -0
- package/types/src/icons/External.d.ts +1 -0
- package/types/src/icons/InfoFilled.d.ts +1 -0
- package/types/src/icons/More.d.ts +1 -0
- package/types/src/icons/MoreVertical.d.ts +1 -0
- package/types/src/icons/Plus.d.ts +1 -0
- package/types/src/icons/SVG.d.ts +1 -0
- package/types/src/icons/Search.d.ts +1 -0
- package/types/src/icons/SortedDown.d.ts +1 -0
- package/types/src/icons/SortedUp.d.ts +1 -0
- package/types/src/icons/Success.d.ts +1 -0
- package/types/src/icons/SuccessFilled.d.ts +1 -0
- package/types/src/icons/WarningFilled.d.ts +1 -0
- 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 =
|
|
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
|
-
/***/
|
|
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 =
|
|
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
|
-
/***/
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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
|
-
/***/
|
|
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__(
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
514
|
+
/***/ 4:
|
|
515
515
|
/***/ (function(module, exports) {
|
|
516
516
|
|
|
517
|
-
module.exports = require("
|
|
517
|
+
module.exports = require("lodash");
|
|
518
518
|
|
|
519
519
|
/***/ }),
|
|
520
520
|
|
|
521
|
-
/***/
|
|
521
|
+
/***/ 41:
|
|
522
522
|
/***/ (function(module, exports) {
|
|
523
523
|
|
|
524
|
-
module.exports = require("
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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 =
|
|
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
|
-
/***/
|
|
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-
|
|
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$
|
|
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$
|
|
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$
|
|
350
|
-
indent = _this$
|
|
351
|
-
indentLevel = _this$
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
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
|
|
451
|
+
var _this4 = this;
|
|
412
452
|
|
|
413
|
-
var _this$
|
|
414
|
-
obj = _this$
|
|
415
|
-
path = _this$
|
|
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 =
|
|
464
|
+
var representation = _this4.renderValue({
|
|
425
465
|
key: key,
|
|
426
466
|
value: value
|
|
427
467
|
});
|
|
428
468
|
|
|
429
|
-
var
|
|
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
|
-
},
|
|
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 =
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
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__(
|
|
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__(
|
|
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
|
-
/***/
|
|
361
|
+
/***/ 60:
|
|
362
362
|
/***/ (function(module, exports) {
|
|
363
363
|
|
|
364
364
|
module.exports = require("react-dom");
|
|
365
365
|
|
|
366
366
|
/***/ }),
|
|
367
367
|
|
|
368
|
-
/***/
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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
|
-
/***/
|
|
319
|
+
/***/ 5:
|
|
320
320
|
/***/ (function(module, exports) {
|
|
321
321
|
|
|
322
|
-
module.exports = require("@splunk/
|
|
322
|
+
module.exports = require("@splunk/ui-utils/i18n");
|
|
323
323
|
|
|
324
324
|
/***/ }),
|
|
325
325
|
|
|
326
|
-
/***/
|
|
326
|
+
/***/ 51:
|
|
327
327
|
/***/ (function(module, exports) {
|
|
328
328
|
|
|
329
|
-
module.exports = require("@splunk/
|
|
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 =
|
|
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
|
-
/***/
|
|
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 =
|
|
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
|
-
/***/
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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__(
|
|
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
|
-
/***/
|
|
338
|
+
/***/ 29:
|
|
339
339
|
/***/ (function(module, exports) {
|
|
340
340
|
|
|
341
|
-
module.exports = require("
|
|
341
|
+
module.exports = require("@splunk/react-ui/Link");
|
|
342
342
|
|
|
343
343
|
/***/ }),
|
|
344
344
|
|
|
345
|
-
/***/
|
|
345
|
+
/***/ 3:
|
|
346
346
|
/***/ (function(module, exports) {
|
|
347
347
|
|
|
348
|
-
module.exports = require("
|
|
348
|
+
module.exports = require("styled-components");
|
|
349
349
|
|
|
350
350
|
/***/ }),
|
|
351
351
|
|
|
352
|
-
/***/
|
|
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
|
-
/***/
|
|
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
|
-
/***/
|
|
373
|
+
/***/ 82:
|
|
374
374
|
/***/ (function(module, exports) {
|
|
375
375
|
|
|
376
376
|
module.exports = require("commonmark-react-renderer");
|
|
377
377
|
|
|
378
378
|
/***/ }),
|
|
379
379
|
|
|
380
|
-
/***/
|
|
380
|
+
/***/ 83:
|
|
381
381
|
/***/ (function(module, exports) {
|
|
382
382
|
|
|
383
383
|
module.exports = require("commonmark");
|
|
384
384
|
|
|
385
385
|
/***/ }),
|
|
386
386
|
|
|
387
|
-
/***/
|
|
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
|
-
/***/
|
|
394
|
+
/***/ 85:
|
|
395
395
|
/***/ (function(module, exports) {
|
|
396
396
|
|
|
397
397
|
module.exports = require("@splunk/react-ui/Paragraph");
|