@splunk/react-ui 4.14.0 → 4.15.0
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/.dockerignore +2 -0
- package/Accordion.js +41 -16
- package/Anchor.js +9 -9
- package/Animation.js +6 -6
- package/AnimationToggle.js +2 -2
- package/Box.js +9 -9
- package/Button.js +35 -34
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +14 -14
- package/CHANGELOG.md +30 -0
- package/Calendar.js +124 -106
- package/Card.js +68 -68
- package/CardLayout.js +9 -9
- package/Chip.js +23 -23
- package/Clickable.js +38 -14
- package/CloseButton.js +23 -23
- package/Code.js +484 -436
- package/CollapsiblePanel.js +59 -34
- package/Color.js +297 -187
- package/ColumnLayout.js +18 -17
- package/ComboBox.js +81 -32
- package/Concertina.js +88 -27
- package/ControlGroup.js +81 -24
- package/Date.js +44 -31
- package/DefinitionList.js +14 -8
- package/Divider.d.ts +2 -0
- package/Divider.js +9 -9
- package/Dockerfile.enterprise.storybook +7 -0
- package/Dockerfile.prisma.storybook +7 -0
- package/Dockerfile.visual +10 -0
- package/Dropdown.js +78 -18
- package/EventListener.js +17 -17
- package/File.js +96 -43
- package/FormRows.js +38 -37
- package/Heading.js +83 -55
- package/Image.js +67 -42
- package/JSONTree.js +106 -21
- package/Layer.js +59 -34
- package/Link.js +17 -17
- package/List.js +3 -3
- package/Markdown.js +71 -65
- package/Menu.js +155 -121
- package/Message.js +129 -129
- package/MessageBar.js +136 -136
- package/Modal.js +57 -32
- package/ModalLayer.js +15 -15
- package/Monogram.js +18 -17
- package/Multiselect.js +2793 -2315
- package/Number.js +74 -37
- package/Paginator.js +99 -86
- package/Paragraph.js +10 -10
- package/Popover.js +191 -54
- package/Progress.js +23 -22
- package/RadioBar.js +32 -14
- package/RadioList.js +17 -11
- package/Resize.js +33 -20
- package/ResultsMenu.js +36 -23
- package/ScreenReaderContent.js +9 -9
- package/Scroll.js +50 -25
- package/ScrollContainerContext.js +48 -48
- package/Search.js +68 -31
- package/Select.js +347 -69
- package/SidePanel.js +37 -24
- package/Slider.js +54 -24
- package/SlidingPanels.js +52 -14
- package/SplitButton.js +23 -22
- package/StaticContent.js +9 -9
- package/StepBar.js +22 -22
- package/Switch.js +18 -13
- package/TabBar.js +22 -22
- package/TabLayout.js +43 -18
- package/Table.js +371 -162
- package/Text.js +91 -49
- package/TextArea.d.ts +2 -0
- package/TextArea.js +127 -49
- package/Tooltip.js +236 -59
- package/TransitionOpen.js +39 -26
- package/Typography.d.ts +2 -0
- package/Typography.js +17 -16
- package/WaitSpinner.js +15 -15
- package/docker-compose.yml +42 -0
- package/package.json +12 -10
- package/test-runner-jest.config.js +11 -6
- package/types/src/Accordion/AccordionContext.d.ts +1 -0
- package/types/src/Button/docs/examples/Selected.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
- package/types/src/Calendar/Calendar.d.ts +2 -0
- package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
- package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
- package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
- package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
- package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
- package/types/src/File/File.d.ts +4 -2
- package/types/src/File/FileContext.d.ts +1 -0
- package/types/src/FormRows/FormRowsContext.d.ts +1 -0
- package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
- package/types/src/Menu/MenuContext.d.ts +1 -0
- package/types/src/Modal/ModalContext.d.ts +1 -0
- package/types/src/Multiselect/Compact.d.ts +10 -1
- package/types/src/Multiselect/Multiselect.d.ts +12 -1
- package/types/src/Multiselect/Normal.d.ts +2 -0
- package/types/src/Popover/Popover.d.ts +25 -5
- package/types/src/Popover/PopoverContext.d.ts +1 -0
- package/types/src/RadioBar/RadioBar.d.ts +5 -3
- package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
- package/types/src/RadioList/RadioList.d.ts +5 -1
- package/types/src/RadioList/RadioListContext.d.ts +1 -0
- package/types/src/Select/SelectBase.d.ts +2 -0
- package/types/src/Slider/Slider.d.ts +5 -3
- package/types/src/StepBar/StepBarContext.d.ts +1 -0
- package/types/src/Switch/Switch.d.ts +2 -0
- package/types/src/TabBar/TabBarContext.d.ts +1 -0
- package/types/src/Table/Head.d.ts +2 -0
- package/types/src/Table/TableContext.d.ts +1 -0
- package/types/src/Text/Text.d.ts +5 -3
- package/types/src/TextArea/TextArea.d.ts +5 -3
- package/types/src/Tooltip/Tooltip.d.ts +16 -4
- package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
- package/useForceUpdate.js +9 -9
- package/useKeyPress.js +2 -2
- package/usePrevious.js +9 -9
- package/.storybook-visual/config/snapshotResolver.js +0 -29
- package/.storybook-visual/main.js +0 -22
- package/.storybook-visual/preview.jsx +0 -31
- package/.storybook-visual/scripts/test.sh +0 -108
- package/.storybook-visual/test-runner.js +0 -108
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 = 186);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,35 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 10:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("lodash/keys");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 113:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("lodash/isObject");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 118:
|
|
119
|
+
/***/ (function(module, exports) {
|
|
120
|
+
|
|
121
|
+
module.exports = require("lodash/fill");
|
|
122
|
+
|
|
123
|
+
/***/ }),
|
|
124
|
+
|
|
125
|
+
/***/ 14:
|
|
105
126
|
/***/ (function(module, exports) {
|
|
106
127
|
|
|
107
128
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
129
|
|
|
109
130
|
/***/ }),
|
|
110
131
|
|
|
111
|
-
/***/
|
|
132
|
+
/***/ 186:
|
|
112
133
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
134
|
|
|
114
135
|
"use strict";
|
|
@@ -126,15 +147,44 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
126
147
|
var external_prop_types_ = __webpack_require__(1);
|
|
127
148
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
128
149
|
|
|
129
|
-
// EXTERNAL MODULE: external "lodash"
|
|
130
|
-
var
|
|
150
|
+
// EXTERNAL MODULE: external "lodash/isString"
|
|
151
|
+
var isString_ = __webpack_require__(25);
|
|
152
|
+
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
|
|
153
|
+
|
|
154
|
+
// EXTERNAL MODULE: external "lodash/fill"
|
|
155
|
+
var fill_ = __webpack_require__(118);
|
|
156
|
+
var fill_default = /*#__PURE__*/__webpack_require__.n(fill_);
|
|
157
|
+
|
|
158
|
+
// EXTERNAL MODULE: external "lodash/isArray"
|
|
159
|
+
var isArray_ = __webpack_require__(73);
|
|
160
|
+
var isArray_default = /*#__PURE__*/__webpack_require__.n(isArray_);
|
|
161
|
+
|
|
162
|
+
// EXTERNAL MODULE: external "lodash/isEmpty"
|
|
163
|
+
var isEmpty_ = __webpack_require__(91);
|
|
164
|
+
var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty_);
|
|
165
|
+
|
|
166
|
+
// EXTERNAL MODULE: external "lodash/isNumber"
|
|
167
|
+
var isNumber_ = __webpack_require__(74);
|
|
168
|
+
var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber_);
|
|
169
|
+
|
|
170
|
+
// EXTERNAL MODULE: external "lodash/isObject"
|
|
171
|
+
var isObject_ = __webpack_require__(113);
|
|
172
|
+
var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject_);
|
|
173
|
+
|
|
174
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
175
|
+
var keys_ = __webpack_require__(10);
|
|
176
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
177
|
+
|
|
178
|
+
// EXTERNAL MODULE: external "lodash/repeat"
|
|
179
|
+
var repeat_ = __webpack_require__(79);
|
|
180
|
+
var repeat_default = /*#__PURE__*/__webpack_require__.n(repeat_);
|
|
131
181
|
|
|
132
182
|
// EXTERNAL MODULE: external "styled-components"
|
|
133
183
|
var external_styled_components_ = __webpack_require__(3);
|
|
134
184
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
135
185
|
|
|
136
186
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
137
|
-
var Clickable_ = __webpack_require__(
|
|
187
|
+
var Clickable_ = __webpack_require__(14);
|
|
138
188
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
139
189
|
|
|
140
190
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -268,6 +318,13 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
268
318
|
|
|
269
319
|
|
|
270
320
|
|
|
321
|
+
|
|
322
|
+
|
|
323
|
+
|
|
324
|
+
|
|
325
|
+
|
|
326
|
+
|
|
327
|
+
|
|
271
328
|
var propTypes = {
|
|
272
329
|
path: external_prop_types_default.a.arrayOf(external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string])),
|
|
273
330
|
defaultOpen: external_prop_types_default.a.bool,
|
|
@@ -360,8 +417,8 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
|
|
|
360
417
|
};
|
|
361
418
|
}
|
|
362
419
|
|
|
363
|
-
_this.regularIndent =
|
|
364
|
-
_this.closingIndent =
|
|
420
|
+
_this.regularIndent = fill_default()(Array(props.indentLevel), repeat_default()("\xA0", props.indent));
|
|
421
|
+
_this.closingIndent = fill_default()(Array(props.indentLevel - 1), repeat_default()("\xA0", props.indent));
|
|
365
422
|
return _this;
|
|
366
423
|
}
|
|
367
424
|
|
|
@@ -393,14 +450,14 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
|
|
|
393
450
|
expandChildren = _this$props3.expandChildren,
|
|
394
451
|
overflow = _this$props3.overflow,
|
|
395
452
|
path = _this$props3.path;
|
|
396
|
-
var isPrimitive = !
|
|
453
|
+
var isPrimitive = !isObject_default()(value); // isObject is true for arrays
|
|
397
454
|
|
|
398
455
|
var representation = value; // determine if value should be represented as a simple string
|
|
399
456
|
// or as a child node
|
|
400
457
|
|
|
401
458
|
if (!isPrimitive) {
|
|
402
|
-
if (
|
|
403
|
-
representation =
|
|
459
|
+
if (isEmpty_default()(value)) {
|
|
460
|
+
representation = isArray_default()(value) ? '[]' : '{}';
|
|
404
461
|
} else {
|
|
405
462
|
representation = /*#__PURE__*/external_react_default.a.createElement(JSONTreeNode, {
|
|
406
463
|
obj: value,
|
|
@@ -424,7 +481,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
|
|
|
424
481
|
} // for string or number representations, apply styles and optional interactivity
|
|
425
482
|
|
|
426
483
|
|
|
427
|
-
if (
|
|
484
|
+
if (isString_default()(representation) || isNumber_default()(representation)) {
|
|
428
485
|
var valueType = value === null ? 'null' : // TS: bigint, function, symbol are prevented by JSONElement type
|
|
429
486
|
_typeof(value);
|
|
430
487
|
|
|
@@ -472,11 +529,11 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
|
|
|
472
529
|
obj = _this$props4.obj,
|
|
473
530
|
path = _this$props4.path;
|
|
474
531
|
|
|
475
|
-
if (
|
|
476
|
-
return
|
|
532
|
+
if (isObject_default()(obj) || isArray_default()(obj)) {
|
|
533
|
+
return keys_default()(obj).map(function (mapKey, index, properties) {
|
|
477
534
|
var value = obj[mapKey]; // TS: should be safe based on (recursive) JSONElement type
|
|
478
535
|
|
|
479
|
-
var key =
|
|
536
|
+
var key = isArray_default()(obj) ? parseInt(mapKey, 10) : mapKey;
|
|
480
537
|
var propertyDataPath = path.length === 0 ? ".".concat(key) : ".".concat(path.join('.'), ".").concat(key);
|
|
481
538
|
|
|
482
539
|
var representation = _this5.renderValue({
|
|
@@ -484,7 +541,7 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
|
|
|
484
541
|
value: value
|
|
485
542
|
});
|
|
486
543
|
|
|
487
|
-
var propertyElement = !
|
|
544
|
+
var propertyElement = !isArray_default()(obj) ? _this5.renderKey(key) : undefined;
|
|
488
545
|
return /*#__PURE__*/external_react_default.a.createElement("div", {
|
|
489
546
|
key: propertyDataPath,
|
|
490
547
|
role: "treeitem",
|
|
@@ -506,11 +563,11 @@ var TreeNode_JSONTreeNode = /*#__PURE__*/function (_Component) {
|
|
|
506
563
|
value: function render() {
|
|
507
564
|
var open = this.state.open;
|
|
508
565
|
var obj = this.props.obj;
|
|
509
|
-
var isExpandable =
|
|
566
|
+
var isExpandable = isObject_default()(obj) && !isEmpty_default()(obj) || isArray_default()(obj) && obj.length > 0;
|
|
510
567
|
return /*#__PURE__*/external_react_default.a.createElement("span", {
|
|
511
568
|
"data-test": isExpandable ? 'node' : null,
|
|
512
569
|
"data-test-expanded": isExpandable ? this.state.open : null
|
|
513
|
-
}, isExpandable && (
|
|
570
|
+
}, isExpandable && (isArray_default()(obj) ? '[' : '{'), isExpandable && this.renderExpandLink(), !isExpandable || open ? this.renderObject() : null, !isExpandable || open ? this.closingIndent : null, isExpandable && (isArray_default()(obj) ? ']' : '}'));
|
|
514
571
|
}
|
|
515
572
|
}]);
|
|
516
573
|
|
|
@@ -574,7 +631,7 @@ function JSONTree(_ref) {
|
|
|
574
631
|
otherProps = _objectWithoutProperties(_ref, ["elementRef", "expandChildren", "indent", "json", "onClickKey", "onClickValue", "overflow"]);
|
|
575
632
|
|
|
576
633
|
// @docs-props-type JSONTreePropsBase
|
|
577
|
-
var obj =
|
|
634
|
+
var obj = isString_default()(json) ? JSON.parse(json) : json;
|
|
578
635
|
var StyledCode = overflow === 'wrap' ? StyledWrapCode : StyledScrollCode;
|
|
579
636
|
return /*#__PURE__*/external_react_default.a.createElement(StyledCode, _extends({
|
|
580
637
|
"data-language": "language-json",
|
|
@@ -607,6 +664,13 @@ module.exports = require("react");
|
|
|
607
664
|
|
|
608
665
|
/***/ }),
|
|
609
666
|
|
|
667
|
+
/***/ 25:
|
|
668
|
+
/***/ (function(module, exports) {
|
|
669
|
+
|
|
670
|
+
module.exports = require("lodash/isString");
|
|
671
|
+
|
|
672
|
+
/***/ }),
|
|
673
|
+
|
|
610
674
|
/***/ 3:
|
|
611
675
|
/***/ (function(module, exports) {
|
|
612
676
|
|
|
@@ -614,10 +678,31 @@ module.exports = require("styled-components");
|
|
|
614
678
|
|
|
615
679
|
/***/ }),
|
|
616
680
|
|
|
617
|
-
/***/
|
|
681
|
+
/***/ 73:
|
|
682
|
+
/***/ (function(module, exports) {
|
|
683
|
+
|
|
684
|
+
module.exports = require("lodash/isArray");
|
|
685
|
+
|
|
686
|
+
/***/ }),
|
|
687
|
+
|
|
688
|
+
/***/ 74:
|
|
689
|
+
/***/ (function(module, exports) {
|
|
690
|
+
|
|
691
|
+
module.exports = require("lodash/isNumber");
|
|
692
|
+
|
|
693
|
+
/***/ }),
|
|
694
|
+
|
|
695
|
+
/***/ 79:
|
|
696
|
+
/***/ (function(module, exports) {
|
|
697
|
+
|
|
698
|
+
module.exports = require("lodash/repeat");
|
|
699
|
+
|
|
700
|
+
/***/ }),
|
|
701
|
+
|
|
702
|
+
/***/ 91:
|
|
618
703
|
/***/ (function(module, exports) {
|
|
619
704
|
|
|
620
|
-
module.exports = require("lodash");
|
|
705
|
+
module.exports = require("lodash/isEmpty");
|
|
621
706
|
|
|
622
707
|
/***/ })
|
|
623
708
|
|
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 = 214);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 119:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("lodash/pull");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 162:
|
|
105
112
|
/***/ (function(module, exports) {
|
|
106
113
|
|
|
107
114
|
var g;
|
|
@@ -128,14 +135,28 @@ module.exports = g;
|
|
|
128
135
|
|
|
129
136
|
/***/ }),
|
|
130
137
|
|
|
131
|
-
/***/
|
|
138
|
+
/***/ 17:
|
|
132
139
|
/***/ (function(module, exports) {
|
|
133
140
|
|
|
134
141
|
module.exports = require("@splunk/react-ui/EventListener");
|
|
135
142
|
|
|
136
143
|
/***/ }),
|
|
137
144
|
|
|
138
|
-
/***/
|
|
145
|
+
/***/ 18:
|
|
146
|
+
/***/ (function(module, exports) {
|
|
147
|
+
|
|
148
|
+
module.exports = require("lodash/includes");
|
|
149
|
+
|
|
150
|
+
/***/ }),
|
|
151
|
+
|
|
152
|
+
/***/ 2:
|
|
153
|
+
/***/ (function(module, exports) {
|
|
154
|
+
|
|
155
|
+
module.exports = require("react");
|
|
156
|
+
|
|
157
|
+
/***/ }),
|
|
158
|
+
|
|
159
|
+
/***/ 214:
|
|
139
160
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
140
161
|
|
|
141
162
|
"use strict";
|
|
@@ -153,24 +174,33 @@ var external_react_ = __webpack_require__(2);
|
|
|
153
174
|
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
154
175
|
|
|
155
176
|
// EXTERNAL MODULE: external "react-dom"
|
|
156
|
-
var external_react_dom_ = __webpack_require__(
|
|
177
|
+
var external_react_dom_ = __webpack_require__(93);
|
|
157
178
|
|
|
158
179
|
// EXTERNAL MODULE: external "prop-types"
|
|
159
180
|
var external_prop_types_ = __webpack_require__(1);
|
|
160
181
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
161
182
|
|
|
162
|
-
// EXTERNAL MODULE: external "lodash"
|
|
163
|
-
var
|
|
183
|
+
// EXTERNAL MODULE: external "lodash/includes"
|
|
184
|
+
var includes_ = __webpack_require__(18);
|
|
185
|
+
var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
|
|
186
|
+
|
|
187
|
+
// EXTERNAL MODULE: external "lodash/last"
|
|
188
|
+
var last_ = __webpack_require__(94);
|
|
189
|
+
var last_default = /*#__PURE__*/__webpack_require__.n(last_);
|
|
190
|
+
|
|
191
|
+
// EXTERNAL MODULE: external "lodash/pull"
|
|
192
|
+
var pull_ = __webpack_require__(119);
|
|
193
|
+
var pull_default = /*#__PURE__*/__webpack_require__.n(pull_);
|
|
164
194
|
|
|
165
195
|
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
166
196
|
var keyboard_ = __webpack_require__(9);
|
|
167
197
|
|
|
168
198
|
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
169
|
-
var EventListener_ = __webpack_require__(
|
|
199
|
+
var EventListener_ = __webpack_require__(17);
|
|
170
200
|
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
171
201
|
|
|
172
202
|
// EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
|
|
173
|
-
var LayerStack = __webpack_require__(
|
|
203
|
+
var LayerStack = __webpack_require__(95);
|
|
174
204
|
|
|
175
205
|
// EXTERNAL MODULE: external "styled-components"
|
|
176
206
|
var external_styled_components_ = __webpack_require__(3);
|
|
@@ -191,7 +221,7 @@ var StyledLayer = external_styled_components_default.a.div.withConfig({
|
|
|
191
221
|
});
|
|
192
222
|
|
|
193
223
|
// EXTERNAL MODULE: ./src/utils/ssrDocument.ts
|
|
194
|
-
var ssrDocument = __webpack_require__(
|
|
224
|
+
var ssrDocument = __webpack_require__(28);
|
|
195
225
|
|
|
196
226
|
// CONCATENATED MODULE: ./src/Layer/Layer.tsx
|
|
197
227
|
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); }
|
|
@@ -227,6 +257,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
227
257
|
|
|
228
258
|
|
|
229
259
|
|
|
260
|
+
|
|
261
|
+
|
|
230
262
|
/** @public */
|
|
231
263
|
|
|
232
264
|
var possibleCloseReasons = ['clickAway', 'escapeKey'];
|
|
@@ -271,7 +303,7 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
271
303
|
var _this$props$onRequest, _this$props;
|
|
272
304
|
|
|
273
305
|
// clicks inside the layer should not be considered clickAways
|
|
274
|
-
if (!_this.props.open || !
|
|
306
|
+
if (!_this.props.open || !includes_default()(_this.props.closeReasons, 'clickAway') || _this.layerClickEvent === event) {
|
|
275
307
|
return;
|
|
276
308
|
}
|
|
277
309
|
|
|
@@ -282,7 +314,7 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
282
314
|
});
|
|
283
315
|
|
|
284
316
|
_defineProperty(_assertThisInitialized(_this), "handleKeyDownOnWindow", function (event) {
|
|
285
|
-
if (_this.props.open && Object(keyboard_["keycode"])(event) === 'esc' &&
|
|
317
|
+
if (_this.props.open && Object(keyboard_["keycode"])(event) === 'esc' && last_default()(_this.getLayerStack()) === _assertThisInitialized(_this) && includes_default()(_this.props.closeReasons, 'escapeKey')) {
|
|
286
318
|
var _this$props$onRequest2, _this$props2;
|
|
287
319
|
|
|
288
320
|
(_this$props$onRequest2 = (_this$props2 = _this.props).onRequestClose) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, {
|
|
@@ -316,13 +348,13 @@ var Layer_Layer = /*#__PURE__*/function (_Component) {
|
|
|
316
348
|
if (!prevProps.open && this.props.open) {
|
|
317
349
|
this.getLayerStack().push(this);
|
|
318
350
|
} else if (prevProps.open && !this.props.open) {
|
|
319
|
-
|
|
351
|
+
pull_default()(this.getLayerStack(), this);
|
|
320
352
|
}
|
|
321
353
|
}
|
|
322
354
|
}, {
|
|
323
355
|
key: "componentWillUnmount",
|
|
324
356
|
value: function componentWillUnmount() {
|
|
325
|
-
|
|
357
|
+
pull_default()(this.getLayerStack(), this);
|
|
326
358
|
}
|
|
327
359
|
}, {
|
|
328
360
|
key: "getLayerStack",
|
|
@@ -396,14 +428,7 @@ _defineProperty(Layer_Layer, "contextType", LayerStack["b" /* LayerStackContext
|
|
|
396
428
|
|
|
397
429
|
/***/ }),
|
|
398
430
|
|
|
399
|
-
/***/
|
|
400
|
-
/***/ (function(module, exports) {
|
|
401
|
-
|
|
402
|
-
module.exports = require("react");
|
|
403
|
-
|
|
404
|
-
/***/ }),
|
|
405
|
-
|
|
406
|
-
/***/ 27:
|
|
431
|
+
/***/ 28:
|
|
407
432
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
408
433
|
|
|
409
434
|
"use strict";
|
|
@@ -481,21 +506,28 @@ module.exports = require("styled-components");
|
|
|
481
506
|
|
|
482
507
|
/***/ }),
|
|
483
508
|
|
|
484
|
-
/***/
|
|
509
|
+
/***/ 9:
|
|
485
510
|
/***/ (function(module, exports) {
|
|
486
511
|
|
|
487
|
-
module.exports = require("
|
|
512
|
+
module.exports = require("@splunk/ui-utils/keyboard");
|
|
488
513
|
|
|
489
514
|
/***/ }),
|
|
490
515
|
|
|
491
|
-
/***/
|
|
516
|
+
/***/ 93:
|
|
492
517
|
/***/ (function(module, exports) {
|
|
493
518
|
|
|
494
519
|
module.exports = require("react-dom");
|
|
495
520
|
|
|
496
521
|
/***/ }),
|
|
497
522
|
|
|
498
|
-
/***/
|
|
523
|
+
/***/ 94:
|
|
524
|
+
/***/ (function(module, exports) {
|
|
525
|
+
|
|
526
|
+
module.exports = require("lodash/last");
|
|
527
|
+
|
|
528
|
+
/***/ }),
|
|
529
|
+
|
|
530
|
+
/***/ 95:
|
|
499
531
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
500
532
|
|
|
501
533
|
"use strict";
|
|
@@ -554,14 +586,7 @@ function LayerStackGlobalProvider(_ref) {
|
|
|
554
586
|
|
|
555
587
|
LayerStackGlobalProvider.propTypes = propTypes;
|
|
556
588
|
|
|
557
|
-
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(
|
|
558
|
-
|
|
559
|
-
/***/ }),
|
|
560
|
-
|
|
561
|
-
/***/ 9:
|
|
562
|
-
/***/ (function(module, exports) {
|
|
563
|
-
|
|
564
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
589
|
+
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(162)))
|
|
565
590
|
|
|
566
591
|
/***/ })
|
|
567
592
|
|
package/Link.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 = 215);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,21 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 14:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 2:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("react");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 215:
|
|
112
119
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
120
|
|
|
114
121
|
"use strict";
|
|
@@ -127,21 +134,21 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
127
134
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
128
135
|
|
|
129
136
|
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
130
|
-
var Dropdown_ = __webpack_require__(
|
|
137
|
+
var Dropdown_ = __webpack_require__(24);
|
|
131
138
|
|
|
132
139
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
133
|
-
var i18n_ = __webpack_require__(
|
|
140
|
+
var i18n_ = __webpack_require__(4);
|
|
134
141
|
|
|
135
142
|
// EXTERNAL MODULE: external "styled-components"
|
|
136
143
|
var external_styled_components_ = __webpack_require__(3);
|
|
137
144
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
138
145
|
|
|
139
146
|
// EXTERNAL MODULE: external "@splunk/react-icons/External"
|
|
140
|
-
var External_ = __webpack_require__(
|
|
147
|
+
var External_ = __webpack_require__(60);
|
|
141
148
|
var External_default = /*#__PURE__*/__webpack_require__.n(External_);
|
|
142
149
|
|
|
143
150
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
144
|
-
var Clickable_ = __webpack_require__(
|
|
151
|
+
var Clickable_ = __webpack_require__(14);
|
|
145
152
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
146
153
|
|
|
147
154
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -295,14 +302,7 @@ _defineProperty(Link_Link, Dropdown_["legacyRefMode"], true);
|
|
|
295
302
|
|
|
296
303
|
/***/ }),
|
|
297
304
|
|
|
298
|
-
/***/
|
|
299
|
-
/***/ (function(module, exports) {
|
|
300
|
-
|
|
301
|
-
module.exports = require("react");
|
|
302
|
-
|
|
303
|
-
/***/ }),
|
|
304
|
-
|
|
305
|
-
/***/ 20:
|
|
305
|
+
/***/ 24:
|
|
306
306
|
/***/ (function(module, exports) {
|
|
307
307
|
|
|
308
308
|
module.exports = require("@splunk/react-ui/Dropdown");
|
|
@@ -316,14 +316,14 @@ module.exports = require("styled-components");
|
|
|
316
316
|
|
|
317
317
|
/***/ }),
|
|
318
318
|
|
|
319
|
-
/***/
|
|
319
|
+
/***/ 4:
|
|
320
320
|
/***/ (function(module, exports) {
|
|
321
321
|
|
|
322
322
|
module.exports = require("@splunk/ui-utils/i18n");
|
|
323
323
|
|
|
324
324
|
/***/ }),
|
|
325
325
|
|
|
326
|
-
/***/
|
|
326
|
+
/***/ 60:
|
|
327
327
|
/***/ (function(module, exports) {
|
|
328
328
|
|
|
329
329
|
module.exports = require("@splunk/react-icons/External");
|
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 = 193);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 193:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -133,7 +133,7 @@ var themes_ = __webpack_require__(0);
|
|
|
133
133
|
var StyledOl = external_styled_components_default.a.ol.withConfig({
|
|
134
134
|
displayName: "ListStyles__StyledOl",
|
|
135
135
|
componentId: "sc-1yyh8l9-0"
|
|
136
|
-
})(["", ";list-style-type:", ";padding-left:40px;margin-bottom:1.3em;margin-top:1em;"], themes_["mixins"].reset('block'), function (_ref) {
|
|
136
|
+
})(["", ";", ";list-style-type:", ";padding-left:40px;margin-bottom:1.3em;margin-top:1em;"], themes_["mixins"].reset('block'), themes_["mixins"].typography('body'), function (_ref) {
|
|
137
137
|
var $type = _ref.$type;
|
|
138
138
|
return $type;
|
|
139
139
|
});
|