@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/Scroll.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 = 195);
|
|
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,14 @@ function updateReactRef(ref, current) {
|
|
|
128
135
|
|
|
129
136
|
/***/ }),
|
|
130
137
|
|
|
131
|
-
/***/
|
|
138
|
+
/***/ 17:
|
|
139
|
+
/***/ (function(module, exports) {
|
|
140
|
+
|
|
141
|
+
module.exports = require("@splunk/react-ui/EventListener");
|
|
142
|
+
|
|
143
|
+
/***/ }),
|
|
144
|
+
|
|
145
|
+
/***/ 195:
|
|
132
146
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
133
147
|
|
|
134
148
|
"use strict";
|
|
@@ -146,11 +160,12 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
146
160
|
var external_prop_types_ = __webpack_require__(1);
|
|
147
161
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
148
162
|
|
|
149
|
-
// EXTERNAL MODULE: external "lodash"
|
|
150
|
-
var
|
|
163
|
+
// EXTERNAL MODULE: external "lodash/isFinite"
|
|
164
|
+
var isFinite_ = __webpack_require__(21);
|
|
165
|
+
var isFinite_default = /*#__PURE__*/__webpack_require__.n(isFinite_);
|
|
151
166
|
|
|
152
167
|
// EXTERNAL MODULE: external "@splunk/react-ui/Animation"
|
|
153
|
-
var Animation_ = __webpack_require__(
|
|
168
|
+
var Animation_ = __webpack_require__(43);
|
|
154
169
|
|
|
155
170
|
// EXTERNAL MODULE: external "styled-components"
|
|
156
171
|
var external_styled_components_ = __webpack_require__(3);
|
|
@@ -159,18 +174,26 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
|
|
|
159
174
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
160
175
|
var themes_ = __webpack_require__(0);
|
|
161
176
|
|
|
177
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
178
|
+
var keys_ = __webpack_require__(10);
|
|
179
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
180
|
+
|
|
181
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
182
|
+
var omit_ = __webpack_require__(5);
|
|
183
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
184
|
+
|
|
162
185
|
// EXTERNAL MODULE: external "react-spring"
|
|
163
|
-
var external_react_spring_ = __webpack_require__(
|
|
186
|
+
var external_react_spring_ = __webpack_require__(26);
|
|
164
187
|
|
|
165
188
|
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
166
|
-
var EventListener_ = __webpack_require__(
|
|
189
|
+
var EventListener_ = __webpack_require__(17);
|
|
167
190
|
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
168
191
|
|
|
169
192
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
|
|
170
|
-
var ScrollContainerContext_ = __webpack_require__(
|
|
193
|
+
var ScrollContainerContext_ = __webpack_require__(50);
|
|
171
194
|
|
|
172
195
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
173
|
-
var updateReactRef = __webpack_require__(
|
|
196
|
+
var updateReactRef = __webpack_require__(12);
|
|
174
197
|
|
|
175
198
|
// CONCATENATED MODULE: ./src/Scroll/Inner.tsx
|
|
176
199
|
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); }
|
|
@@ -206,6 +229,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
206
229
|
|
|
207
230
|
|
|
208
231
|
|
|
232
|
+
|
|
233
|
+
|
|
209
234
|
var propTypes = {
|
|
210
235
|
children: external_prop_types_default.a.node,
|
|
211
236
|
defaultLeft: external_prop_types_default.a.number,
|
|
@@ -321,13 +346,13 @@ var Inner_Inner = /*#__PURE__*/function (_Component) {
|
|
|
321
346
|
this.state.containerEl.scrollLeft = this.props.defaultLeft;
|
|
322
347
|
}
|
|
323
348
|
|
|
324
|
-
if (
|
|
349
|
+
if (isFinite_default()(this.props.top)) {
|
|
325
350
|
var _this$props$top;
|
|
326
351
|
|
|
327
352
|
this.state.containerEl.scrollTop = ((_this$props$top = this.props.top) === null || _this$props$top === void 0 ? void 0 : _this$props$top.get()) || 0;
|
|
328
353
|
}
|
|
329
354
|
|
|
330
|
-
if (
|
|
355
|
+
if (isFinite_default()(this.props.left)) {
|
|
331
356
|
var _this$props$left;
|
|
332
357
|
|
|
333
358
|
this.state.containerEl.scrollLeft = ((_this$props$left = this.props.left) === null || _this$props$left === void 0 ? void 0 : _this$props$left.get()) || 0;
|
|
@@ -345,7 +370,7 @@ var Inner_Inner = /*#__PURE__*/function (_Component) {
|
|
|
345
370
|
left = _this$props.left;
|
|
346
371
|
var containerEl = this.state.containerEl;
|
|
347
372
|
var AnimatedTag = external_react_spring_["animated"][this.props.tagName];
|
|
348
|
-
return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(AnimatedTag, _extends({},
|
|
373
|
+
return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(AnimatedTag, _extends({}, omit_default()(this.props, keys_default()(Inner.propTypes)), {
|
|
349
374
|
ref: this.handleMount,
|
|
350
375
|
onMouseEnter: stopScrollPropagation === 'window' ? this.handleMouseEnter : undefined,
|
|
351
376
|
onMouseLeave: stopScrollPropagation === 'window' ? this.handleMouseLeave : undefined,
|
|
@@ -476,8 +501,8 @@ var Scroll_Scroll = /*#__PURE__*/function (_Component) {
|
|
|
476
501
|
"data-test": "scroll"
|
|
477
502
|
}, otherProps, {
|
|
478
503
|
key: "inner",
|
|
479
|
-
top:
|
|
480
|
-
left:
|
|
504
|
+
top: isFinite_default()(top) ? targetScroll.top : undefined,
|
|
505
|
+
left: isFinite_default()(left) ? targetScroll.left : undefined,
|
|
481
506
|
elementRef: elementRef,
|
|
482
507
|
onScroll: _this.handleScroll
|
|
483
508
|
}), children);
|
|
@@ -501,13 +526,13 @@ var Scroll_Scroll = /*#__PURE__*/function (_Component) {
|
|
|
501
526
|
currentTop = _this$state.currentTop;
|
|
502
527
|
var targetScroll = {}; // When isFinite, the prop is defined and therefore animating.
|
|
503
528
|
|
|
504
|
-
if (
|
|
529
|
+
if (isFinite_default()(left)) {
|
|
505
530
|
targetScroll.left = left;
|
|
506
531
|
} else {
|
|
507
532
|
targetScroll.left = currentLeft;
|
|
508
533
|
}
|
|
509
534
|
|
|
510
|
-
if (
|
|
535
|
+
if (isFinite_default()(top)) {
|
|
511
536
|
targetScroll.top = top;
|
|
512
537
|
} else {
|
|
513
538
|
targetScroll.top = currentTop;
|
|
@@ -540,21 +565,21 @@ Scroll_defineProperty(Scroll_Scroll, "defaultProps", Scroll_defaultProps);
|
|
|
540
565
|
|
|
541
566
|
/***/ }),
|
|
542
567
|
|
|
543
|
-
/***/
|
|
568
|
+
/***/ 2:
|
|
544
569
|
/***/ (function(module, exports) {
|
|
545
570
|
|
|
546
|
-
module.exports = require("
|
|
571
|
+
module.exports = require("react");
|
|
547
572
|
|
|
548
573
|
/***/ }),
|
|
549
574
|
|
|
550
|
-
/***/
|
|
575
|
+
/***/ 21:
|
|
551
576
|
/***/ (function(module, exports) {
|
|
552
577
|
|
|
553
|
-
module.exports = require("
|
|
578
|
+
module.exports = require("lodash/isFinite");
|
|
554
579
|
|
|
555
580
|
/***/ }),
|
|
556
581
|
|
|
557
|
-
/***/
|
|
582
|
+
/***/ 26:
|
|
558
583
|
/***/ (function(module, exports) {
|
|
559
584
|
|
|
560
585
|
module.exports = require("react-spring");
|
|
@@ -568,24 +593,24 @@ module.exports = require("styled-components");
|
|
|
568
593
|
|
|
569
594
|
/***/ }),
|
|
570
595
|
|
|
571
|
-
/***/
|
|
596
|
+
/***/ 43:
|
|
572
597
|
/***/ (function(module, exports) {
|
|
573
598
|
|
|
574
599
|
module.exports = require("@splunk/react-ui/Animation");
|
|
575
600
|
|
|
576
601
|
/***/ }),
|
|
577
602
|
|
|
578
|
-
/***/
|
|
603
|
+
/***/ 5:
|
|
579
604
|
/***/ (function(module, exports) {
|
|
580
605
|
|
|
581
|
-
module.exports = require("
|
|
606
|
+
module.exports = require("lodash/omit");
|
|
582
607
|
|
|
583
608
|
/***/ }),
|
|
584
609
|
|
|
585
|
-
/***/
|
|
610
|
+
/***/ 50:
|
|
586
611
|
/***/ (function(module, exports) {
|
|
587
612
|
|
|
588
|
-
module.exports = require("
|
|
613
|
+
module.exports = require("@splunk/react-ui/ScrollContainerContext");
|
|
589
614
|
|
|
590
615
|
/***/ })
|
|
591
616
|
|
|
@@ -82,63 +82,25 @@ 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 = 234);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
89
89
|
|
|
90
|
-
/***/
|
|
91
|
-
/***/ (function(module,
|
|
92
|
-
|
|
93
|
-
"use strict";
|
|
94
|
-
// ESM COMPAT FLAG
|
|
95
|
-
__webpack_require__.r(__webpack_exports__);
|
|
96
|
-
|
|
97
|
-
// EXPORTS
|
|
98
|
-
__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ ScrollContainerContext_ScrollContainerContext; });
|
|
99
|
-
__webpack_require__.d(__webpack_exports__, "ScrollContainerContext", function() { return /* reexport */ ScrollContainerContext; });
|
|
100
|
-
__webpack_require__.d(__webpack_exports__, "ScrollContainerProvider", function() { return /* reexport */ ScrollContainerProvider; });
|
|
101
|
-
|
|
102
|
-
// EXTERNAL MODULE: external "react"
|
|
103
|
-
var external_react_ = __webpack_require__(2);
|
|
104
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
105
|
-
|
|
106
|
-
// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
|
|
107
|
-
var ssrWindow = __webpack_require__(19);
|
|
108
|
-
|
|
109
|
-
// CONCATENATED MODULE: ./src/ScrollContainerContext/ScrollContainerContext.tsx
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* A React context used to manage a custom scroll container for child elements
|
|
114
|
-
* that need to react to scrolling. The context type is `Window | Document | HTMLElement | null | undefined`.
|
|
115
|
-
* Defaults to `window`. Consumers of this context must gracefully handle values
|
|
116
|
-
* of `null` and `undefined`.
|
|
117
|
-
* @public
|
|
118
|
-
*/
|
|
119
|
-
|
|
120
|
-
var ScrollContainerContext = /*#__PURE__*/external_react_default.a.createContext(Object(ssrWindow["a" /* getWindow */])());
|
|
121
|
-
/**
|
|
122
|
-
* `ScrollContainerProvider` is an alias of `ScrollContainerContext.Provider`.
|
|
123
|
-
* @public
|
|
124
|
-
*/
|
|
125
|
-
|
|
126
|
-
var ScrollContainerProvider = ScrollContainerContext.Provider;
|
|
127
|
-
/* harmony default export */ var ScrollContainerContext_ScrollContainerContext = (ScrollContainerContext);
|
|
128
|
-
|
|
129
|
-
// CONCATENATED MODULE: ./src/ScrollContainerContext/index.ts
|
|
130
|
-
|
|
90
|
+
/***/ 2:
|
|
91
|
+
/***/ (function(module, exports) {
|
|
131
92
|
|
|
93
|
+
module.exports = require("react");
|
|
132
94
|
|
|
133
95
|
/***/ }),
|
|
134
96
|
|
|
135
|
-
/***/
|
|
97
|
+
/***/ 20:
|
|
136
98
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
137
99
|
|
|
138
100
|
"use strict";
|
|
139
101
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
|
|
140
102
|
/* unused harmony export ssrWindow */
|
|
141
|
-
/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
|
|
103
|
+
/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(28);
|
|
142
104
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
143
105
|
|
|
144
106
|
var ssrWindow = {
|
|
@@ -208,14 +170,52 @@ function getWindow() {
|
|
|
208
170
|
|
|
209
171
|
/***/ }),
|
|
210
172
|
|
|
211
|
-
/***/
|
|
212
|
-
/***/ (function(module,
|
|
173
|
+
/***/ 234:
|
|
174
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
175
|
+
|
|
176
|
+
"use strict";
|
|
177
|
+
// ESM COMPAT FLAG
|
|
178
|
+
__webpack_require__.r(__webpack_exports__);
|
|
179
|
+
|
|
180
|
+
// EXPORTS
|
|
181
|
+
__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ ScrollContainerContext_ScrollContainerContext; });
|
|
182
|
+
__webpack_require__.d(__webpack_exports__, "ScrollContainerContext", function() { return /* reexport */ ScrollContainerContext; });
|
|
183
|
+
__webpack_require__.d(__webpack_exports__, "ScrollContainerProvider", function() { return /* reexport */ ScrollContainerProvider; });
|
|
184
|
+
|
|
185
|
+
// EXTERNAL MODULE: external "react"
|
|
186
|
+
var external_react_ = __webpack_require__(2);
|
|
187
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
188
|
+
|
|
189
|
+
// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
|
|
190
|
+
var ssrWindow = __webpack_require__(20);
|
|
191
|
+
|
|
192
|
+
// CONCATENATED MODULE: ./src/ScrollContainerContext/ScrollContainerContext.tsx
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
/**
|
|
196
|
+
* A React context used to manage a custom scroll container for child elements
|
|
197
|
+
* that need to react to scrolling. The context type is `Window | Document | HTMLElement | null | undefined`.
|
|
198
|
+
* Defaults to `window`. Consumers of this context must gracefully handle values
|
|
199
|
+
* of `null` and `undefined`.
|
|
200
|
+
* @public
|
|
201
|
+
*/
|
|
202
|
+
|
|
203
|
+
var ScrollContainerContext = /*#__PURE__*/external_react_default.a.createContext(Object(ssrWindow["a" /* getWindow */])());
|
|
204
|
+
/**
|
|
205
|
+
* `ScrollContainerProvider` is an alias of `ScrollContainerContext.Provider`.
|
|
206
|
+
* @public
|
|
207
|
+
*/
|
|
208
|
+
|
|
209
|
+
var ScrollContainerProvider = ScrollContainerContext.Provider;
|
|
210
|
+
/* harmony default export */ var ScrollContainerContext_ScrollContainerContext = (ScrollContainerContext);
|
|
211
|
+
|
|
212
|
+
// CONCATENATED MODULE: ./src/ScrollContainerContext/index.ts
|
|
213
|
+
|
|
213
214
|
|
|
214
|
-
module.exports = require("react");
|
|
215
215
|
|
|
216
216
|
/***/ }),
|
|
217
217
|
|
|
218
|
-
/***/
|
|
218
|
+
/***/ 28:
|
|
219
219
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
220
220
|
|
|
221
221
|
"use strict";
|
package/Search.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 = 224);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -94,7 +94,14 @@ module.exports = require("prop-types");
|
|
|
94
94
|
|
|
95
95
|
/***/ }),
|
|
96
96
|
|
|
97
|
-
/***/
|
|
97
|
+
/***/ 11:
|
|
98
|
+
/***/ (function(module, exports) {
|
|
99
|
+
|
|
100
|
+
module.exports = require("lodash/has");
|
|
101
|
+
|
|
102
|
+
/***/ }),
|
|
103
|
+
|
|
104
|
+
/***/ 12:
|
|
98
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
99
106
|
|
|
100
107
|
"use strict";
|
|
@@ -121,28 +128,35 @@ function updateReactRef(ref, current) {
|
|
|
121
128
|
|
|
122
129
|
/***/ }),
|
|
123
130
|
|
|
124
|
-
/***/
|
|
131
|
+
/***/ 13:
|
|
125
132
|
/***/ (function(module, exports) {
|
|
126
133
|
|
|
127
|
-
module.exports = require("@splunk/
|
|
134
|
+
module.exports = require("@splunk/ui-utils/id");
|
|
128
135
|
|
|
129
136
|
/***/ }),
|
|
130
137
|
|
|
131
|
-
/***/
|
|
138
|
+
/***/ 149:
|
|
132
139
|
/***/ (function(module, exports) {
|
|
133
140
|
|
|
134
|
-
module.exports = require("@splunk/ui
|
|
141
|
+
module.exports = require("@splunk/react-ui/usePrevious");
|
|
135
142
|
|
|
136
143
|
/***/ }),
|
|
137
144
|
|
|
138
|
-
/***/
|
|
145
|
+
/***/ 15:
|
|
139
146
|
/***/ (function(module, exports) {
|
|
140
147
|
|
|
141
148
|
module.exports = require("@splunk/react-ui/Menu");
|
|
142
149
|
|
|
143
150
|
/***/ }),
|
|
144
151
|
|
|
145
|
-
/***/
|
|
152
|
+
/***/ 2:
|
|
153
|
+
/***/ (function(module, exports) {
|
|
154
|
+
|
|
155
|
+
module.exports = require("react");
|
|
156
|
+
|
|
157
|
+
/***/ }),
|
|
158
|
+
|
|
159
|
+
/***/ 224:
|
|
146
160
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
147
161
|
|
|
148
162
|
"use strict";
|
|
@@ -163,35 +177,48 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
163
177
|
var external_prop_types_ = __webpack_require__(1);
|
|
164
178
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
165
179
|
|
|
166
|
-
// EXTERNAL MODULE: external "lodash"
|
|
167
|
-
var
|
|
180
|
+
// EXTERNAL MODULE: external "lodash/extend"
|
|
181
|
+
var extend_ = __webpack_require__(49);
|
|
182
|
+
var extend_default = /*#__PURE__*/__webpack_require__.n(extend_);
|
|
183
|
+
|
|
184
|
+
// EXTERNAL MODULE: external "lodash/has"
|
|
185
|
+
var has_ = __webpack_require__(11);
|
|
186
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
187
|
+
|
|
188
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
189
|
+
var omit_ = __webpack_require__(5);
|
|
190
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
191
|
+
|
|
192
|
+
// EXTERNAL MODULE: external "lodash/pick"
|
|
193
|
+
var pick_ = __webpack_require__(34);
|
|
194
|
+
var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
|
|
168
195
|
|
|
169
196
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
170
|
-
var id_ = __webpack_require__(
|
|
197
|
+
var id_ = __webpack_require__(13);
|
|
171
198
|
|
|
172
199
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
173
|
-
var i18n_ = __webpack_require__(
|
|
200
|
+
var i18n_ = __webpack_require__(4);
|
|
174
201
|
|
|
175
202
|
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
176
203
|
var keyboard_ = __webpack_require__(9);
|
|
177
204
|
|
|
178
205
|
// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
|
|
179
|
-
var Menu_ = __webpack_require__(
|
|
206
|
+
var Menu_ = __webpack_require__(15);
|
|
180
207
|
|
|
181
208
|
// EXTERNAL MODULE: external "@splunk/react-ui/usePrevious"
|
|
182
|
-
var usePrevious_ = __webpack_require__(
|
|
209
|
+
var usePrevious_ = __webpack_require__(149);
|
|
183
210
|
var usePrevious_default = /*#__PURE__*/__webpack_require__.n(usePrevious_);
|
|
184
211
|
|
|
185
212
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
186
|
-
var Popover_ = __webpack_require__(
|
|
213
|
+
var Popover_ = __webpack_require__(23);
|
|
187
214
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
188
215
|
|
|
189
216
|
// EXTERNAL MODULE: external "@splunk/react-ui/ResultsMenu"
|
|
190
|
-
var ResultsMenu_ = __webpack_require__(
|
|
217
|
+
var ResultsMenu_ = __webpack_require__(46);
|
|
191
218
|
var ResultsMenu_default = /*#__PURE__*/__webpack_require__.n(ResultsMenu_);
|
|
192
219
|
|
|
193
220
|
// EXTERNAL MODULE: external "@splunk/react-ui/Text"
|
|
194
|
-
var Text_ = __webpack_require__(
|
|
221
|
+
var Text_ = __webpack_require__(30);
|
|
195
222
|
var Text_default = /*#__PURE__*/__webpack_require__.n(Text_);
|
|
196
223
|
|
|
197
224
|
// CONCATENATED MODULE: ./src/Search/Option.tsx
|
|
@@ -330,7 +357,7 @@ _defineProperty(Option_Option, "defaultProps", defaultProps);
|
|
|
330
357
|
|
|
331
358
|
/* harmony default export */ var Search_Option = (Option_Option);
|
|
332
359
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
333
|
-
var updateReactRef = __webpack_require__(
|
|
360
|
+
var updateReactRef = __webpack_require__(12);
|
|
334
361
|
|
|
335
362
|
// CONCATENATED MODULE: ./src/Search/Search.tsx
|
|
336
363
|
function Search_extends() { Search_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Search_extends.apply(this, arguments); }
|
|
@@ -370,6 +397,9 @@ function Search_objectWithoutPropertiesLoose(source, excluded) { if (source == n
|
|
|
370
397
|
|
|
371
398
|
|
|
372
399
|
|
|
400
|
+
|
|
401
|
+
|
|
402
|
+
|
|
373
403
|
var Search_propTypes = {
|
|
374
404
|
animateLoading: external_prop_types_default.a.bool,
|
|
375
405
|
children: external_prop_types_default.a.node,
|
|
@@ -643,7 +673,7 @@ function Search(_ref2) {
|
|
|
643
673
|
|
|
644
674
|
if (isMenuValid() && isOpen) {
|
|
645
675
|
options.current = initialOptions.map(function (option, index) {
|
|
646
|
-
if (!
|
|
676
|
+
if (!has_default()(option.props, 'active')) {
|
|
647
677
|
// ignore Headings and Dividers
|
|
648
678
|
return option;
|
|
649
679
|
}
|
|
@@ -665,14 +695,14 @@ function Search(_ref2) {
|
|
|
665
695
|
}
|
|
666
696
|
|
|
667
697
|
return /*#__PURE__*/external_react_default.a.createElement(ResultsMenu_default.a, Search_extends({
|
|
668
|
-
style:
|
|
698
|
+
style: extend_default()({
|
|
669
699
|
overflow: 'auto',
|
|
670
700
|
width: Math.max(anchorWidth !== null && anchorWidth !== void 0 ? anchorWidth : 0, 200)
|
|
671
701
|
}, menuStyle),
|
|
672
702
|
controlledExternally: true,
|
|
673
703
|
maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : undefined,
|
|
674
704
|
isLoading: isLoadingOptions
|
|
675
|
-
},
|
|
705
|
+
}, pick_default()(otherProps, 'className', 'onScroll'), {
|
|
676
706
|
noOptionsMessage: noOptionsMessage,
|
|
677
707
|
footerMessage: footerMessage,
|
|
678
708
|
animateLoading: animateLoading,
|
|
@@ -696,7 +726,7 @@ function Search(_ref2) {
|
|
|
696
726
|
|
|
697
727
|
return /*#__PURE__*/external_react_default.a.createElement(Text_default.a, Search_extends({
|
|
698
728
|
"data-test": "search"
|
|
699
|
-
},
|
|
729
|
+
}, omit_default()(otherProps, 'className', 'onScroll'), {
|
|
700
730
|
appearance: "search",
|
|
701
731
|
autoCapitalize: "off",
|
|
702
732
|
autoComplete: "off",
|
|
@@ -746,45 +776,52 @@ Search.Heading = Menu_["Heading"];
|
|
|
746
776
|
|
|
747
777
|
/***/ }),
|
|
748
778
|
|
|
749
|
-
/***/
|
|
779
|
+
/***/ 23:
|
|
750
780
|
/***/ (function(module, exports) {
|
|
751
781
|
|
|
752
782
|
module.exports = require("@splunk/react-ui/Popover");
|
|
753
783
|
|
|
754
784
|
/***/ }),
|
|
755
785
|
|
|
756
|
-
/***/
|
|
786
|
+
/***/ 30:
|
|
757
787
|
/***/ (function(module, exports) {
|
|
758
788
|
|
|
759
|
-
module.exports = require("react");
|
|
789
|
+
module.exports = require("@splunk/react-ui/Text");
|
|
760
790
|
|
|
761
791
|
/***/ }),
|
|
762
792
|
|
|
763
|
-
/***/
|
|
793
|
+
/***/ 34:
|
|
764
794
|
/***/ (function(module, exports) {
|
|
765
795
|
|
|
766
|
-
module.exports = require("
|
|
796
|
+
module.exports = require("lodash/pick");
|
|
767
797
|
|
|
768
798
|
/***/ }),
|
|
769
799
|
|
|
770
|
-
/***/
|
|
800
|
+
/***/ 4:
|
|
801
|
+
/***/ (function(module, exports) {
|
|
802
|
+
|
|
803
|
+
module.exports = require("@splunk/ui-utils/i18n");
|
|
804
|
+
|
|
805
|
+
/***/ }),
|
|
806
|
+
|
|
807
|
+
/***/ 46:
|
|
771
808
|
/***/ (function(module, exports) {
|
|
772
809
|
|
|
773
810
|
module.exports = require("@splunk/react-ui/ResultsMenu");
|
|
774
811
|
|
|
775
812
|
/***/ }),
|
|
776
813
|
|
|
777
|
-
/***/
|
|
814
|
+
/***/ 49:
|
|
778
815
|
/***/ (function(module, exports) {
|
|
779
816
|
|
|
780
|
-
module.exports = require("lodash");
|
|
817
|
+
module.exports = require("lodash/extend");
|
|
781
818
|
|
|
782
819
|
/***/ }),
|
|
783
820
|
|
|
784
821
|
/***/ 5:
|
|
785
822
|
/***/ (function(module, exports) {
|
|
786
823
|
|
|
787
|
-
module.exports = require("
|
|
824
|
+
module.exports = require("lodash/omit");
|
|
788
825
|
|
|
789
826
|
/***/ }),
|
|
790
827
|
|