@splunk/react-ui 4.14.0 → 4.16.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 +54 -51
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +68 -64
- package/CHANGELOG.md +46 -0
- package/Calendar.js +124 -106
- package/Card.js +68 -68
- package/CardLayout.js +9 -9
- package/Chip.js +22 -22
- 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 +54 -36
- 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 +108 -46
- package/FormRows.js +38 -37
- package/Heading.js +83 -55
- package/Image.js +63 -38
- package/JSONTree.js +106 -21
- package/Layer.js +59 -34
- package/Link.js +17 -17
- package/List.js +3 -3
- package/MIGRATION.md +21 -0
- 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 +2807 -2310
- package/Number.js +74 -37
- package/Paginator.js +96 -83
- 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 +51 -26
- package/ScrollContainerContext.js +48 -48
- package/Search.js +68 -31
- package/Select.js +501 -204
- 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 +46 -18
- package/Table.js +424 -166
- 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 +18 -17
- package/WaitSpinner.js +15 -15
- package/docker-compose.yml +42 -0
- package/package.json +13 -12
- package/test-runner-jest.config.js +11 -6
- package/types/src/Accordion/AccordionContext.d.ts +1 -0
- package/types/src/Button/Button.d.ts +5 -2
- package/types/src/Button/docs/examples/Basic.d.ts +2 -2
- package/types/src/Button/docs/examples/Selected.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
- package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
- 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 +14 -1
- package/types/src/Multiselect/Multiselect.d.ts +15 -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/Select.d.ts +3 -1
- package/types/src/Select/SelectBase.d.ts +14 -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/TabLayout/Panel.d.ts +3 -0
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Body.d.ts +2 -0
- package/types/src/Table/Head.d.ts +2 -0
- package/types/src/Table/Row.d.ts +11 -3
- package/types/src/Table/Table.d.ts +5 -3
- 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/Typography/Typography.d.ts +1 -1
- 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/SidePanel.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 = 226);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,28 @@ 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
|
+
/***/ 103:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("@splunk/react-ui/ModalLayer");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 2:
|
|
119
|
+
/***/ (function(module, exports) {
|
|
120
|
+
|
|
121
|
+
module.exports = require("react");
|
|
122
|
+
|
|
123
|
+
/***/ }),
|
|
124
|
+
|
|
125
|
+
/***/ 226:
|
|
105
126
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
127
|
|
|
107
128
|
"use strict";
|
|
@@ -119,11 +140,16 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
119
140
|
var external_prop_types_ = __webpack_require__(1);
|
|
120
141
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
121
142
|
|
|
122
|
-
// EXTERNAL MODULE: external "lodash"
|
|
123
|
-
var
|
|
143
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
144
|
+
var keys_ = __webpack_require__(10);
|
|
145
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
146
|
+
|
|
147
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
148
|
+
var omit_ = __webpack_require__(5);
|
|
149
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
124
150
|
|
|
125
151
|
// EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
|
|
126
|
-
var ModalLayer_ = __webpack_require__(
|
|
152
|
+
var ModalLayer_ = __webpack_require__(103);
|
|
127
153
|
var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
|
|
128
154
|
|
|
129
155
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -131,7 +157,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
131
157
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
132
158
|
|
|
133
159
|
// EXTERNAL MODULE: external "@splunk/react-ui/TransitionOpen"
|
|
134
|
-
var TransitionOpen_ = __webpack_require__(
|
|
160
|
+
var TransitionOpen_ = __webpack_require__(72);
|
|
135
161
|
var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
|
|
136
162
|
|
|
137
163
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -210,6 +236,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
210
236
|
|
|
211
237
|
|
|
212
238
|
|
|
239
|
+
|
|
213
240
|
var propTypes = {
|
|
214
241
|
children: external_prop_types_default.a.node,
|
|
215
242
|
dockPosition: external_prop_types_default.a.oneOf(['top', 'bottom', 'left', 'right']),
|
|
@@ -290,7 +317,7 @@ var SidePanel_SidePanel = /*#__PURE__*/function (_Component) {
|
|
|
290
317
|
role: "dialog",
|
|
291
318
|
tabIndex: -1,
|
|
292
319
|
takeFocus: true
|
|
293
|
-
},
|
|
320
|
+
}, omit_default()(_this.props, [].concat(_toConsumableArray(keys_default()(SidePanel.propTypes)), ['onAnimationEnd']))), children);
|
|
294
321
|
});
|
|
295
322
|
|
|
296
323
|
_this.state = {
|
|
@@ -342,13 +369,6 @@ _defineProperty(SidePanel_SidePanel, "getDerivedStateFromProps", function (props
|
|
|
342
369
|
|
|
343
370
|
|
|
344
371
|
|
|
345
|
-
/***/ }),
|
|
346
|
-
|
|
347
|
-
/***/ 2:
|
|
348
|
-
/***/ (function(module, exports) {
|
|
349
|
-
|
|
350
|
-
module.exports = require("react");
|
|
351
|
-
|
|
352
372
|
/***/ }),
|
|
353
373
|
|
|
354
374
|
/***/ 3:
|
|
@@ -358,25 +378,18 @@ module.exports = require("styled-components");
|
|
|
358
378
|
|
|
359
379
|
/***/ }),
|
|
360
380
|
|
|
361
|
-
/***/
|
|
381
|
+
/***/ 5:
|
|
362
382
|
/***/ (function(module, exports) {
|
|
363
383
|
|
|
364
|
-
module.exports = require("lodash");
|
|
384
|
+
module.exports = require("lodash/omit");
|
|
365
385
|
|
|
366
386
|
/***/ }),
|
|
367
387
|
|
|
368
|
-
/***/
|
|
388
|
+
/***/ 72:
|
|
369
389
|
/***/ (function(module, exports) {
|
|
370
390
|
|
|
371
391
|
module.exports = require("@splunk/react-ui/TransitionOpen");
|
|
372
392
|
|
|
373
|
-
/***/ }),
|
|
374
|
-
|
|
375
|
-
/***/ 79:
|
|
376
|
-
/***/ (function(module, exports) {
|
|
377
|
-
|
|
378
|
-
module.exports = require("@splunk/react-ui/ModalLayer");
|
|
379
|
-
|
|
380
393
|
/***/ })
|
|
381
394
|
|
|
382
395
|
/******/ });
|
package/Slider.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 = 227);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,21 +101,42 @@ 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
|
+
/***/ 11:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("lodash/has");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 150:
|
|
105
119
|
/***/ (function(module, exports) {
|
|
106
120
|
|
|
107
121
|
module.exports = require("decimal.js-light");
|
|
108
122
|
|
|
109
123
|
/***/ }),
|
|
110
124
|
|
|
111
|
-
/***/
|
|
125
|
+
/***/ 17:
|
|
112
126
|
/***/ (function(module, exports) {
|
|
113
127
|
|
|
114
128
|
module.exports = require("@splunk/react-ui/EventListener");
|
|
115
129
|
|
|
116
130
|
/***/ }),
|
|
117
131
|
|
|
118
|
-
/***/
|
|
132
|
+
/***/ 2:
|
|
133
|
+
/***/ (function(module, exports) {
|
|
134
|
+
|
|
135
|
+
module.exports = require("react");
|
|
136
|
+
|
|
137
|
+
/***/ }),
|
|
138
|
+
|
|
139
|
+
/***/ 227:
|
|
119
140
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
120
141
|
|
|
121
142
|
"use strict";
|
|
@@ -134,11 +155,20 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
134
155
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
135
156
|
|
|
136
157
|
// EXTERNAL MODULE: external "decimal.js-light"
|
|
137
|
-
var external_decimal_js_light_ = __webpack_require__(
|
|
158
|
+
var external_decimal_js_light_ = __webpack_require__(150);
|
|
138
159
|
var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
|
|
139
160
|
|
|
140
|
-
// EXTERNAL MODULE: external "lodash"
|
|
141
|
-
var
|
|
161
|
+
// EXTERNAL MODULE: external "lodash/has"
|
|
162
|
+
var has_ = __webpack_require__(11);
|
|
163
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
164
|
+
|
|
165
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
166
|
+
var keys_ = __webpack_require__(10);
|
|
167
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
168
|
+
|
|
169
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
170
|
+
var omit_ = __webpack_require__(5);
|
|
171
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
142
172
|
|
|
143
173
|
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
144
174
|
var keyboard_ = __webpack_require__(9);
|
|
@@ -147,11 +177,11 @@ var keyboard_ = __webpack_require__(9);
|
|
|
147
177
|
var themes_ = __webpack_require__(0);
|
|
148
178
|
|
|
149
179
|
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
150
|
-
var EventListener_ = __webpack_require__(
|
|
180
|
+
var EventListener_ = __webpack_require__(17);
|
|
151
181
|
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
152
182
|
|
|
153
183
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
154
|
-
var Popover_ = __webpack_require__(
|
|
184
|
+
var Popover_ = __webpack_require__(23);
|
|
155
185
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
156
186
|
|
|
157
187
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -159,7 +189,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
159
189
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
160
190
|
|
|
161
191
|
// EXTERNAL MODULE: external "tinycolor2"
|
|
162
|
-
var external_tinycolor2_ = __webpack_require__(
|
|
192
|
+
var external_tinycolor2_ = __webpack_require__(64);
|
|
163
193
|
var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
|
|
164
194
|
|
|
165
195
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
@@ -352,6 +382,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
352
382
|
|
|
353
383
|
|
|
354
384
|
|
|
385
|
+
|
|
386
|
+
|
|
355
387
|
var propTypes = {
|
|
356
388
|
defaultValue: external_prop_types_default.a.number,
|
|
357
389
|
describedBy: external_prop_types_default.a.string,
|
|
@@ -367,6 +399,9 @@ var propTypes = {
|
|
|
367
399
|
minLabel: external_prop_types_default.a.node,
|
|
368
400
|
name: external_prop_types_default.a.string,
|
|
369
401
|
onChange: external_prop_types_default.a.func,
|
|
402
|
+
|
|
403
|
+
/** @private. */
|
|
404
|
+
required: external_prop_types_default.a.bool,
|
|
370
405
|
step: external_prop_types_default.a.number,
|
|
371
406
|
stepMarks: external_prop_types_default.a.oneOf(['focus', 'always', 'never']),
|
|
372
407
|
|
|
@@ -561,8 +596,8 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
|
|
|
561
596
|
return (val - _this.props.min) / valRange * 100;
|
|
562
597
|
});
|
|
563
598
|
|
|
564
|
-
_this.controlledExternally =
|
|
565
|
-
var defValue =
|
|
599
|
+
_this.controlledExternally = has_default()(props, 'value');
|
|
600
|
+
var defValue = has_default()(props, 'defaultValue') ? props.defaultValue : _this.roundValueToStep((props.max - props.min) / 2);
|
|
566
601
|
_this.state = {
|
|
567
602
|
isFocused: false,
|
|
568
603
|
selected: false,
|
|
@@ -673,6 +708,7 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
|
|
|
673
708
|
maxLabel = _this$props3.maxLabel,
|
|
674
709
|
min = _this$props3.min,
|
|
675
710
|
minLabel = _this$props3.minLabel,
|
|
711
|
+
required = _this$props3.required,
|
|
676
712
|
stepMarks = _this$props3.stepMarks;
|
|
677
713
|
var _this$state = this.state,
|
|
678
714
|
isFocused = _this$state.isFocused,
|
|
@@ -682,7 +718,7 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
|
|
|
682
718
|
var position = this.valueToPosition(currentValue);
|
|
683
719
|
var showStepMarks = stepMarks === 'focus' && isFocused || stepMarks === 'always';
|
|
684
720
|
var stepMarksWidth = showStepMarks && sliderBar ? this.stepMarksWidth() : undefined;
|
|
685
|
-
var boxProps =
|
|
721
|
+
var boxProps = omit_default()(this.props, keys_default()(Slider.propTypes));
|
|
686
722
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
687
723
|
|
|
688
724
|
return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
|
|
@@ -705,6 +741,7 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
|
|
|
705
741
|
}, minLabel || min), /*#__PURE__*/external_react_default.a.createElement(StyledInput, {
|
|
706
742
|
onClick: disabled ? undefined : this.handleClick
|
|
707
743
|
}, /*#__PURE__*/external_react_default.a.createElement(StyledSliderBar, {
|
|
744
|
+
"aria-required": required,
|
|
708
745
|
"data-test": "bar",
|
|
709
746
|
$disabled: disabled,
|
|
710
747
|
ref: this.handleMount,
|
|
@@ -761,20 +798,13 @@ SliderWithTheme.propTypes = Slider_Slider.propTypes;
|
|
|
761
798
|
|
|
762
799
|
/***/ }),
|
|
763
800
|
|
|
764
|
-
/***/
|
|
801
|
+
/***/ 23:
|
|
765
802
|
/***/ (function(module, exports) {
|
|
766
803
|
|
|
767
804
|
module.exports = require("@splunk/react-ui/Popover");
|
|
768
805
|
|
|
769
806
|
/***/ }),
|
|
770
807
|
|
|
771
|
-
/***/ 2:
|
|
772
|
-
/***/ (function(module, exports) {
|
|
773
|
-
|
|
774
|
-
module.exports = require("react");
|
|
775
|
-
|
|
776
|
-
/***/ }),
|
|
777
|
-
|
|
778
808
|
/***/ 3:
|
|
779
809
|
/***/ (function(module, exports) {
|
|
780
810
|
|
|
@@ -782,14 +812,14 @@ module.exports = require("styled-components");
|
|
|
782
812
|
|
|
783
813
|
/***/ }),
|
|
784
814
|
|
|
785
|
-
/***/
|
|
815
|
+
/***/ 5:
|
|
786
816
|
/***/ (function(module, exports) {
|
|
787
817
|
|
|
788
|
-
module.exports = require("lodash");
|
|
818
|
+
module.exports = require("lodash/omit");
|
|
789
819
|
|
|
790
820
|
/***/ }),
|
|
791
821
|
|
|
792
|
-
/***/
|
|
822
|
+
/***/ 64:
|
|
793
823
|
/***/ (function(module, exports) {
|
|
794
824
|
|
|
795
825
|
module.exports = require("tinycolor2");
|
package/SlidingPanels.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 = 196);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -102,6 +102,13 @@ module.exports = require("prop-types");
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
104
|
/***/ 10:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("lodash/keys");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 12:
|
|
105
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
113
|
|
|
107
114
|
"use strict";
|
|
@@ -128,7 +135,21 @@ function updateReactRef(ref, current) {
|
|
|
128
135
|
|
|
129
136
|
/***/ }),
|
|
130
137
|
|
|
131
|
-
/***/
|
|
138
|
+
/***/ 151:
|
|
139
|
+
/***/ (function(module, exports) {
|
|
140
|
+
|
|
141
|
+
module.exports = require("lodash/filter");
|
|
142
|
+
|
|
143
|
+
/***/ }),
|
|
144
|
+
|
|
145
|
+
/***/ 152:
|
|
146
|
+
/***/ (function(module, exports) {
|
|
147
|
+
|
|
148
|
+
module.exports = require("lodash/values");
|
|
149
|
+
|
|
150
|
+
/***/ }),
|
|
151
|
+
|
|
152
|
+
/***/ 196:
|
|
132
153
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
133
154
|
|
|
134
155
|
"use strict";
|
|
@@ -147,14 +168,27 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
147
168
|
var external_prop_types_ = __webpack_require__(1);
|
|
148
169
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
149
170
|
|
|
150
|
-
// EXTERNAL MODULE: external "lodash"
|
|
151
|
-
var
|
|
171
|
+
// EXTERNAL MODULE: external "lodash/filter"
|
|
172
|
+
var filter_ = __webpack_require__(151);
|
|
173
|
+
var filter_default = /*#__PURE__*/__webpack_require__.n(filter_);
|
|
174
|
+
|
|
175
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
176
|
+
var keys_ = __webpack_require__(10);
|
|
177
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
178
|
+
|
|
179
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
180
|
+
var omit_ = __webpack_require__(5);
|
|
181
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
182
|
+
|
|
183
|
+
// EXTERNAL MODULE: external "lodash/values"
|
|
184
|
+
var values_ = __webpack_require__(152);
|
|
185
|
+
var values_default = /*#__PURE__*/__webpack_require__.n(values_);
|
|
152
186
|
|
|
153
187
|
// EXTERNAL MODULE: external "react-spring"
|
|
154
|
-
var external_react_spring_ = __webpack_require__(
|
|
188
|
+
var external_react_spring_ = __webpack_require__(26);
|
|
155
189
|
|
|
156
190
|
// EXTERNAL MODULE: external "@splunk/react-ui/Animation"
|
|
157
|
-
var Animation_ = __webpack_require__(
|
|
191
|
+
var Animation_ = __webpack_require__(43);
|
|
158
192
|
|
|
159
193
|
// EXTERNAL MODULE: external "styled-components"
|
|
160
194
|
var external_styled_components_ = __webpack_require__(3);
|
|
@@ -182,7 +216,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
|
|
|
182
216
|
})(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
|
|
183
217
|
|
|
184
218
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
185
|
-
var updateReactRef = __webpack_require__(
|
|
219
|
+
var updateReactRef = __webpack_require__(12);
|
|
186
220
|
|
|
187
221
|
// CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
|
|
188
222
|
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); }
|
|
@@ -216,6 +250,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
216
250
|
|
|
217
251
|
|
|
218
252
|
|
|
253
|
+
|
|
219
254
|
var propTypes = {
|
|
220
255
|
elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
|
|
221
256
|
panelId: external_prop_types_default.a.any.isRequired,
|
|
@@ -300,7 +335,7 @@ var Panel_Panel = /*#__PURE__*/function (_Component) {
|
|
|
300
335
|
return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
|
|
301
336
|
"data-test": "panel",
|
|
302
337
|
"data-test-panel-id": panelId
|
|
303
|
-
},
|
|
338
|
+
}, omit_default()(this.props, keys_default()(Panel.propTypes)), {
|
|
304
339
|
ref: this.handleMount
|
|
305
340
|
}));
|
|
306
341
|
}
|
|
@@ -352,6 +387,9 @@ function SlidingPanels_defineProperty(obj, key, value) { if (key in obj) { Objec
|
|
|
352
387
|
|
|
353
388
|
|
|
354
389
|
|
|
390
|
+
|
|
391
|
+
|
|
392
|
+
|
|
355
393
|
var SlidingPanels_propTypes = {
|
|
356
394
|
activePanelId: external_prop_types_default.a.any.isRequired,
|
|
357
395
|
children: external_prop_types_default.a.node,
|
|
@@ -478,7 +516,7 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
|
|
|
478
516
|
var transitionStyle = animating ? {
|
|
479
517
|
translateX: 1
|
|
480
518
|
} : {};
|
|
481
|
-
var currentPanelsArr =
|
|
519
|
+
var currentPanelsArr = filter_default()(values_default()(_this.panelInstances), function (panel) {
|
|
482
520
|
return !!panel;
|
|
483
521
|
});
|
|
484
522
|
var maxWidth = currentPanelsArr.map(function (panel) {
|
|
@@ -495,7 +533,7 @@ var SlidingPanels_SlidingPanels = /*#__PURE__*/function (_Component) {
|
|
|
495
533
|
"data-test": "sliding-panels",
|
|
496
534
|
elementRef: elementRef,
|
|
497
535
|
style: style
|
|
498
|
-
},
|
|
536
|
+
}, omit_default()(_this.props, keys_default()(SlidingPanels.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Animation_["Transition"], {
|
|
499
537
|
from: transitionStyle,
|
|
500
538
|
enter: _this.willEnter(),
|
|
501
539
|
leave: _this.willLeave(animating),
|
|
@@ -595,7 +633,7 @@ module.exports = require("react");
|
|
|
595
633
|
|
|
596
634
|
/***/ }),
|
|
597
635
|
|
|
598
|
-
/***/
|
|
636
|
+
/***/ 26:
|
|
599
637
|
/***/ (function(module, exports) {
|
|
600
638
|
|
|
601
639
|
module.exports = require("react-spring");
|
|
@@ -609,17 +647,17 @@ module.exports = require("styled-components");
|
|
|
609
647
|
|
|
610
648
|
/***/ }),
|
|
611
649
|
|
|
612
|
-
/***/
|
|
650
|
+
/***/ 43:
|
|
613
651
|
/***/ (function(module, exports) {
|
|
614
652
|
|
|
615
653
|
module.exports = require("@splunk/react-ui/Animation");
|
|
616
654
|
|
|
617
655
|
/***/ }),
|
|
618
656
|
|
|
619
|
-
/***/
|
|
657
|
+
/***/ 5:
|
|
620
658
|
/***/ (function(module, exports) {
|
|
621
659
|
|
|
622
|
-
module.exports = require("lodash");
|
|
660
|
+
module.exports = require("lodash/omit");
|
|
623
661
|
|
|
624
662
|
/***/ }),
|
|
625
663
|
|
package/SplitButton.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 = 197);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,21 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 15:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/react-ui/Menu");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 19:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("@splunk/react-ui/Button");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 197:
|
|
112
119
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
120
|
|
|
114
121
|
"use strict";
|
|
@@ -128,29 +135,29 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
128
135
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
129
136
|
|
|
130
137
|
// EXTERNAL MODULE: external "@splunk/react-icons/ChevronDown"
|
|
131
|
-
var ChevronDown_ = __webpack_require__(
|
|
138
|
+
var ChevronDown_ = __webpack_require__(66);
|
|
132
139
|
var ChevronDown_default = /*#__PURE__*/__webpack_require__.n(ChevronDown_);
|
|
133
140
|
|
|
134
141
|
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
135
|
-
var Dropdown_ = __webpack_require__(
|
|
142
|
+
var Dropdown_ = __webpack_require__(24);
|
|
136
143
|
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
|
|
137
144
|
|
|
138
145
|
// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
|
|
139
|
-
var Menu_ = __webpack_require__(
|
|
146
|
+
var Menu_ = __webpack_require__(15);
|
|
140
147
|
var Menu_default = /*#__PURE__*/__webpack_require__.n(Menu_);
|
|
141
148
|
|
|
142
149
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
143
150
|
var themes_ = __webpack_require__(0);
|
|
144
151
|
|
|
145
152
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
146
|
-
var i18n_ = __webpack_require__(
|
|
153
|
+
var i18n_ = __webpack_require__(4);
|
|
147
154
|
|
|
148
155
|
// EXTERNAL MODULE: external "styled-components"
|
|
149
156
|
var external_styled_components_ = __webpack_require__(3);
|
|
150
157
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
151
158
|
|
|
152
159
|
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
153
|
-
var Button_ = __webpack_require__(
|
|
160
|
+
var Button_ = __webpack_require__(19);
|
|
154
161
|
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
155
162
|
|
|
156
163
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
@@ -211,8 +218,9 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
|
|
|
211
218
|
prisma: themes_["variables"].spacingSmall
|
|
212
219
|
}));
|
|
213
220
|
|
|
214
|
-
// EXTERNAL MODULE: external "lodash"
|
|
215
|
-
var
|
|
221
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
222
|
+
var omit_ = __webpack_require__(5);
|
|
223
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
216
224
|
|
|
217
225
|
// CONCATENATED MODULE: ./src/SplitButton/Item.tsx
|
|
218
226
|
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); }
|
|
@@ -342,7 +350,7 @@ var Item_Item = /*#__PURE__*/function (_PureComponent) {
|
|
|
342
350
|
},
|
|
343
351
|
onClick: this.handleClick,
|
|
344
352
|
disabled: disabled
|
|
345
|
-
},
|
|
353
|
+
}, omit_default()(otherProps, ['role'])), children);
|
|
346
354
|
}
|
|
347
355
|
}]);
|
|
348
356
|
|
|
@@ -450,13 +458,6 @@ SplitButton.Item = SplitButton_Item;
|
|
|
450
458
|
|
|
451
459
|
|
|
452
460
|
|
|
453
|
-
/***/ }),
|
|
454
|
-
|
|
455
|
-
/***/ 16:
|
|
456
|
-
/***/ (function(module, exports) {
|
|
457
|
-
|
|
458
|
-
module.exports = require("@splunk/react-ui/Button");
|
|
459
|
-
|
|
460
461
|
/***/ }),
|
|
461
462
|
|
|
462
463
|
/***/ 2:
|
|
@@ -466,7 +467,7 @@ module.exports = require("react");
|
|
|
466
467
|
|
|
467
468
|
/***/ }),
|
|
468
469
|
|
|
469
|
-
/***/
|
|
470
|
+
/***/ 24:
|
|
470
471
|
/***/ (function(module, exports) {
|
|
471
472
|
|
|
472
473
|
module.exports = require("@splunk/react-ui/Dropdown");
|
|
@@ -483,18 +484,18 @@ module.exports = require("styled-components");
|
|
|
483
484
|
/***/ 4:
|
|
484
485
|
/***/ (function(module, exports) {
|
|
485
486
|
|
|
486
|
-
module.exports = require("
|
|
487
|
+
module.exports = require("@splunk/ui-utils/i18n");
|
|
487
488
|
|
|
488
489
|
/***/ }),
|
|
489
490
|
|
|
490
491
|
/***/ 5:
|
|
491
492
|
/***/ (function(module, exports) {
|
|
492
493
|
|
|
493
|
-
module.exports = require("
|
|
494
|
+
module.exports = require("lodash/omit");
|
|
494
495
|
|
|
495
496
|
/***/ }),
|
|
496
497
|
|
|
497
|
-
/***/
|
|
498
|
+
/***/ 66:
|
|
498
499
|
/***/ (function(module, exports) {
|
|
499
500
|
|
|
500
501
|
module.exports = require("@splunk/react-icons/ChevronDown");
|
package/StaticContent.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 = 228);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 2:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("react");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 228:
|
|
105
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
113
|
|
|
107
114
|
"use strict";
|
|
@@ -193,13 +200,6 @@ StaticContent.propTypes = propTypes;
|
|
|
193
200
|
// CONCATENATED MODULE: ./src/StaticContent/index.ts
|
|
194
201
|
|
|
195
202
|
|
|
196
|
-
/***/ }),
|
|
197
|
-
|
|
198
|
-
/***/ 2:
|
|
199
|
-
/***/ (function(module, exports) {
|
|
200
|
-
|
|
201
|
-
module.exports = require("react");
|
|
202
|
-
|
|
203
203
|
/***/ }),
|
|
204
204
|
|
|
205
205
|
/***/ 3:
|