@splunk/react-ui 4.5.2 → 4.7.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 +10 -9
- package/Anchor.js +2 -2
- package/Animation.js +2 -2
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +13 -13
- package/ButtonGroup.js +4 -4
- package/ButtonSimple.js +6 -6
- package/CHANGELOG.md +42 -1
- package/Calendar.js +16 -16
- package/Card.js +48 -53
- package/CardLayout.js +4 -4
- package/Chip.js +10 -10
- package/Clickable.js +41 -15
- package/CloseButton.js +8 -8
- package/Code.js +8 -7
- package/CollapsiblePanel.js +11 -14
- package/Color.js +48 -48
- package/ColumnLayout.js +4 -4
- package/ComboBox.js +8 -8
- package/Concertina.js +15 -15
- package/ControlGroup.js +30 -37
- package/Date.js +10 -10
- package/DefinitionList.js +2 -2
- package/Dropdown.js +4 -4
- package/EventListener.js +4 -4
- package/FetchOptions.js +8 -8
- package/File.js +27 -27
- package/FormRows.js +21 -23
- package/Heading.js +2 -2
- package/Image.js +14 -14
- package/JSONTree.js +4 -4
- package/Layer.js +10 -10
- package/Link.js +6 -6
- package/List.js +2 -2
- package/Markdown.js +28 -16
- package/Menu.js +135 -70
- package/Message.js +246 -305
- package/MessageBar.d.ts +2 -0
- package/MessageBar.js +789 -0
- package/Modal.js +95 -61
- package/ModalLayer.js +5 -4
- package/Monogram.js +4 -4
- package/Multiselect.js +293 -42
- package/Number.js +8 -8
- package/Paginator.js +24 -24
- package/Paragraph.js +2 -2
- package/Popover.js +12 -12
- package/Progress.js +6 -6
- package/RadioBar.js +4 -4
- package/RadioList.js +2 -2
- package/Resize.js +8 -8
- package/ResultsMenu.js +25 -23
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +6 -6
- package/ScrollContainerContext.js +2 -2
- package/Search.js +14 -14
- package/Select.js +286 -36
- package/SidePanel.js +6 -6
- package/Slider.js +20 -14
- package/SlidingPanels.js +4 -4
- package/StaticContent.js +2 -2
- package/StepBar.js +18 -18
- package/Switch.js +17 -31
- package/TabBar.js +60 -46
- package/TabLayout.js +4 -4
- package/Table.js +63 -55
- package/Text.js +163 -146
- package/Tooltip.js +14 -14
- package/TransitionOpen.js +69 -44
- package/WaitSpinner.js +2 -2
- package/cypress/plugins/index.ts +15 -0
- package/cypress/support/commands.ts +1 -0
- package/cypress/support/index.ts +10 -0
- package/cypress.json +12 -0
- package/package.json +18 -5
- package/types/src/Animation/Animation.d.ts +0 -1
- package/types/src/Calendar/DateTable.d.ts +0 -1
- package/types/src/Clickable/Clickable.d.ts +12 -2
- package/types/src/Clickable/NavigationProvider.d.ts +12 -2
- package/types/src/Color/Color.d.ts +3 -3
- package/types/src/Date/Date.d.ts +3 -3
- package/types/src/Date/Icon.d.ts +0 -1
- package/types/src/File/Icon.d.ts +0 -1
- package/types/src/File/IconCloud.d.ts +0 -1
- package/types/src/File/PaperClip.d.ts +0 -1
- package/types/src/File/Retry.d.ts +0 -1
- package/types/src/File/Trash.d.ts +0 -1
- package/types/src/Markdown/renderers/MarkdownCode.d.ts +0 -1
- package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +0 -1
- package/types/src/Markdown/renderers/MarkdownImage.d.ts +0 -1
- package/types/src/Menu/Divider.d.ts +0 -1
- package/types/src/Message/Link.d.ts +2 -0
- package/types/src/Message/Message.d.ts +6 -1
- package/types/src/MessageBar/MessageBar.d.ts +28 -0
- package/types/src/MessageBar/index.d.ts +2 -0
- package/types/src/Modal/Modal.d.ts +3 -0
- package/types/src/Modal/ModalContext.d.ts +6 -0
- package/types/src/Monogram/Monogram.d.ts +2 -2
- package/types/src/Multiselect/Multiselect.d.ts +1 -0
- package/types/src/Number/IncrementIcon.d.ts +0 -1
- package/types/src/Number/Number.d.ts +3 -3
- package/types/src/Paginator/PageSeparator.d.ts +0 -1
- package/types/src/Popover/Popover.d.ts +1 -2
- package/types/src/RadioBar/RadioBar.d.ts +3 -3
- package/types/src/Select/Select.d.ts +8 -3
- package/types/src/Select/SelectBase.d.ts +17 -5
- package/types/src/Select/matchUtils.d.ts +12 -0
- package/types/src/Slider/Slider.d.ts +3 -3
- package/types/src/Switch/CheckIcon.d.ts +0 -1
- package/types/src/Switch/Switch.d.ts +7 -7
- package/types/src/Table/DragHandle.d.ts +0 -1
- package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
- package/types/src/Table/Toggle.d.ts +0 -1
- package/types/src/Text/IconOutlinedHide.d.ts +0 -1
- package/types/src/Text/IconOutlinedView.d.ts +0 -1
- package/types/src/Text/Text.d.ts +12 -5
- package/types/src/Tooltip/InfoIcon.d.ts +0 -1
- package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -0
- package/types/src/icons/Alert.d.ts +0 -1
- package/types/src/icons/AlertFilled.d.ts +0 -1
- package/types/src/icons/CaretDown.d.ts +0 -1
- package/types/src/icons/CaretRight.d.ts +0 -1
- package/types/src/icons/Check.d.ts +0 -1
- package/types/src/icons/ChevronDown.d.ts +0 -1
- package/types/src/icons/ChevronLeft.d.ts +0 -1
- package/types/src/icons/ChevronRight.d.ts +0 -1
- package/types/src/icons/CrossMark.d.ts +0 -1
- package/types/src/icons/External.d.ts +0 -1
- package/types/src/icons/InfoFilled.d.ts +0 -1
- package/types/src/icons/More.d.ts +0 -1
- package/types/src/icons/MoreVertical.d.ts +0 -1
- package/types/src/icons/Plus.d.ts +0 -1
- package/types/src/icons/SVG.d.ts +0 -1
- package/types/src/icons/Search.d.ts +0 -1
- package/types/src/icons/Sort.d.ts +0 -1
- package/types/src/icons/SortedDown.d.ts +0 -1
- package/types/src/icons/SortedUp.d.ts +0 -1
- package/types/src/icons/Success.d.ts +0 -1
- package/types/src/icons/SuccessFilled.d.ts +0 -1
- package/types/src/icons/WarningFilled.d.ts +0 -1
- package/types/src/utils/types.d.ts +0 -1
- package/unit-test-setup-testing-library.ts +9 -0
- package/usePrevious.js +2 -2
- package/types/src/Message/Banner.d.ts +0 -8
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 = 172);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 172:
|
|
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__(77);
|
|
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__(52);
|
|
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
|
+
/***/ 52:
|
|
369
369
|
/***/ (function(module, exports) {
|
|
370
370
|
|
|
371
371
|
module.exports = require("@splunk/react-ui/TransitionOpen");
|
|
372
372
|
|
|
373
373
|
/***/ }),
|
|
374
374
|
|
|
375
|
-
/***/
|
|
375
|
+
/***/ 77:
|
|
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 = 173);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 105:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("decimal.js-light");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 15:
|
|
105
112
|
/***/ (function(module, exports) {
|
|
106
113
|
|
|
107
114
|
module.exports = require("@splunk/react-ui/EventListener");
|
|
@@ -115,7 +122,7 @@ module.exports = require("@splunk/react-ui/Popover");
|
|
|
115
122
|
|
|
116
123
|
/***/ }),
|
|
117
124
|
|
|
118
|
-
/***/
|
|
125
|
+
/***/ 173:
|
|
119
126
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
120
127
|
|
|
121
128
|
"use strict";
|
|
@@ -134,7 +141,7 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
134
141
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
135
142
|
|
|
136
143
|
// EXTERNAL MODULE: external "decimal.js-light"
|
|
137
|
-
var external_decimal_js_light_ = __webpack_require__(
|
|
144
|
+
var external_decimal_js_light_ = __webpack_require__(105);
|
|
138
145
|
var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
|
|
139
146
|
|
|
140
147
|
// EXTERNAL MODULE: external "lodash"
|
|
@@ -147,7 +154,7 @@ var keyboard_ = __webpack_require__(9);
|
|
|
147
154
|
var themes_ = __webpack_require__(0);
|
|
148
155
|
|
|
149
156
|
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
150
|
-
var EventListener_ = __webpack_require__(
|
|
157
|
+
var EventListener_ = __webpack_require__(15);
|
|
151
158
|
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
152
159
|
|
|
153
160
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
@@ -159,7 +166,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
159
166
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
160
167
|
|
|
161
168
|
// EXTERNAL MODULE: external "tinycolor2"
|
|
162
|
-
var external_tinycolor2_ = __webpack_require__(
|
|
169
|
+
var external_tinycolor2_ = __webpack_require__(46);
|
|
163
170
|
var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
|
|
164
171
|
|
|
165
172
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
@@ -461,6 +468,12 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
|
|
|
461
468
|
val = _this.checkValueBounds(val + step);
|
|
462
469
|
} else if (Object(keyboard_["keycode"])(e.nativeEvent) === 'left') {
|
|
463
470
|
val = _this.checkValueBounds(val - step);
|
|
471
|
+
} else if (Object(keyboard_["keycode"])(e.nativeEvent) === 'up') {
|
|
472
|
+
e.preventDefault();
|
|
473
|
+
val = _this.checkValueBounds(val + step);
|
|
474
|
+
} else if (Object(keyboard_["keycode"])(e.nativeEvent) === 'down') {
|
|
475
|
+
e.preventDefault();
|
|
476
|
+
val = _this.checkValueBounds(val - step);
|
|
464
477
|
} else {
|
|
465
478
|
return;
|
|
466
479
|
}
|
|
@@ -776,7 +789,7 @@ module.exports = require("lodash");
|
|
|
776
789
|
|
|
777
790
|
/***/ }),
|
|
778
791
|
|
|
779
|
-
/***/
|
|
792
|
+
/***/ 46:
|
|
780
793
|
/***/ (function(module, exports) {
|
|
781
794
|
|
|
782
795
|
module.exports = require("tinycolor2");
|
|
@@ -795,13 +808,6 @@ module.exports = require("@splunk/react-ui/Box");
|
|
|
795
808
|
|
|
796
809
|
module.exports = require("@splunk/ui-utils/keyboard");
|
|
797
810
|
|
|
798
|
-
/***/ }),
|
|
799
|
-
|
|
800
|
-
/***/ 97:
|
|
801
|
-
/***/ (function(module, exports) {
|
|
802
|
-
|
|
803
|
-
module.exports = require("decimal.js-light");
|
|
804
|
-
|
|
805
811
|
/***/ })
|
|
806
812
|
|
|
807
813
|
/******/ });
|
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 = 146);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 12:
|
|
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
|
+
/***/ 146:
|
|
132
132
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
133
133
|
|
|
134
134
|
"use strict";
|
|
@@ -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__(12);
|
|
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); }
|
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 = 174);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 174:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
package/StepBar.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
|
/******/ ({
|
|
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 122:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -142,7 +142,7 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
|
|
|
142
142
|
var themes_ = __webpack_require__(0);
|
|
143
143
|
|
|
144
144
|
// EXTERNAL MODULE: external "@splunk/react-icons/Error"
|
|
145
|
-
var Error_ = __webpack_require__(
|
|
145
|
+
var Error_ = __webpack_require__(49);
|
|
146
146
|
var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
|
|
147
147
|
|
|
148
148
|
// EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
|
|
@@ -179,7 +179,7 @@ function AlertFilled(props) {
|
|
|
179
179
|
}, props));
|
|
180
180
|
}
|
|
181
181
|
// EXTERNAL MODULE: external "@splunk/react-icons/Success"
|
|
182
|
-
var Success_ = __webpack_require__(
|
|
182
|
+
var Success_ = __webpack_require__(50);
|
|
183
183
|
var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
|
|
184
184
|
|
|
185
185
|
// CONCATENATED MODULE: ./src/icons/Success.tsx
|
|
@@ -511,6 +511,20 @@ module.exports = require("@splunk/themes/useSplunkTheme");
|
|
|
511
511
|
|
|
512
512
|
/***/ }),
|
|
513
513
|
|
|
514
|
+
/***/ 49:
|
|
515
|
+
/***/ (function(module, exports) {
|
|
516
|
+
|
|
517
|
+
module.exports = require("@splunk/react-icons/Error");
|
|
518
|
+
|
|
519
|
+
/***/ }),
|
|
520
|
+
|
|
521
|
+
/***/ 50:
|
|
522
|
+
/***/ (function(module, exports) {
|
|
523
|
+
|
|
524
|
+
module.exports = require("@splunk/react-icons/Success");
|
|
525
|
+
|
|
526
|
+
/***/ }),
|
|
527
|
+
|
|
514
528
|
/***/ 6:
|
|
515
529
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
516
530
|
|
|
@@ -536,20 +550,6 @@ function SVG(props) {
|
|
|
536
550
|
|
|
537
551
|
/***/ }),
|
|
538
552
|
|
|
539
|
-
/***/ 66:
|
|
540
|
-
/***/ (function(module, exports) {
|
|
541
|
-
|
|
542
|
-
module.exports = require("@splunk/react-icons/Error");
|
|
543
|
-
|
|
544
|
-
/***/ }),
|
|
545
|
-
|
|
546
|
-
/***/ 67:
|
|
547
|
-
/***/ (function(module, exports) {
|
|
548
|
-
|
|
549
|
-
module.exports = require("@splunk/react-icons/Success");
|
|
550
|
-
|
|
551
|
-
/***/ }),
|
|
552
|
-
|
|
553
553
|
/***/ 7:
|
|
554
554
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
555
555
|
|
package/Switch.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 = 147);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -108,14 +108,21 @@ module.exports = require("@splunk/ui-utils/id");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 11:
|
|
112
112
|
/***/ (function(module, exports) {
|
|
113
113
|
|
|
114
114
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
115
115
|
|
|
116
116
|
/***/ }),
|
|
117
117
|
|
|
118
|
-
/***/
|
|
118
|
+
/***/ 14:
|
|
119
|
+
/***/ (function(module, exports) {
|
|
120
|
+
|
|
121
|
+
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
122
|
+
|
|
123
|
+
/***/ }),
|
|
124
|
+
|
|
125
|
+
/***/ 147:
|
|
119
126
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
120
127
|
|
|
121
128
|
"use strict";
|
|
@@ -138,17 +145,14 @@ var AnimationToggle_ = __webpack_require__(34);
|
|
|
138
145
|
var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_);
|
|
139
146
|
|
|
140
147
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
141
|
-
var ScreenReaderContent_ = __webpack_require__(
|
|
148
|
+
var ScreenReaderContent_ = __webpack_require__(14);
|
|
142
149
|
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
143
150
|
|
|
144
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
145
|
-
var i18n_ = __webpack_require__(5);
|
|
146
|
-
|
|
147
151
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
148
152
|
var id_ = __webpack_require__(10);
|
|
149
153
|
|
|
150
154
|
// EXTERNAL MODULE: external "@splunk/react-icons/Check"
|
|
151
|
-
var Check_ = __webpack_require__(
|
|
155
|
+
var Check_ = __webpack_require__(47);
|
|
152
156
|
var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
|
|
153
157
|
|
|
154
158
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -196,7 +200,7 @@ var Box_ = __webpack_require__(8);
|
|
|
196
200
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
197
201
|
|
|
198
202
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
199
|
-
var Clickable_ = __webpack_require__(
|
|
203
|
+
var Clickable_ = __webpack_require__(11);
|
|
200
204
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
201
205
|
|
|
202
206
|
// CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
|
|
@@ -495,7 +499,6 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
495
499
|
|
|
496
500
|
|
|
497
501
|
|
|
498
|
-
|
|
499
502
|
var propTypes = {
|
|
500
503
|
appearance: external_prop_types_default.a.oneOf(['checkbox', 'toggle']),
|
|
501
504
|
children: external_prop_types_default.a.node,
|
|
@@ -521,10 +524,7 @@ var defaultProps = {
|
|
|
521
524
|
error: false,
|
|
522
525
|
inline: false,
|
|
523
526
|
interactive: true,
|
|
524
|
-
selected: false
|
|
525
|
-
selectedLabel: Object(i18n_["_"])('Selected'),
|
|
526
|
-
someSelectedLabel: Object(i18n_["_"])('Some selected'),
|
|
527
|
-
unselectedLabel: Object(i18n_["_"])('Not selected')
|
|
527
|
+
selected: false
|
|
528
528
|
};
|
|
529
529
|
// unclear why the manual ref is needed here (only for styled-components)
|
|
530
530
|
var StyledClickables = {
|
|
@@ -651,7 +651,6 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
|
|
|
651
651
|
ref: function ref(c) {
|
|
652
652
|
_this2.toggle = c;
|
|
653
653
|
},
|
|
654
|
-
title: stateLabels["".concat(selected)],
|
|
655
654
|
onClick: disabled || !interactive ? undefined : this.handleContainerClick,
|
|
656
655
|
'data-test': 'button',
|
|
657
656
|
'data-selected': selected
|
|
@@ -689,6 +688,7 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
|
|
|
689
688
|
};
|
|
690
689
|
|
|
691
690
|
var switchState = disabled && 'disabled' || error && 'error' || null;
|
|
691
|
+
var hasCustomizedScreenReaderContent = !!selectedLabel || !!someSelectedLabel || !!unselectedLabel;
|
|
692
692
|
return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
|
|
693
693
|
flex: true,
|
|
694
694
|
inline: inline,
|
|
@@ -702,7 +702,7 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
|
|
|
702
702
|
}, otherProps), appearance === 'toggle' && /*#__PURE__*/external_react_default.a.createElement(AnimationToggle_default.a, {
|
|
703
703
|
on: renderToggle('200ms'),
|
|
704
704
|
off: renderToggle()
|
|
705
|
-
}), appearance !== 'toggle' && renderNonToggle(), interactive && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, stateLabels["".concat(selected)]), children && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
|
|
705
|
+
}), appearance !== 'toggle' && renderNonToggle(), interactive && hasCustomizedScreenReaderContent && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, stateLabels["".concat(selected)]), children && /*#__PURE__*/external_react_default.a.createElement(StyledLabel, {
|
|
706
706
|
$disabled: disabled,
|
|
707
707
|
"data-test": "label",
|
|
708
708
|
id: labelId,
|
|
@@ -724,13 +724,6 @@ _defineProperty(Switch_Switch, "defaultProps", defaultProps);
|
|
|
724
724
|
|
|
725
725
|
|
|
726
726
|
|
|
727
|
-
/***/ }),
|
|
728
|
-
|
|
729
|
-
/***/ 15:
|
|
730
|
-
/***/ (function(module, exports) {
|
|
731
|
-
|
|
732
|
-
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
733
|
-
|
|
734
727
|
/***/ }),
|
|
735
728
|
|
|
736
729
|
/***/ 2:
|
|
@@ -754,20 +747,13 @@ module.exports = require("@splunk/react-ui/AnimationToggle");
|
|
|
754
747
|
|
|
755
748
|
/***/ }),
|
|
756
749
|
|
|
757
|
-
/***/
|
|
750
|
+
/***/ 47:
|
|
758
751
|
/***/ (function(module, exports) {
|
|
759
752
|
|
|
760
753
|
module.exports = require("@splunk/react-icons/Check");
|
|
761
754
|
|
|
762
755
|
/***/ }),
|
|
763
756
|
|
|
764
|
-
/***/ 5:
|
|
765
|
-
/***/ (function(module, exports) {
|
|
766
|
-
|
|
767
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
768
|
-
|
|
769
|
-
/***/ }),
|
|
770
|
-
|
|
771
757
|
/***/ 8:
|
|
772
758
|
/***/ (function(module, exports) {
|
|
773
759
|
|
package/TabBar.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
|
/******/ ({
|
|
@@ -109,6 +109,13 @@ module.exports = require("@splunk/ui-utils/id");
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
111
|
/***/ 11:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("@splunk/react-ui/Clickable");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 12:
|
|
112
119
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
120
|
|
|
114
121
|
"use strict";
|
|
@@ -135,14 +142,7 @@ function updateReactRef(ref, current) {
|
|
|
135
142
|
|
|
136
143
|
/***/ }),
|
|
137
144
|
|
|
138
|
-
/***/
|
|
139
|
-
/***/ (function(module, exports) {
|
|
140
|
-
|
|
141
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
142
|
-
|
|
143
|
-
/***/ }),
|
|
144
|
-
|
|
145
|
-
/***/ 125:
|
|
145
|
+
/***/ 131:
|
|
146
146
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
147
147
|
|
|
148
148
|
"use strict";
|
|
@@ -202,11 +202,11 @@ var Popover_ = __webpack_require__(16);
|
|
|
202
202
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
203
203
|
|
|
204
204
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
205
|
-
var ScreenReaderContent_ = __webpack_require__(
|
|
205
|
+
var ScreenReaderContent_ = __webpack_require__(14);
|
|
206
206
|
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
207
207
|
|
|
208
208
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
209
|
-
var Clickable_ = __webpack_require__(
|
|
209
|
+
var Clickable_ = __webpack_require__(11);
|
|
210
210
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
211
211
|
|
|
212
212
|
// CONCATENATED MODULE: ./src/TabBar/TabStyles.ts
|
|
@@ -342,7 +342,7 @@ var StyledTooltipContent = external_styled_components_default.a.div.withConfig({
|
|
|
342
342
|
})(["padding:8px;font-size:", ";"], themes_["variables"].fontSizeSmall);
|
|
343
343
|
|
|
344
344
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
345
|
-
var updateReactRef = __webpack_require__(
|
|
345
|
+
var updateReactRef = __webpack_require__(12);
|
|
346
346
|
|
|
347
347
|
// CONCATENATED MODULE: ./src/TabBar/TabBarContext.tsx
|
|
348
348
|
|
|
@@ -586,6 +586,9 @@ _defineProperty(Tab_Tab, "defaultProps", defaultProps);
|
|
|
586
586
|
_defineProperty(Tab_Tab, "contextType", TabBar_TabBarContext);
|
|
587
587
|
|
|
588
588
|
/* harmony default export */ var TabBar_Tab = (Tab_Tab);
|
|
589
|
+
// EXTERNAL MODULE: ./src/utils/navigateList.ts
|
|
590
|
+
var navigateList = __webpack_require__(39);
|
|
591
|
+
|
|
589
592
|
// CONCATENATED MODULE: ./src/TabBar/TabBar.tsx
|
|
590
593
|
function TabBar_extends() { TabBar_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 TabBar_extends.apply(this, arguments); }
|
|
591
594
|
|
|
@@ -599,6 +602,7 @@ function TabBar_objectWithoutPropertiesLoose(source, excluded) { if (source == n
|
|
|
599
602
|
|
|
600
603
|
|
|
601
604
|
|
|
605
|
+
|
|
602
606
|
var minTabWidth = 50;
|
|
603
607
|
/** @public */
|
|
604
608
|
|
|
@@ -687,43 +691,14 @@ function TabBar(_ref) {
|
|
|
687
691
|
var key = Object(keyboard_["keycode"])(e.nativeEvent);
|
|
688
692
|
var tabToFocusRef;
|
|
689
693
|
|
|
690
|
-
function checkNextTab(nextTabIndex) {
|
|
691
|
-
for (var i = 0; i < tabRefs.length; i += 1) {
|
|
692
|
-
var _tabRefs$pointer$curr;
|
|
693
|
-
|
|
694
|
-
var pointer = (i + nextTabIndex) % tabRefs.length;
|
|
695
|
-
|
|
696
|
-
if (((_tabRefs$pointer$curr = tabRefs[pointer].current) === null || _tabRefs$pointer$curr === void 0 ? void 0 : _tabRefs$pointer$curr.props.disabled) !== true) {
|
|
697
|
-
return tabRefs[pointer];
|
|
698
|
-
}
|
|
699
|
-
}
|
|
700
|
-
|
|
701
|
-
return tabRefs[focusedTabIndex.current];
|
|
702
|
-
}
|
|
703
|
-
|
|
704
|
-
function checkPrevTab(prevTabIndex) {
|
|
705
|
-
for (var i = tabRefs.length; i > 0; i -= 1) {
|
|
706
|
-
var _tabRefs$pointer$curr2;
|
|
707
|
-
|
|
708
|
-
var pointer = (i + prevTabIndex) % tabRefs.length;
|
|
709
|
-
|
|
710
|
-
if (((_tabRefs$pointer$curr2 = tabRefs[pointer].current) === null || _tabRefs$pointer$curr2 === void 0 ? void 0 : _tabRefs$pointer$curr2.props.disabled) !== true) {
|
|
711
|
-
return tabRefs[pointer];
|
|
712
|
-
}
|
|
713
|
-
}
|
|
714
|
-
|
|
715
|
-
return tabRefs[focusedTabIndex.current];
|
|
716
|
-
}
|
|
717
|
-
|
|
718
694
|
if (key === nextTabKey) {
|
|
719
|
-
tabToFocusRef =
|
|
695
|
+
tabToFocusRef = Object(navigateList["a" /* getNextListItem */])(tabRefs, focusedTabIndex.current, focusedTabIndex.current + 1);
|
|
720
696
|
} else if (key === previousTabKey) {
|
|
721
|
-
tabToFocusRef =
|
|
697
|
+
tabToFocusRef = Object(navigateList["b" /* getPrevListItem */])(tabRefs, focusedTabIndex.current, focusedTabIndex.current - 1);
|
|
722
698
|
} else if (key === 'home') {
|
|
723
|
-
|
|
724
|
-
tabToFocusRef = checkNextTab(0);
|
|
699
|
+
tabToFocusRef = Object(navigateList["a" /* getNextListItem */])(tabRefs, focusedTabIndex.current, 0);
|
|
725
700
|
} else if (key === 'end') {
|
|
726
|
-
tabToFocusRef =
|
|
701
|
+
tabToFocusRef = Object(navigateList["b" /* getPrevListItem */])(tabRefs, focusedTabIndex.current, tabRefs.length - 1);
|
|
727
702
|
}
|
|
728
703
|
|
|
729
704
|
if (tabToFocusRef != null) {
|
|
@@ -766,7 +741,7 @@ TabBar.Tab = TabBar_Tab;
|
|
|
766
741
|
|
|
767
742
|
/***/ }),
|
|
768
743
|
|
|
769
|
-
/***/
|
|
744
|
+
/***/ 14:
|
|
770
745
|
/***/ (function(module, exports) {
|
|
771
746
|
|
|
772
747
|
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
@@ -792,6 +767,45 @@ module.exports = require("react");
|
|
|
792
767
|
|
|
793
768
|
module.exports = require("styled-components");
|
|
794
769
|
|
|
770
|
+
/***/ }),
|
|
771
|
+
|
|
772
|
+
/***/ 39:
|
|
773
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
774
|
+
|
|
775
|
+
"use strict";
|
|
776
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getNextListItem; });
|
|
777
|
+
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return getPrevListItem; });
|
|
778
|
+
// A utility for keyboard navigation of lists
|
|
779
|
+
function getNextListItem(refs, currentIndex, nextIndex) {
|
|
780
|
+
for (var i = 0; i < refs.length; i += 1) {
|
|
781
|
+
var _refs$pointer$current;
|
|
782
|
+
|
|
783
|
+
var pointer = (i + nextIndex) % refs.length;
|
|
784
|
+
|
|
785
|
+
if (((_refs$pointer$current = refs[pointer].current) === null || _refs$pointer$current === void 0 ? void 0 : _refs$pointer$current.props.disabled) !== true) {
|
|
786
|
+
return refs[pointer];
|
|
787
|
+
}
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
return refs[currentIndex];
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
function getPrevListItem(refs, currentIndex, prevIndex) {
|
|
794
|
+
for (var i = refs.length; i > 0; i -= 1) {
|
|
795
|
+
var _refs$pointer$current2;
|
|
796
|
+
|
|
797
|
+
var pointer = (i + prevIndex) % refs.length;
|
|
798
|
+
|
|
799
|
+
if (((_refs$pointer$current2 = refs[pointer].current) === null || _refs$pointer$current2 === void 0 ? void 0 : _refs$pointer$current2.props.disabled) !== true) {
|
|
800
|
+
return refs[pointer];
|
|
801
|
+
}
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
return refs[currentIndex];
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
|
|
808
|
+
|
|
795
809
|
/***/ }),
|
|
796
810
|
|
|
797
811
|
/***/ 9:
|
package/TabLayout.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 = 148);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 148:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -134,7 +134,7 @@ var external_lodash_ = __webpack_require__(4);
|
|
|
134
134
|
var id_ = __webpack_require__(10);
|
|
135
135
|
|
|
136
136
|
// EXTERNAL MODULE: external "@splunk/react-ui/TabBar"
|
|
137
|
-
var TabBar_ = __webpack_require__(
|
|
137
|
+
var TabBar_ = __webpack_require__(82);
|
|
138
138
|
var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
|
|
139
139
|
|
|
140
140
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -405,7 +405,7 @@ module.exports = require("lodash");
|
|
|
405
405
|
|
|
406
406
|
/***/ }),
|
|
407
407
|
|
|
408
|
-
/***/
|
|
408
|
+
/***/ 82:
|
|
409
409
|
/***/ (function(module, exports) {
|
|
410
410
|
|
|
411
411
|
module.exports = require("@splunk/react-ui/TabBar");
|