@splunk/react-ui 4.3.0 → 4.5.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/Accordion.js +37 -21
- package/Anchor.js +2 -2
- package/Animation.js +2 -2
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +36 -12
- package/ButtonGroup.js +27 -6
- package/ButtonSimple.js +6 -6
- package/CHANGELOG.md +57 -0
- package/Calendar.js +14 -14
- package/Card.js +51 -25
- package/CardLayout.js +31 -10
- package/Chip.js +77 -53
- package/Clickable.js +6 -6
- package/CloseButton.js +6 -6
- package/Code.js +1279 -1120
- package/CollapsiblePanel.js +6 -6
- package/Color.js +180 -209
- package/ColumnLayout.js +4 -4
- package/ComboBox.js +22 -17
- package/Concertina.js +56 -51
- package/ControlGroup.js +121 -32
- package/Date.js +62 -25
- package/DefinitionList.js +2 -2
- package/Dropdown.js +12 -12
- package/EventListener.js +168 -0
- package/FetchOptions.js +8 -8
- package/File.js +122 -96
- package/FormRows.js +66 -58
- package/Heading.js +2 -2
- package/Image.js +14 -14
- package/JSONTree.js +5 -5
- package/Layer.js +32 -20
- package/Link.js +8 -8
- package/List.js +2 -2
- package/Markdown.js +250 -88
- package/Menu.js +70 -64
- package/Message.js +18 -18
- package/Modal.js +70 -16
- package/ModalLayer.js +4 -4
- package/Monogram.js +12 -11
- package/Multiselect.js +124 -80
- package/Number.js +44 -34
- package/Paginator.js +10 -10
- package/Paragraph.js +2 -2
- package/Popover.js +54 -40
- package/Progress.js +8 -8
- package/RadioBar.js +45 -38
- package/RadioList.js +2 -2
- package/Resize.js +19 -15
- package/ResultsMenu.js +6 -6
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +25 -23
- package/ScrollContainerContext.js +5 -5
- package/Search.d.ts +2 -0
- package/Search.js +797 -0
- package/Select.js +85 -45
- package/SidePanel.js +6 -6
- package/Slider.js +34 -30
- package/SlidingPanels.js +6 -6
- package/StaticContent.js +2 -2
- package/StepBar.js +56 -52
- package/Switch.js +8 -8
- package/TabBar.js +126 -85
- package/TabLayout.js +4 -5
- package/Table.js +266 -155
- package/Text.js +486 -401
- package/Tooltip.js +11 -11
- package/TransitionOpen.js +11 -11
- package/WaitSpinner.js +3 -4
- package/package.json +5 -6
- package/types/src/Accordion/AccordionContext.d.ts +10 -0
- package/types/src/Accordion/Panel.d.ts +0 -9
- package/types/src/Button/Button.d.ts +4 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +7 -0
- package/types/src/ButtonSimple/ButtonSimple.d.ts +5 -5
- package/types/src/Card/Card.d.ts +2 -0
- package/types/src/CardLayout/CardLayoutContext.d.ts +8 -0
- package/types/src/Color/Color.d.ts +2 -2
- package/types/src/Color/Swatch.d.ts +4 -15
- package/types/src/ComboBox/ComboBox.d.ts +4 -3
- package/types/src/Concertina/ConcertinaContext.d.ts +8 -0
- package/types/src/Concertina/Panel.d.ts +2 -4
- package/types/src/ControlGroup/ControlGroup.d.ts +11 -1
- package/types/src/ControlGroup/ControlGroupContext.d.ts +15 -0
- package/types/src/Date/Date.d.ts +6 -4
- package/types/src/EventListener/EventListener.d.ts +18 -0
- package/types/src/EventListener/index.d.ts +2 -0
- package/types/src/File/File.d.ts +6 -4
- package/types/src/File/FileContext.d.ts +9 -0
- package/types/src/File/Item.d.ts +5 -10
- package/types/src/FormRows/FormRows.d.ts +2 -2
- package/types/src/FormRows/FormRowsContext.d.ts +10 -0
- package/types/src/FormRows/Row.d.ts +5 -16
- package/types/src/Markdown/Markdown.d.ts +2 -0
- package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +14 -0
- package/types/src/Markdown/renderers/MarkdownCode.d.ts +15 -0
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +16 -0
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +15 -0
- package/types/src/Markdown/renderers/MarkdownImage.d.ts +18 -0
- package/types/src/Markdown/renderers/MarkdownItem.d.ts +14 -0
- package/types/src/Markdown/renderers/MarkdownLink.d.ts +18 -0
- package/types/src/Markdown/renderers/MarkdownList.d.ts +26 -0
- package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +14 -0
- package/types/src/Markdown/renderers/index.d.ts +10 -0
- package/types/src/Modal/Modal.d.ts +15 -3
- package/types/src/Monogram/Monogram.d.ts +5 -1
- package/types/src/Multiselect/Compact.d.ts +12 -4
- package/types/src/Multiselect/Multiselect.d.ts +14 -4
- package/types/src/Multiselect/Normal.d.ts +7 -2
- package/types/src/Number/Number.d.ts +11 -7
- package/types/src/Popover/Popover.d.ts +2 -2
- package/types/src/RadioBar/Option.d.ts +1 -15
- package/types/src/RadioBar/RadioBar.d.ts +2 -2
- package/types/src/RadioBar/RadioBarContext.d.ts +9 -0
- package/types/src/Scroll/Inner.d.ts +2 -2
- package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +4 -4
- package/types/src/Search/Option.d.ts +60 -0
- package/types/src/Search/Search.d.ts +97 -0
- package/types/src/Search/index.d.ts +2 -0
- package/types/src/Select/Select.d.ts +6 -2
- package/types/src/Select/SelectBase.d.ts +12 -5
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/StepBar/Step.d.ts +1 -13
- package/types/src/StepBar/StepBarContext.d.ts +8 -0
- package/types/src/TabBar/Tab.d.ts +5 -13
- package/types/src/TabBar/TabBarContext.d.ts +14 -0
- package/types/src/Table/Body.d.ts +1 -1
- package/types/src/Table/Head.d.ts +3 -1
- package/types/src/Table/HeadCell.d.ts +1 -1
- package/types/src/Table/HeadInner.d.ts +3 -3
- package/types/src/Table/Row.d.ts +10 -3
- package/types/src/Table/Table.d.ts +10 -5
- package/types/src/Text/Text.d.ts +33 -12
- package/types/src/icons/Sort.d.ts +3 -0
- package/types/src/usePrevious/index.d.ts +2 -0
- package/types/src/usePrevious/usePrevious.d.ts +12 -0
- package/usePrevious.js +137 -0
package/Select.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 = 164);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -115,7 +115,7 @@ module.exports = require("@splunk/react-ui/Menu");
|
|
|
115
115
|
|
|
116
116
|
/***/ }),
|
|
117
117
|
|
|
118
|
-
/***/
|
|
118
|
+
/***/ 164:
|
|
119
119
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
120
120
|
|
|
121
121
|
"use strict";
|
|
@@ -136,11 +136,14 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
136
136
|
var external_prop_types_ = __webpack_require__(1);
|
|
137
137
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
138
138
|
|
|
139
|
+
// EXTERNAL MODULE: external "lodash"
|
|
140
|
+
var external_lodash_ = __webpack_require__(4);
|
|
141
|
+
|
|
139
142
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
140
143
|
var i18n_ = __webpack_require__(5);
|
|
141
144
|
|
|
142
145
|
// EXTERNAL MODULE: ./src/Select/SelectBase.tsx + 1 modules
|
|
143
|
-
var SelectBase = __webpack_require__(
|
|
146
|
+
var SelectBase = __webpack_require__(41);
|
|
144
147
|
|
|
145
148
|
// EXTERNAL MODULE: ./src/Select/OptionBase.tsx
|
|
146
149
|
var OptionBase = __webpack_require__(28);
|
|
@@ -310,6 +313,7 @@ function Select_defineProperty(obj, key, value) { if (key in obj) { Object.defin
|
|
|
310
313
|
|
|
311
314
|
|
|
312
315
|
|
|
316
|
+
|
|
313
317
|
/** @public */
|
|
314
318
|
|
|
315
319
|
var Select_propTypes = {
|
|
@@ -327,6 +331,7 @@ var Select_propTypes = {
|
|
|
327
331
|
footerMessage: external_prop_types_default.a.node,
|
|
328
332
|
inline: external_prop_types_default.a.bool,
|
|
329
333
|
inputId: external_prop_types_default.a.string,
|
|
334
|
+
inputRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
|
|
330
335
|
isLoadingOptions: external_prop_types_default.a.bool,
|
|
331
336
|
labelledBy: external_prop_types_default.a.string,
|
|
332
337
|
labelText: external_prop_types_default.a.string,
|
|
@@ -375,9 +380,14 @@ var Select_Select = /*#__PURE__*/function (_Component) {
|
|
|
375
380
|
|
|
376
381
|
_this = _super.call(this, props);
|
|
377
382
|
var state = {}; // wrap defaultValue in an array once to avoid failing <SelectBase>'s defaultValues comparison check
|
|
383
|
+
// using "has" to make sure that pre-4.3 behavior is preserved if a user explicitly passes "null" or "undefined"
|
|
378
384
|
|
|
379
|
-
if (props
|
|
380
|
-
|
|
385
|
+
if (Object(external_lodash_["has"])(props, 'defaultValue')) {
|
|
386
|
+
if (props.defaultValue != null) {
|
|
387
|
+
state.defaultValues = [props.defaultValue];
|
|
388
|
+
} else {
|
|
389
|
+
state.defaultValues = [];
|
|
390
|
+
}
|
|
381
391
|
}
|
|
382
392
|
|
|
383
393
|
_this.state = state;
|
|
@@ -407,16 +417,19 @@ var Select_Select = /*#__PURE__*/function (_Component) {
|
|
|
407
417
|
value: values[0]
|
|
408
418
|
});
|
|
409
419
|
}
|
|
410
|
-
}; // using
|
|
420
|
+
}; // using "has" as opposed to a null check to match SelectBase
|
|
411
421
|
|
|
412
|
-
if (this.
|
|
422
|
+
if (Object(external_lodash_["has"])(this.props, 'value')) {
|
|
423
|
+
if (value != null) {
|
|
424
|
+
convertedProps.values = [value];
|
|
425
|
+
} else {
|
|
426
|
+
convertedProps.values = [];
|
|
427
|
+
}
|
|
428
|
+
} else if (this.state.defaultValues != null) {
|
|
429
|
+
// using defaultValues from state in order to avoid wrapping defaultValue here
|
|
413
430
|
convertedProps.defaultValues = this.state.defaultValues;
|
|
414
431
|
}
|
|
415
432
|
|
|
416
|
-
if (value != null) {
|
|
417
|
-
convertedProps.values = [value];
|
|
418
|
-
}
|
|
419
|
-
|
|
420
433
|
return /*#__PURE__*/external_react_default.a.createElement(SelectBase["c" /* default */], Select_extends({}, otherProps, convertedProps, {
|
|
421
434
|
multiple: false
|
|
422
435
|
}));
|
|
@@ -444,14 +457,14 @@ Select_defineProperty(Select_Select, "Divider", SelectBase["a" /* Divider */]);
|
|
|
444
457
|
|
|
445
458
|
/***/ }),
|
|
446
459
|
|
|
447
|
-
/***/
|
|
460
|
+
/***/ 17:
|
|
448
461
|
/***/ (function(module, exports) {
|
|
449
462
|
|
|
450
463
|
module.exports = require("@splunk/react-ui/Button");
|
|
451
464
|
|
|
452
465
|
/***/ }),
|
|
453
466
|
|
|
454
|
-
/***/
|
|
467
|
+
/***/ 19:
|
|
455
468
|
/***/ (function(module, exports) {
|
|
456
469
|
|
|
457
470
|
module.exports = require("@splunk/react-ui/Dropdown");
|
|
@@ -465,17 +478,17 @@ module.exports = require("react");
|
|
|
465
478
|
|
|
466
479
|
/***/ }),
|
|
467
480
|
|
|
468
|
-
/***/
|
|
481
|
+
/***/ 21:
|
|
469
482
|
/***/ (function(module, exports) {
|
|
470
483
|
|
|
471
|
-
module.exports = require("@splunk/ui
|
|
484
|
+
module.exports = require("@splunk/react-ui/Text");
|
|
472
485
|
|
|
473
486
|
/***/ }),
|
|
474
487
|
|
|
475
|
-
/***/
|
|
488
|
+
/***/ 24:
|
|
476
489
|
/***/ (function(module, exports) {
|
|
477
490
|
|
|
478
|
-
module.exports = require("@splunk/
|
|
491
|
+
module.exports = require("@splunk/ui-utils/filter");
|
|
479
492
|
|
|
480
493
|
/***/ }),
|
|
481
494
|
|
|
@@ -669,6 +682,13 @@ module.exports = require("styled-components");
|
|
|
669
682
|
|
|
670
683
|
/***/ }),
|
|
671
684
|
|
|
685
|
+
/***/ 32:
|
|
686
|
+
/***/ (function(module, exports) {
|
|
687
|
+
|
|
688
|
+
module.exports = require("@splunk/react-ui/ResultsMenu");
|
|
689
|
+
|
|
690
|
+
/***/ }),
|
|
691
|
+
|
|
672
692
|
/***/ 36:
|
|
673
693
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
674
694
|
|
|
@@ -714,13 +734,6 @@ module.exports = require("@splunk/react-icons/Caret");
|
|
|
714
734
|
|
|
715
735
|
/***/ }),
|
|
716
736
|
|
|
717
|
-
/***/ 39:
|
|
718
|
-
/***/ (function(module, exports) {
|
|
719
|
-
|
|
720
|
-
module.exports = require("@splunk/react-ui/ResultsMenu");
|
|
721
|
-
|
|
722
|
-
/***/ }),
|
|
723
|
-
|
|
724
737
|
/***/ 4:
|
|
725
738
|
/***/ (function(module, exports) {
|
|
726
739
|
|
|
@@ -728,7 +741,7 @@ module.exports = require("lodash");
|
|
|
728
741
|
|
|
729
742
|
/***/ }),
|
|
730
743
|
|
|
731
|
-
/***/
|
|
744
|
+
/***/ 41:
|
|
732
745
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
733
746
|
|
|
734
747
|
"use strict";
|
|
@@ -752,7 +765,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
752
765
|
var external_lodash_ = __webpack_require__(4);
|
|
753
766
|
|
|
754
767
|
// EXTERNAL MODULE: external "@splunk/ui-utils/filter"
|
|
755
|
-
var filter_ = __webpack_require__(
|
|
768
|
+
var filter_ = __webpack_require__(24);
|
|
756
769
|
|
|
757
770
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
758
771
|
var id_ = __webpack_require__(10);
|
|
@@ -764,7 +777,7 @@ var i18n_ = __webpack_require__(5);
|
|
|
764
777
|
var keyboard_ = __webpack_require__(9);
|
|
765
778
|
|
|
766
779
|
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
767
|
-
var Dropdown_ = __webpack_require__(
|
|
780
|
+
var Dropdown_ = __webpack_require__(19);
|
|
768
781
|
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
|
|
769
782
|
|
|
770
783
|
// EXTERNAL MODULE: external "@splunk/react-ui/Link"
|
|
@@ -775,11 +788,11 @@ var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
|
|
|
775
788
|
var Menu_ = __webpack_require__(13);
|
|
776
789
|
|
|
777
790
|
// EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
|
|
778
|
-
var ResultsMenu_ = __webpack_require__(
|
|
791
|
+
var ResultsMenu_ = __webpack_require__(32);
|
|
779
792
|
var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
|
|
780
793
|
|
|
781
794
|
// EXTERNAL MODULE: external "@splunk/react-ui/Text"
|
|
782
|
-
var Text_ = __webpack_require__(
|
|
795
|
+
var Text_ = __webpack_require__(21);
|
|
783
796
|
var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
|
|
784
797
|
|
|
785
798
|
// EXTERNAL MODULE: ./src/icons/CaretDown.tsx
|
|
@@ -793,7 +806,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
793
806
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
794
807
|
|
|
795
808
|
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
796
|
-
var Button_ = __webpack_require__(
|
|
809
|
+
var Button_ = __webpack_require__(17);
|
|
797
810
|
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
798
811
|
|
|
799
812
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -959,6 +972,8 @@ var propTypes = {
|
|
|
959
972
|
placeholder: external_prop_types_default.a.string,
|
|
960
973
|
prefixLabel: external_prop_types_default.a.string,
|
|
961
974
|
prepend: external_prop_types_default.a.bool,
|
|
975
|
+
repositionMode: external_prop_types_default.a.oneOf(['none', 'flip']),
|
|
976
|
+
showSelectedValuesFirst: external_prop_types_default.a.oneOf(['nextOpen', 'immediately', 'never']),
|
|
962
977
|
suffixLabel: external_prop_types_default.a.string,
|
|
963
978
|
tabConfirmsNewValue: external_prop_types_default.a.bool,
|
|
964
979
|
values: external_prop_types_default.a.array
|
|
@@ -978,6 +993,7 @@ var defaultProps = {
|
|
|
978
993
|
noOptionsMessage: Object(i18n_["_"])('No matches'),
|
|
979
994
|
placeholder: Object(i18n_["_"])('Select...'),
|
|
980
995
|
prepend: false,
|
|
996
|
+
repositionMode: 'flip',
|
|
981
997
|
tabConfirmsNewValue: false
|
|
982
998
|
};
|
|
983
999
|
|
|
@@ -1023,6 +1039,8 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1023
1039
|
|
|
1024
1040
|
_defineProperty(_assertThisInitialized(_this), "menuId", void 0);
|
|
1025
1041
|
|
|
1042
|
+
_defineProperty(_assertThisInitialized(_this), "previousActiveIndex", null);
|
|
1043
|
+
|
|
1026
1044
|
_defineProperty(_assertThisInitialized(_this), "selectedOptionCount", void 0);
|
|
1027
1045
|
|
|
1028
1046
|
_defineProperty(_assertThisInitialized(_this), "handleSelectAll", function (e) {
|
|
@@ -1173,15 +1191,18 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1173
1191
|
});
|
|
1174
1192
|
|
|
1175
1193
|
_defineProperty(_assertThisInitialized(_this), "handleRequestOpen", function (e) {
|
|
1176
|
-
var
|
|
1194
|
+
var newState = {
|
|
1195
|
+
open: true,
|
|
1196
|
+
topValues: _this.getTopValues()
|
|
1197
|
+
}; // SUI-3234: preserve existing behavior difference between <Select> and <Multiselect.Compact>
|
|
1177
1198
|
|
|
1178
|
-
|
|
1199
|
+
if (_this.props.multiple) {
|
|
1200
|
+
newState.filterKeyword = '';
|
|
1201
|
+
}
|
|
1179
1202
|
|
|
1180
|
-
_this.
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
topValues: multiple ? (_this$getCurrentValue3 = _this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : [] : []
|
|
1184
|
-
}, function () {
|
|
1203
|
+
var oldFilterKeyword = _this.state.filterKeyword;
|
|
1204
|
+
|
|
1205
|
+
_this.setState(newState, function () {
|
|
1185
1206
|
var _this$props$onOpen, _this$props6;
|
|
1186
1207
|
|
|
1187
1208
|
(_this$props$onOpen = (_this$props6 = _this.props).onOpen) === null || _this$props$onOpen === void 0 ? void 0 : _this$props$onOpen.call(_this$props6);
|
|
@@ -1195,10 +1216,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1195
1216
|
activeIndex: (_this$firstSelectedOp = _this.firstSelectedOptionIndex) !== null && _this$firstSelectedOp !== void 0 ? _this$firstSelectedOp : 0
|
|
1196
1217
|
});
|
|
1197
1218
|
}
|
|
1198
|
-
});
|
|
1199
1219
|
|
|
1200
|
-
|
|
1201
|
-
|
|
1220
|
+
if (oldFilterKeyword !== _this.state.filterKeyword) {
|
|
1221
|
+
var _this$props$onFilterC2, _this$props7;
|
|
1222
|
+
|
|
1223
|
+
(_this$props$onFilterC2 = (_this$props7 = _this.props).onFilterChange) === null || _this$props$onFilterC2 === void 0 ? void 0 : _this$props$onFilterC2.call(_this$props7, e, {
|
|
1224
|
+
keyword: _this.state.filterKeyword
|
|
1225
|
+
});
|
|
1226
|
+
}
|
|
1202
1227
|
});
|
|
1203
1228
|
});
|
|
1204
1229
|
|
|
@@ -1209,6 +1234,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1209
1234
|
}, function () {
|
|
1210
1235
|
var _this$props$onClose, _this$props8;
|
|
1211
1236
|
|
|
1237
|
+
_this.previousActiveIndex = null;
|
|
1212
1238
|
(_this$props$onClose = (_this$props8 = _this.props).onClose) === null || _this$props$onClose === void 0 ? void 0 : _this$props$onClose.call(_this$props8);
|
|
1213
1239
|
});
|
|
1214
1240
|
});
|
|
@@ -1222,7 +1248,9 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1222
1248
|
});
|
|
1223
1249
|
|
|
1224
1250
|
_defineProperty(_assertThisInitialized(_this), "handleActiveOptionMount", function (c) {
|
|
1225
|
-
|
|
1251
|
+
if (_this.previousActiveIndex !== _this.state.activeIndex) {
|
|
1252
|
+
c === null || c === void 0 ? void 0 : c.scrollIntoViewIfNeeded();
|
|
1253
|
+
}
|
|
1226
1254
|
});
|
|
1227
1255
|
|
|
1228
1256
|
_defineProperty(_assertThisInitialized(_this), "handleSelectedItemMount", function (c) {
|
|
@@ -1233,11 +1261,12 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1233
1261
|
var _this$state = _this.state,
|
|
1234
1262
|
filterKeyword = _this$state.filterKeyword,
|
|
1235
1263
|
textHasFocus = _this$state.textHasFocus,
|
|
1236
|
-
|
|
1264
|
+
topValuesState = _this$state.topValues;
|
|
1237
1265
|
var _this$props10 = _this.props,
|
|
1238
1266
|
allowNewValues = _this$props10.allowNewValues,
|
|
1239
1267
|
filter = _this$props10.filter,
|
|
1240
|
-
multiple = _this$props10.multiple
|
|
1268
|
+
multiple = _this$props10.multiple,
|
|
1269
|
+
showSelectedValuesFirst = _this$props10.showSelectedValuesFirst;
|
|
1241
1270
|
|
|
1242
1271
|
var currentValues = _this.getCurrentValues();
|
|
1243
1272
|
|
|
@@ -1250,6 +1279,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1250
1279
|
var hasDivider = false; // used to avoid overwriting the selected item ref in multiple mode
|
|
1251
1280
|
|
|
1252
1281
|
var foundSelected;
|
|
1282
|
+
var topValues = showSelectedValuesFirst === 'immediately' ? _this.getTopValues() : topValuesState;
|
|
1253
1283
|
var children = external_react_["Children"].toArray(_this.props.children).reduce(function (acc, item, i) {
|
|
1254
1284
|
// ignore Headings and Dividers
|
|
1255
1285
|
if (!isOption(item)) {
|
|
@@ -1456,12 +1486,13 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1456
1486
|
|
|
1457
1487
|
_createClass(SelectBase, [{
|
|
1458
1488
|
key: "componentDidUpdate",
|
|
1459
|
-
value: function componentDidUpdate(prevProps) {
|
|
1489
|
+
value: function componentDidUpdate(prevProps, prevState) {
|
|
1460
1490
|
if (false) {}
|
|
1461
1491
|
|
|
1462
1492
|
if (false) {}
|
|
1463
1493
|
|
|
1464
1494
|
SelectBase.validateAppearance(this.props);
|
|
1495
|
+
this.previousActiveIndex = prevState.activeIndex;
|
|
1465
1496
|
}
|
|
1466
1497
|
}, {
|
|
1467
1498
|
key: "getCurrentValues",
|
|
@@ -1469,6 +1500,14 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1469
1500
|
var values = this.isControlled() ? this.props.values : this.state.values;
|
|
1470
1501
|
return this.props.multiple || values == null ? values : values.slice(0, 1);
|
|
1471
1502
|
}
|
|
1503
|
+
}, {
|
|
1504
|
+
key: "getTopValues",
|
|
1505
|
+
value: function getTopValues() {
|
|
1506
|
+
var _this$getCurrentValue3;
|
|
1507
|
+
|
|
1508
|
+
// in non-multiple mode, don't move values to the top of the list
|
|
1509
|
+
return this.props.multiple && this.props.showSelectedValuesFirst !== 'never' ? (_this$getCurrentValue3 = this.getCurrentValues()) !== null && _this$getCurrentValue3 !== void 0 ? _this$getCurrentValue3 : [] : [];
|
|
1510
|
+
}
|
|
1472
1511
|
}, {
|
|
1473
1512
|
key: "isControlled",
|
|
1474
1513
|
value: function isControlled() {
|
|
@@ -1615,6 +1654,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1615
1654
|
multiple = _this$props14.multiple,
|
|
1616
1655
|
placeholder = _this$props14.placeholder,
|
|
1617
1656
|
prefixLabel = _this$props14.prefixLabel,
|
|
1657
|
+
repositionMode = _this$props14.repositionMode,
|
|
1618
1658
|
suffixLabel = _this$props14.suffixLabel;
|
|
1619
1659
|
var icon;
|
|
1620
1660
|
var label;
|
|
@@ -1754,7 +1794,7 @@ var SelectBase_SelectBase = /*#__PURE__*/function (_Component) {
|
|
|
1754
1794
|
onRequestOpen: this.handleRequestOpen,
|
|
1755
1795
|
onRequestClose: this.handleRequestClose,
|
|
1756
1796
|
open: this.state.open,
|
|
1757
|
-
repositionMode:
|
|
1797
|
+
repositionMode: repositionMode,
|
|
1758
1798
|
defaultPlacement: filterEnabled ? defaultPlacement : undefined,
|
|
1759
1799
|
canCoverAnchor: window.innerHeight < 500,
|
|
1760
1800
|
ref: function ref(c) {
|
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 = 165);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 165:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
123
123
|
var external_lodash_ = __webpack_require__(4);
|
|
124
124
|
|
|
125
125
|
// EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
|
|
126
|
-
var ModalLayer_ = __webpack_require__(
|
|
126
|
+
var ModalLayer_ = __webpack_require__(68);
|
|
127
127
|
var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
|
|
128
128
|
|
|
129
129
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -131,7 +131,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
131
131
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
132
132
|
|
|
133
133
|
// EXTERNAL MODULE: external "@splunk/react-ui/TransitionOpen"
|
|
134
|
-
var TransitionOpen_ = __webpack_require__(
|
|
134
|
+
var TransitionOpen_ = __webpack_require__(47);
|
|
135
135
|
var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
|
|
136
136
|
|
|
137
137
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -365,14 +365,14 @@ module.exports = require("lodash");
|
|
|
365
365
|
|
|
366
366
|
/***/ }),
|
|
367
367
|
|
|
368
|
-
/***/
|
|
368
|
+
/***/ 47:
|
|
369
369
|
/***/ (function(module, exports) {
|
|
370
370
|
|
|
371
371
|
module.exports = require("@splunk/react-ui/TransitionOpen");
|
|
372
372
|
|
|
373
373
|
/***/ }),
|
|
374
374
|
|
|
375
|
-
/***/
|
|
375
|
+
/***/ 68:
|
|
376
376
|
/***/ (function(module, exports) {
|
|
377
377
|
|
|
378
378
|
module.exports = require("@splunk/react-ui/ModalLayer");
|
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 = 166);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,21 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 14:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("@splunk/react-ui/EventListener");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 16:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("@splunk/react-ui/Popover");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 166:
|
|
105
119
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
120
|
|
|
107
121
|
"use strict";
|
|
@@ -119,12 +133,8 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
119
133
|
var external_prop_types_ = __webpack_require__(1);
|
|
120
134
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
121
135
|
|
|
122
|
-
// EXTERNAL MODULE: external "react-event-listener"
|
|
123
|
-
var external_react_event_listener_ = __webpack_require__(15);
|
|
124
|
-
var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
|
|
125
|
-
|
|
126
136
|
// EXTERNAL MODULE: external "decimal.js-light"
|
|
127
|
-
var external_decimal_js_light_ = __webpack_require__(
|
|
137
|
+
var external_decimal_js_light_ = __webpack_require__(98);
|
|
128
138
|
var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
|
|
129
139
|
|
|
130
140
|
// EXTERNAL MODULE: external "lodash"
|
|
@@ -136,8 +146,12 @@ var keyboard_ = __webpack_require__(9);
|
|
|
136
146
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
137
147
|
var themes_ = __webpack_require__(0);
|
|
138
148
|
|
|
149
|
+
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
150
|
+
var EventListener_ = __webpack_require__(14);
|
|
151
|
+
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
152
|
+
|
|
139
153
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
140
|
-
var Popover_ = __webpack_require__(
|
|
154
|
+
var Popover_ = __webpack_require__(16);
|
|
141
155
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
142
156
|
|
|
143
157
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -145,7 +159,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
145
159
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
146
160
|
|
|
147
161
|
// EXTERNAL MODULE: external "tinycolor2"
|
|
148
|
-
var external_tinycolor2_ = __webpack_require__(
|
|
162
|
+
var external_tinycolor2_ = __webpack_require__(44);
|
|
149
163
|
var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
|
|
150
164
|
|
|
151
165
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
@@ -671,11 +685,15 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
|
|
|
671
685
|
elementRef: elementRef,
|
|
672
686
|
flex: true,
|
|
673
687
|
inline: inline
|
|
674
|
-
}, boxProps), selected && /*#__PURE__*/external_react_default.a.createElement(
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
}),
|
|
688
|
+
}, boxProps), selected && /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
|
|
689
|
+
target: window,
|
|
690
|
+
eventType: "mouseup",
|
|
691
|
+
listener: this.handleMouseUp
|
|
692
|
+
}), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
|
|
693
|
+
target: window,
|
|
694
|
+
eventType: "mousemove",
|
|
695
|
+
listener: this.handleMouseMove
|
|
696
|
+
})), minLabel !== null && /*#__PURE__*/external_react_default.a.createElement(StyledMinLabelBox, {
|
|
679
697
|
"data-test": "min-label",
|
|
680
698
|
$disabled: disabled
|
|
681
699
|
}, minLabel || min), /*#__PURE__*/external_react_default.a.createElement(StyledInput, {
|
|
@@ -735,20 +753,6 @@ SliderWithTheme.propTypes = Slider_Slider.propTypes;
|
|
|
735
753
|
|
|
736
754
|
|
|
737
755
|
|
|
738
|
-
/***/ }),
|
|
739
|
-
|
|
740
|
-
/***/ 15:
|
|
741
|
-
/***/ (function(module, exports) {
|
|
742
|
-
|
|
743
|
-
module.exports = require("react-event-listener");
|
|
744
|
-
|
|
745
|
-
/***/ }),
|
|
746
|
-
|
|
747
|
-
/***/ 17:
|
|
748
|
-
/***/ (function(module, exports) {
|
|
749
|
-
|
|
750
|
-
module.exports = require("@splunk/react-ui/Popover");
|
|
751
|
-
|
|
752
756
|
/***/ }),
|
|
753
757
|
|
|
754
758
|
/***/ 2:
|
|
@@ -772,7 +776,7 @@ module.exports = require("lodash");
|
|
|
772
776
|
|
|
773
777
|
/***/ }),
|
|
774
778
|
|
|
775
|
-
/***/
|
|
779
|
+
/***/ 44:
|
|
776
780
|
/***/ (function(module, exports) {
|
|
777
781
|
|
|
778
782
|
module.exports = require("tinycolor2");
|
|
@@ -793,7 +797,7 @@ module.exports = require("@splunk/ui-utils/keyboard");
|
|
|
793
797
|
|
|
794
798
|
/***/ }),
|
|
795
799
|
|
|
796
|
-
/***/
|
|
800
|
+
/***/ 98:
|
|
797
801
|
/***/ (function(module, exports) {
|
|
798
802
|
|
|
799
803
|
module.exports = require("decimal.js-light");
|
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 = 140);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 11:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
|
|
|
128
128
|
|
|
129
129
|
/***/ }),
|
|
130
130
|
|
|
131
|
-
/***/
|
|
131
|
+
/***/ 140:
|
|
132
132
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
133
133
|
|
|
134
134
|
"use strict";
|
|
@@ -151,7 +151,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
151
151
|
var external_lodash_ = __webpack_require__(4);
|
|
152
152
|
|
|
153
153
|
// EXTERNAL MODULE: external "react-spring"
|
|
154
|
-
var external_react_spring_ = __webpack_require__(
|
|
154
|
+
var external_react_spring_ = __webpack_require__(18);
|
|
155
155
|
|
|
156
156
|
// EXTERNAL MODULE: external "@splunk/react-ui/Animation"
|
|
157
157
|
var Animation_ = __webpack_require__(30);
|
|
@@ -182,7 +182,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
|
|
|
182
182
|
})(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
|
|
183
183
|
|
|
184
184
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
185
|
-
var updateReactRef = __webpack_require__(
|
|
185
|
+
var updateReactRef = __webpack_require__(11);
|
|
186
186
|
|
|
187
187
|
// CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
|
|
188
188
|
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); }
|
|
@@ -579,7 +579,7 @@ SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromPr
|
|
|
579
579
|
|
|
580
580
|
/***/ }),
|
|
581
581
|
|
|
582
|
-
/***/
|
|
582
|
+
/***/ 18:
|
|
583
583
|
/***/ (function(module, exports) {
|
|
584
584
|
|
|
585
585
|
module.exports = require("react-spring");
|
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 = 167);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 167:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|