@splunk/react-ui 4.12.1 → 4.14.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/.storybook-visual/config/snapshotResolver.js +29 -0
- package/.storybook-visual/main.js +22 -0
- package/.storybook-visual/preview.jsx +31 -0
- package/.storybook-visual/scripts/test.sh +108 -0
- package/.storybook-visual/test-runner.js +108 -0
- package/Accordion.js +4 -4
- package/Anchor.js +2 -2
- package/Animation.js +6 -6
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +23 -23
- package/ButtonGroup.js +2 -2
- package/ButtonSimple.js +7 -7
- package/CHANGELOG.md +33 -0
- package/Calendar.js +390 -95
- package/Card.js +25 -23
- package/CardLayout.js +2 -2
- package/Chip.js +17 -17
- package/Clickable.js +4 -4
- package/CloseButton.js +15 -15
- package/Code.js +4 -4
- package/CollapsiblePanel.js +15 -11
- package/Color.js +26 -26
- package/ColumnLayout.js +6 -6
- package/ComboBox.js +19 -19
- package/Concertina.js +6 -6
- package/ControlGroup.js +14 -13
- package/Date.js +118 -55
- package/DefinitionList.js +2 -2
- package/Divider.js +194 -0
- package/Dropdown.js +17 -13
- package/EventListener.js +4 -4
- package/File.js +23 -23
- package/FormRows.js +14 -14
- package/Heading.js +2 -2
- package/Image.js +19 -19
- package/JSONTree.js +2 -2
- package/Layer.js +85 -8
- package/Link.js +4 -4
- package/List.js +2 -2
- package/Markdown.js +18 -18
- package/Menu.js +51 -52
- package/Message.js +39 -39
- package/MessageBar.js +29 -29
- package/Modal.js +63 -37
- package/ModalLayer.js +11 -11
- package/Monogram.js +2 -2
- package/Multiselect.js +134 -125
- package/Number.js +8 -6
- package/Paginator.js +48 -48
- package/Paragraph.js +2 -2
- package/Popover.js +186 -19
- package/Progress.js +8 -8
- package/RadioBar.js +2 -2
- package/RadioList.js +4 -4
- package/Resize.js +4 -4
- package/ResultsMenu.js +20 -20
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +13 -13
- package/ScrollContainerContext.js +154 -3
- package/Search.js +25 -25
- package/Select.js +114 -105
- package/SidePanel.js +6 -6
- package/Slider.js +14 -14
- package/SlidingPanels.js +11 -11
- package/SplitButton.js +511 -0
- package/StaticContent.js +2 -2
- package/StepBar.js +10 -10
- package/Switch.js +8 -8
- package/TabBar.js +15 -15
- package/TabLayout.js +6 -6
- package/Table.js +275 -76
- package/Text.js +51 -42
- package/TextArea.js +41 -33
- package/Tooltip.js +17 -11
- package/TransitionOpen.js +39 -15
- package/Typography.js +4 -4
- package/WaitSpinner.js +4 -4
- package/package.json +12 -14
- package/test-runner-jest.config.js +18 -5
- package/types/src/Button/Button.d.ts +1 -1
- package/types/src/Calendar/Calendar.d.ts +15 -2
- package/types/src/Calendar/DateTable.d.ts +7 -3
- package/types/src/Calendar/Day.d.ts +14 -5
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
- package/types/src/Date/Date.d.ts +17 -8
- package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
- package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
- package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
- package/types/src/Divider/Divider.d.ts +20 -0
- package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
- package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
- package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
- package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
- package/types/src/Divider/index.d.ts +1 -0
- package/types/src/Dropdown/Dropdown.d.ts +11 -3
- package/types/src/Modal/Modal.d.ts +7 -3
- package/types/src/Modal/ModalContext.d.ts +1 -0
- package/types/src/Number/Number.d.ts +5 -1
- package/types/src/Popover/Popover.d.ts +5 -1
- package/types/src/Popover/getPlacement.d.ts +1 -1
- package/types/src/SplitButton/Item.d.ts +45 -0
- package/types/src/SplitButton/SplitButton.d.ts +41 -0
- package/types/src/SplitButton/docs/examples/Basic.d.ts +1 -0
- package/types/src/SplitButton/docs/examples/ChangeLabel.d.ts +1 -0
- package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -0
- package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +1 -0
- package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -0
- package/types/src/SplitButton/index.d.ts +2 -0
- package/types/src/Table/HeadCell.d.ts +4 -1
- package/types/src/Table/HeadDropdownCell.d.ts +10 -3
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
- package/types/src/Text/Text.d.ts +5 -1
- package/types/src/TextArea/TextArea.d.ts +5 -1
- package/types/src/Tooltip/Tooltip.d.ts +10 -5
- package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
- package/types/src/useForceUpdate/index.d.ts +2 -0
- package/types/src/useForceUpdate/useForceUpdate.d.ts +9 -0
- package/types/src/useKeyPress/index.d.ts +37 -0
- package/useForceUpdate.js +151 -0
- package/useKeyPress.js +160 -0
- package/usePrevious.js +2 -2
package/Paginator.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 = 122);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 102:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("@splunk/react-icons/More");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 122:
|
|
105
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
113
|
|
|
107
114
|
"use strict";
|
|
@@ -120,7 +127,7 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
120
127
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
121
128
|
|
|
122
129
|
// EXTERNAL MODULE: external "@splunk/ui-utils/format"
|
|
123
|
-
var format_ = __webpack_require__(
|
|
130
|
+
var format_ = __webpack_require__(45);
|
|
124
131
|
|
|
125
132
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
126
133
|
var i18n_ = __webpack_require__(5);
|
|
@@ -133,7 +140,7 @@ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
|
133
140
|
var themes_ = __webpack_require__(0);
|
|
134
141
|
|
|
135
142
|
// EXTERNAL MODULE: external "@splunk/react-icons/More"
|
|
136
|
-
var More_ = __webpack_require__(
|
|
143
|
+
var More_ = __webpack_require__(102);
|
|
137
144
|
var More_default = /*#__PURE__*/__webpack_require__.n(More_);
|
|
138
145
|
|
|
139
146
|
// EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
|
|
@@ -194,7 +201,7 @@ function PageSeparator() {
|
|
|
194
201
|
|
|
195
202
|
var content = family === 'enterprise' ? /*#__PURE__*/external_react_default.a.createElement("span", {
|
|
196
203
|
role: "separator"
|
|
197
|
-
}, "
|
|
204
|
+
}, "\u2026") : /*#__PURE__*/external_react_default.a.createElement(More, {
|
|
198
205
|
prismaSize: "small",
|
|
199
206
|
role: "separator"
|
|
200
207
|
});
|
|
@@ -206,7 +213,7 @@ function PageSeparator() {
|
|
|
206
213
|
var external_lodash_ = __webpack_require__(4);
|
|
207
214
|
|
|
208
215
|
// EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
|
|
209
|
-
var ButtonSimple_ = __webpack_require__(
|
|
216
|
+
var ButtonSimple_ = __webpack_require__(48);
|
|
210
217
|
var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
|
|
211
218
|
|
|
212
219
|
// CONCATENATED MODULE: ./src/Paginator/ButtonStyles.ts
|
|
@@ -338,10 +345,10 @@ _defineProperty(Button_PaginatorButton, "defaultProps", defaultProps);
|
|
|
338
345
|
|
|
339
346
|
/* harmony default export */ var Button = (Button_PaginatorButton);
|
|
340
347
|
// EXTERNAL MODULE: ./src/icons/ChevronLeft.tsx
|
|
341
|
-
var ChevronLeft = __webpack_require__(
|
|
348
|
+
var ChevronLeft = __webpack_require__(62);
|
|
342
349
|
|
|
343
350
|
// EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
|
|
344
|
-
var ChevronRight = __webpack_require__(
|
|
351
|
+
var ChevronRight = __webpack_require__(29);
|
|
345
352
|
|
|
346
353
|
// CONCATENATED MODULE: ./src/Paginator/PaginatorStyles.ts
|
|
347
354
|
|
|
@@ -529,14 +536,14 @@ module.exports = require("react");
|
|
|
529
536
|
|
|
530
537
|
/***/ }),
|
|
531
538
|
|
|
532
|
-
/***/
|
|
539
|
+
/***/ 29:
|
|
533
540
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
534
541
|
|
|
535
542
|
"use strict";
|
|
536
543
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
|
|
537
544
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
538
545
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
539
|
-
/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
546
|
+
/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
|
|
540
547
|
/* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
|
|
541
548
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
542
549
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -586,7 +593,7 @@ module.exports = require("styled-components");
|
|
|
586
593
|
|
|
587
594
|
/***/ }),
|
|
588
595
|
|
|
589
|
-
/***/
|
|
596
|
+
/***/ 35:
|
|
590
597
|
/***/ (function(module, exports) {
|
|
591
598
|
|
|
592
599
|
module.exports = require("@splunk/react-icons/ChevronRight");
|
|
@@ -600,14 +607,14 @@ module.exports = require("lodash");
|
|
|
600
607
|
|
|
601
608
|
/***/ }),
|
|
602
609
|
|
|
603
|
-
/***/
|
|
610
|
+
/***/ 45:
|
|
604
611
|
/***/ (function(module, exports) {
|
|
605
612
|
|
|
606
613
|
module.exports = require("@splunk/ui-utils/format");
|
|
607
614
|
|
|
608
615
|
/***/ }),
|
|
609
616
|
|
|
610
|
-
/***/
|
|
617
|
+
/***/ 48:
|
|
611
618
|
/***/ (function(module, exports) {
|
|
612
619
|
|
|
613
620
|
module.exports = require("@splunk/react-ui/ButtonSimple");
|
|
@@ -621,14 +628,39 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
621
628
|
|
|
622
629
|
/***/ }),
|
|
623
630
|
|
|
624
|
-
/***/
|
|
631
|
+
/***/ 6:
|
|
632
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
633
|
+
|
|
634
|
+
"use strict";
|
|
635
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
|
|
636
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
637
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
638
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
639
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
640
|
+
function _extends() { _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 _extends.apply(this, arguments); }
|
|
641
|
+
|
|
642
|
+
|
|
643
|
+
|
|
644
|
+
var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
|
|
645
|
+
displayName: "SVG__Styled",
|
|
646
|
+
componentId: "sc-1bz0ryh-0"
|
|
647
|
+
})(["flex:0 0 auto;"]);
|
|
648
|
+
function SVG(props) {
|
|
649
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
|
|
650
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
651
|
+
}, props));
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
/***/ }),
|
|
655
|
+
|
|
656
|
+
/***/ 62:
|
|
625
657
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
626
658
|
|
|
627
659
|
"use strict";
|
|
628
660
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronLeft; });
|
|
629
661
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
630
662
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
631
|
-
/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
663
|
+
/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(63);
|
|
632
664
|
/* harmony import */ var _splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronLeft__WEBPACK_IMPORTED_MODULE_1__);
|
|
633
665
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
634
666
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -671,32 +703,7 @@ function ChevronLeft(props) {
|
|
|
671
703
|
|
|
672
704
|
/***/ }),
|
|
673
705
|
|
|
674
|
-
/***/
|
|
675
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
676
|
-
|
|
677
|
-
"use strict";
|
|
678
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
|
|
679
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
680
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
681
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
682
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
683
|
-
function _extends() { _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 _extends.apply(this, arguments); }
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
|
|
688
|
-
displayName: "SVG__Styled",
|
|
689
|
-
componentId: "sc-1bz0ryh-0"
|
|
690
|
-
})(["flex:0 0 auto;"]);
|
|
691
|
-
function SVG(props) {
|
|
692
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
|
|
693
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
694
|
-
}, props));
|
|
695
|
-
}
|
|
696
|
-
|
|
697
|
-
/***/ }),
|
|
698
|
-
|
|
699
|
-
/***/ 60:
|
|
706
|
+
/***/ 63:
|
|
700
707
|
/***/ (function(module, exports) {
|
|
701
708
|
|
|
702
709
|
module.exports = require("@splunk/react-icons/ChevronLeft");
|
|
@@ -826,13 +833,6 @@ Icon.defaultProps = defaultProps;
|
|
|
826
833
|
|
|
827
834
|
module.exports = require("@splunk/react-ui/Box");
|
|
828
835
|
|
|
829
|
-
/***/ }),
|
|
830
|
-
|
|
831
|
-
/***/ 98:
|
|
832
|
-
/***/ (function(module, exports) {
|
|
833
|
-
|
|
834
|
-
module.exports = require("@splunk/react-icons/More");
|
|
835
|
-
|
|
836
836
|
/***/ })
|
|
837
837
|
|
|
838
838
|
/******/ });
|
package/Paragraph.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 = 170);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 170:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
package/Popover.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 138);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 10:
|
|
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
|
+
/***/ 138:
|
|
132
132
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
133
133
|
|
|
134
134
|
"use strict";
|
|
@@ -148,7 +148,7 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
148
148
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
149
149
|
|
|
150
150
|
// EXTERNAL MODULE: external "react-dom"
|
|
151
|
-
var external_react_dom_ = __webpack_require__(
|
|
151
|
+
var external_react_dom_ = __webpack_require__(70);
|
|
152
152
|
|
|
153
153
|
// EXTERNAL MODULE: external "lodash"
|
|
154
154
|
var external_lodash_ = __webpack_require__(4);
|
|
@@ -157,22 +157,22 @@ var external_lodash_ = __webpack_require__(4);
|
|
|
157
157
|
var themes_ = __webpack_require__(0);
|
|
158
158
|
|
|
159
159
|
// EXTERNAL MODULE: external "@splunk/react-ui/Animation"
|
|
160
|
-
var Animation_ = __webpack_require__(
|
|
160
|
+
var Animation_ = __webpack_require__(34);
|
|
161
161
|
|
|
162
162
|
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
163
163
|
var EventListener_ = __webpack_require__(15);
|
|
164
164
|
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
165
165
|
|
|
166
166
|
// EXTERNAL MODULE: external "@splunk/react-ui/Layer"
|
|
167
|
-
var Layer_ = __webpack_require__(
|
|
167
|
+
var Layer_ = __webpack_require__(60);
|
|
168
168
|
var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
|
|
169
169
|
|
|
170
170
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
|
|
171
|
-
var ScrollContainerContext_ = __webpack_require__(
|
|
171
|
+
var ScrollContainerContext_ = __webpack_require__(39);
|
|
172
172
|
var ScrollContainerContext_default = /*#__PURE__*/__webpack_require__.n(ScrollContainerContext_);
|
|
173
173
|
|
|
174
174
|
// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
|
|
175
|
-
var focus_ = __webpack_require__(
|
|
175
|
+
var focus_ = __webpack_require__(28);
|
|
176
176
|
|
|
177
177
|
// CONCATENATED MODULE: ./src/Popover/getPlacement.ts
|
|
178
178
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -196,6 +196,15 @@ function getInitialStyle(_ref) {
|
|
|
196
196
|
};
|
|
197
197
|
|
|
198
198
|
case 'below':
|
|
199
|
+
// Align 'end' is only supported by below
|
|
200
|
+
// TODO: SUI-5101 Enable users to align Popover and Dropdown
|
|
201
|
+
if (align === 'end') {
|
|
202
|
+
return {
|
|
203
|
+
top: anchorPos.bottom,
|
|
204
|
+
left: anchorPos.right - outerContainerEl.offsetWidth + padding
|
|
205
|
+
};
|
|
206
|
+
}
|
|
207
|
+
|
|
199
208
|
return {
|
|
200
209
|
top: anchorPos.bottom,
|
|
201
210
|
left: align === 'edge' ? anchorPos.left - padding : anchorPos.middle - outerContainerEl.offsetWidth / 2
|
|
@@ -445,7 +454,7 @@ function getPlacement(args) {
|
|
|
445
454
|
var PopoverContext = /*#__PURE__*/Object(external_react_["createContext"])({});
|
|
446
455
|
|
|
447
456
|
// EXTERNAL MODULE: external "react-spring"
|
|
448
|
-
var external_react_spring_ = __webpack_require__(
|
|
457
|
+
var external_react_spring_ = __webpack_require__(21);
|
|
449
458
|
|
|
450
459
|
// EXTERNAL MODULE: external "styled-components"
|
|
451
460
|
var external_styled_components_ = __webpack_require__(3);
|
|
@@ -516,7 +525,10 @@ var StyledLowerRightCorner = external_styled_components_default.a.div.withConfig
|
|
|
516
525
|
})(["position:fixed;right:0;bottom:0;"]);
|
|
517
526
|
|
|
518
527
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
519
|
-
var updateReactRef = __webpack_require__(
|
|
528
|
+
var updateReactRef = __webpack_require__(10);
|
|
529
|
+
|
|
530
|
+
// EXTERNAL MODULE: ./src/utils/ssrWindow.ts
|
|
531
|
+
var ssrWindow = __webpack_require__(19);
|
|
520
532
|
|
|
521
533
|
// CONCATENATED MODULE: ./src/Popover/Popover.tsx
|
|
522
534
|
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); }
|
|
@@ -583,9 +595,12 @@ function Popover_defineProperty(obj, key, value) { if (key in obj) { Object.defi
|
|
|
583
595
|
|
|
584
596
|
|
|
585
597
|
|
|
598
|
+
|
|
599
|
+
/** @public */
|
|
600
|
+
|
|
586
601
|
var possibleCloseReasons = ['clickAway', 'escapeKey', 'offScreen', 'tabKey'];
|
|
587
602
|
var propTypes = {
|
|
588
|
-
align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme']),
|
|
603
|
+
align: external_prop_types_default.a.oneOf(['center', 'edge', 'theme', 'end']),
|
|
589
604
|
anchor: external_prop_types_default.a.object,
|
|
590
605
|
animation: external_prop_types_default.a.bool,
|
|
591
606
|
appearance: external_prop_types_default.a.oneOf(['normal', 'inverted', 'none']),
|
|
@@ -751,6 +766,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
|
|
|
751
766
|
});
|
|
752
767
|
|
|
753
768
|
Popover_defineProperty(_assertThisInitialized(_this), "setPlacement", function (scrolling) {
|
|
769
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
770
|
+
|
|
754
771
|
_this.setState(function (state) {
|
|
755
772
|
var _state$arrowStyleTran;
|
|
756
773
|
|
|
@@ -1040,6 +1057,8 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
|
|
|
1040
1057
|
}, {
|
|
1041
1058
|
key: "autoCloseWhenOffScreen",
|
|
1042
1059
|
value: function autoCloseWhenOffScreen(anchorPosition, scrollContainerPosition) {
|
|
1060
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
1061
|
+
|
|
1043
1062
|
if (anchorPosition.top < 0 || anchorPosition.top > window.innerHeight || anchorPosition.left < 0 || anchorPosition.left > window.innerWidth) {
|
|
1044
1063
|
this.requestClose({
|
|
1045
1064
|
reason: 'offScreen'
|
|
@@ -1070,6 +1089,7 @@ var Popover_Popover = /*#__PURE__*/function (_Component) {
|
|
|
1070
1089
|
}, {
|
|
1071
1090
|
key: "render",
|
|
1072
1091
|
value: function render() {
|
|
1092
|
+
var window = Object(ssrWindow["a" /* getWindow */])();
|
|
1073
1093
|
var open = this.props.open || this.state.animating;
|
|
1074
1094
|
var scrollContainer = this.context || window;
|
|
1075
1095
|
var hasCustomizedScrollContainer = scrollContainer !== window;
|
|
@@ -1144,10 +1164,79 @@ module.exports = require("@splunk/react-ui/EventListener");
|
|
|
1144
1164
|
|
|
1145
1165
|
/***/ }),
|
|
1146
1166
|
|
|
1147
|
-
/***/
|
|
1148
|
-
/***/ (function(module,
|
|
1167
|
+
/***/ 19:
|
|
1168
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1169
|
+
|
|
1170
|
+
"use strict";
|
|
1171
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getWindow; });
|
|
1172
|
+
/* unused harmony export ssrWindow */
|
|
1173
|
+
/* harmony import */ var _ssrDocument__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(27);
|
|
1174
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
1175
|
+
|
|
1176
|
+
var ssrWindow = {
|
|
1177
|
+
document: _ssrDocument__WEBPACK_IMPORTED_MODULE_0__[/* ssrDocument */ "b"],
|
|
1178
|
+
navigator: {
|
|
1179
|
+
userAgent: ''
|
|
1180
|
+
},
|
|
1181
|
+
location: {
|
|
1182
|
+
hash: '',
|
|
1183
|
+
host: '',
|
|
1184
|
+
hostname: '',
|
|
1185
|
+
href: '',
|
|
1186
|
+
origin: '',
|
|
1187
|
+
pathname: '',
|
|
1188
|
+
protocol: '',
|
|
1189
|
+
search: ''
|
|
1190
|
+
},
|
|
1191
|
+
history: {
|
|
1192
|
+
replaceState: function replaceState() {},
|
|
1193
|
+
pushState: function pushState() {},
|
|
1194
|
+
go: function go() {},
|
|
1195
|
+
back: function back() {}
|
|
1196
|
+
},
|
|
1197
|
+
CustomEvent: function CustomEvent() {
|
|
1198
|
+
return this;
|
|
1199
|
+
},
|
|
1200
|
+
addEventListener: function addEventListener() {},
|
|
1201
|
+
removeEventListener: function removeEventListener() {},
|
|
1202
|
+
getComputedStyle: function getComputedStyle() {
|
|
1203
|
+
return {
|
|
1204
|
+
getPropertyValue: function getPropertyValue() {
|
|
1205
|
+
return '';
|
|
1206
|
+
}
|
|
1207
|
+
};
|
|
1208
|
+
},
|
|
1209
|
+
Image: function Image() {},
|
|
1210
|
+
Date: function Date() {},
|
|
1211
|
+
screen: {},
|
|
1212
|
+
setTimeout: function setTimeout() {},
|
|
1213
|
+
clearTimeout: function clearTimeout() {},
|
|
1214
|
+
matchMedia: function matchMedia() {
|
|
1215
|
+
return {};
|
|
1216
|
+
},
|
|
1217
|
+
requestAnimationFrame: function requestAnimationFrame(callback) {
|
|
1218
|
+
if (typeof setTimeout === 'undefined') {
|
|
1219
|
+
callback();
|
|
1220
|
+
return null;
|
|
1221
|
+
}
|
|
1222
|
+
|
|
1223
|
+
return setTimeout(callback, 0);
|
|
1224
|
+
},
|
|
1225
|
+
cancelAnimationFrame: function cancelAnimationFrame(id) {
|
|
1226
|
+
if (typeof setTimeout === 'undefined') {
|
|
1227
|
+
return;
|
|
1228
|
+
}
|
|
1229
|
+
|
|
1230
|
+
clearTimeout(id);
|
|
1231
|
+
}
|
|
1232
|
+
};
|
|
1233
|
+
|
|
1234
|
+
function getWindow() {
|
|
1235
|
+
var win = typeof window !== 'undefined' ? window : ssrWindow;
|
|
1236
|
+
return win;
|
|
1237
|
+
}
|
|
1238
|
+
|
|
1149
1239
|
|
|
1150
|
-
module.exports = require("react-spring");
|
|
1151
1240
|
|
|
1152
1241
|
/***/ }),
|
|
1153
1242
|
|
|
@@ -1158,7 +1247,85 @@ module.exports = require("react");
|
|
|
1158
1247
|
|
|
1159
1248
|
/***/ }),
|
|
1160
1249
|
|
|
1161
|
-
/***/
|
|
1250
|
+
/***/ 21:
|
|
1251
|
+
/***/ (function(module, exports) {
|
|
1252
|
+
|
|
1253
|
+
module.exports = require("react-spring");
|
|
1254
|
+
|
|
1255
|
+
/***/ }),
|
|
1256
|
+
|
|
1257
|
+
/***/ 27:
|
|
1258
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1259
|
+
|
|
1260
|
+
"use strict";
|
|
1261
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
|
|
1262
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return ssrDocument; });
|
|
1263
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
1264
|
+
var ssrDocument = {
|
|
1265
|
+
body: {
|
|
1266
|
+
appendChild: function appendChild() {
|
|
1267
|
+
return [];
|
|
1268
|
+
}
|
|
1269
|
+
},
|
|
1270
|
+
addEventListener: function addEventListener() {},
|
|
1271
|
+
removeEventListener: function removeEventListener() {},
|
|
1272
|
+
activeElement: {
|
|
1273
|
+
blur: function blur() {},
|
|
1274
|
+
nodeName: ''
|
|
1275
|
+
},
|
|
1276
|
+
querySelector: function querySelector() {
|
|
1277
|
+
return null;
|
|
1278
|
+
},
|
|
1279
|
+
querySelectorAll: function querySelectorAll() {
|
|
1280
|
+
return [];
|
|
1281
|
+
},
|
|
1282
|
+
getElementById: function getElementById() {
|
|
1283
|
+
return null;
|
|
1284
|
+
},
|
|
1285
|
+
createEvent: function createEvent() {
|
|
1286
|
+
return {
|
|
1287
|
+
initEvent: function initEvent() {}
|
|
1288
|
+
};
|
|
1289
|
+
},
|
|
1290
|
+
createElement: function createElement() {
|
|
1291
|
+
return {
|
|
1292
|
+
children: [],
|
|
1293
|
+
childNodes: [],
|
|
1294
|
+
style: {},
|
|
1295
|
+
setAttribute: function setAttribute() {},
|
|
1296
|
+
getElementsByTagName: function getElementsByTagName() {
|
|
1297
|
+
return [];
|
|
1298
|
+
}
|
|
1299
|
+
};
|
|
1300
|
+
},
|
|
1301
|
+
createElementNS: function createElementNS() {
|
|
1302
|
+
return {};
|
|
1303
|
+
},
|
|
1304
|
+
importNode: function importNode() {
|
|
1305
|
+
return null;
|
|
1306
|
+
},
|
|
1307
|
+
location: {
|
|
1308
|
+
hash: '',
|
|
1309
|
+
host: '',
|
|
1310
|
+
hostname: '',
|
|
1311
|
+
href: '',
|
|
1312
|
+
origin: '',
|
|
1313
|
+
pathname: '',
|
|
1314
|
+
protocol: '',
|
|
1315
|
+
search: ''
|
|
1316
|
+
}
|
|
1317
|
+
};
|
|
1318
|
+
|
|
1319
|
+
function getDocument() {
|
|
1320
|
+
var doc = typeof document !== 'undefined' ? document : ssrDocument;
|
|
1321
|
+
return doc;
|
|
1322
|
+
}
|
|
1323
|
+
|
|
1324
|
+
|
|
1325
|
+
|
|
1326
|
+
/***/ }),
|
|
1327
|
+
|
|
1328
|
+
/***/ 28:
|
|
1162
1329
|
/***/ (function(module, exports) {
|
|
1163
1330
|
|
|
1164
1331
|
module.exports = require("@splunk/ui-utils/focus");
|
|
@@ -1172,14 +1339,14 @@ module.exports = require("styled-components");
|
|
|
1172
1339
|
|
|
1173
1340
|
/***/ }),
|
|
1174
1341
|
|
|
1175
|
-
/***/
|
|
1342
|
+
/***/ 34:
|
|
1176
1343
|
/***/ (function(module, exports) {
|
|
1177
1344
|
|
|
1178
1345
|
module.exports = require("@splunk/react-ui/Animation");
|
|
1179
1346
|
|
|
1180
1347
|
/***/ }),
|
|
1181
1348
|
|
|
1182
|
-
/***/
|
|
1349
|
+
/***/ 39:
|
|
1183
1350
|
/***/ (function(module, exports) {
|
|
1184
1351
|
|
|
1185
1352
|
module.exports = require("@splunk/react-ui/ScrollContainerContext");
|
|
@@ -1193,14 +1360,14 @@ module.exports = require("lodash");
|
|
|
1193
1360
|
|
|
1194
1361
|
/***/ }),
|
|
1195
1362
|
|
|
1196
|
-
/***/
|
|
1363
|
+
/***/ 60:
|
|
1197
1364
|
/***/ (function(module, exports) {
|
|
1198
1365
|
|
|
1199
1366
|
module.exports = require("@splunk/react-ui/Layer");
|
|
1200
1367
|
|
|
1201
1368
|
/***/ }),
|
|
1202
1369
|
|
|
1203
|
-
/***/
|
|
1370
|
+
/***/ 70:
|
|
1204
1371
|
/***/ (function(module, exports) {
|
|
1205
1372
|
|
|
1206
1373
|
module.exports = require("react-dom");
|
package/Progress.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 = 171);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 171:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -123,18 +123,18 @@ 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/AnimationToggle"
|
|
126
|
-
var AnimationToggle_ = __webpack_require__(
|
|
126
|
+
var AnimationToggle_ = __webpack_require__(38);
|
|
127
127
|
|
|
128
128
|
// EXTERNAL MODULE: external "styled-components"
|
|
129
129
|
var external_styled_components_ = __webpack_require__(3);
|
|
130
130
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
131
131
|
|
|
132
132
|
// EXTERNAL MODULE: external "tinycolor2"
|
|
133
|
-
var external_tinycolor2_ = __webpack_require__(
|
|
133
|
+
var external_tinycolor2_ = __webpack_require__(49);
|
|
134
134
|
var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
|
|
135
135
|
|
|
136
136
|
// EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
|
|
137
|
-
var Tooltip_ = __webpack_require__(
|
|
137
|
+
var Tooltip_ = __webpack_require__(52);
|
|
138
138
|
var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
|
|
139
139
|
|
|
140
140
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
@@ -326,7 +326,7 @@ module.exports = require("styled-components");
|
|
|
326
326
|
|
|
327
327
|
/***/ }),
|
|
328
328
|
|
|
329
|
-
/***/
|
|
329
|
+
/***/ 38:
|
|
330
330
|
/***/ (function(module, exports) {
|
|
331
331
|
|
|
332
332
|
module.exports = require("@splunk/react-ui/AnimationToggle");
|
|
@@ -340,14 +340,14 @@ module.exports = require("lodash");
|
|
|
340
340
|
|
|
341
341
|
/***/ }),
|
|
342
342
|
|
|
343
|
-
/***/
|
|
343
|
+
/***/ 49:
|
|
344
344
|
/***/ (function(module, exports) {
|
|
345
345
|
|
|
346
346
|
module.exports = require("tinycolor2");
|
|
347
347
|
|
|
348
348
|
/***/ }),
|
|
349
349
|
|
|
350
|
-
/***/
|
|
350
|
+
/***/ 52:
|
|
351
351
|
/***/ (function(module, exports) {
|
|
352
352
|
|
|
353
353
|
module.exports = require("@splunk/react-ui/Tooltip");
|
package/RadioBar.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 = 130);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 130:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
package/RadioList.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 = 131);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 11:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/ui-utils/id");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 131:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -131,7 +131,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
131
131
|
var external_lodash_ = __webpack_require__(4);
|
|
132
132
|
|
|
133
133
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
134
|
-
var id_ = __webpack_require__(
|
|
134
|
+
var id_ = __webpack_require__(11);
|
|
135
135
|
|
|
136
136
|
// CONCATENATED MODULE: ./src/RadioList/RadioListContext.ts
|
|
137
137
|
|