@splunk/react-ui 4.13.0 → 4.15.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 +47 -46
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +14 -14
- package/CHANGELOG.md +46 -1
- package/Calendar.js +460 -147
- package/Card.js +85 -83
- package/CardLayout.js +9 -9
- package/Chip.js +23 -23
- package/Clickable.js +39 -15
- package/CloseButton.js +23 -23
- package/Code.js +484 -436
- package/CollapsiblePanel.js +64 -35
- package/Color.js +298 -188
- package/ColumnLayout.js +18 -17
- package/ComboBox.js +81 -32
- package/Concertina.js +89 -28
- package/ControlGroup.js +85 -27
- package/Date.js +134 -58
- package/DefinitionList.js +14 -8
- package/Divider.d.ts +2 -0
- package/Divider.js +194 -0
- package/Dockerfile.enterprise.storybook +7 -0
- package/Dockerfile.prisma.storybook +7 -0
- package/Dockerfile.visual +10 -0
- package/Dropdown.js +79 -19
- package/EventListener.js +17 -17
- package/File.js +96 -43
- package/FormRows.js +40 -39
- package/Heading.js +83 -55
- package/Image.js +67 -42
- package/JSONTree.js +106 -21
- package/Layer.js +130 -28
- package/Link.js +17 -17
- package/List.js +3 -3
- package/Markdown.js +71 -65
- package/Menu.js +155 -121
- package/Message.js +135 -135
- package/MessageBar.js +136 -136
- package/Modal.js +99 -48
- package/ModalLayer.js +15 -15
- package/Monogram.js +18 -17
- package/Multiselect.js +2788 -2310
- package/Number.js +76 -37
- package/Paginator.js +99 -86
- package/Paragraph.js +10 -10
- package/Popover.js +343 -48
- package/Progress.js +23 -22
- package/RadioBar.js +32 -14
- package/RadioList.js +17 -11
- package/Resize.js +34 -21
- package/ResultsMenu.js +44 -31
- package/ScreenReaderContent.js +9 -9
- package/Scroll.js +52 -27
- package/ScrollContainerContext.js +157 -6
- package/Search.js +71 -34
- package/Select.js +347 -69
- package/SidePanel.js +37 -24
- package/Slider.js +50 -20
- package/SlidingPanels.js +56 -18
- package/SplitButton.js +27 -26
- package/StaticContent.js +9 -9
- package/StepBar.js +22 -22
- package/Switch.js +18 -13
- package/TabBar.js +28 -28
- package/TabLayout.js +43 -18
- package/Table.js +549 -158
- package/Text.js +93 -50
- package/TextArea.d.ts +2 -0
- package/TextArea.js +134 -56
- package/Tooltip.js +246 -63
- package/TransitionOpen.js +63 -26
- package/Typography.d.ts +2 -0
- package/Typography.js +17 -16
- package/WaitSpinner.js +15 -81
- package/docker-compose.yml +42 -0
- package/package.json +20 -20
- package/test-runner-jest.config.js +23 -5
- package/types/src/Accordion/AccordionContext.d.ts +1 -0
- package/types/src/Button/docs/examples/Selected.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
- package/types/src/Calendar/Calendar.d.ts +17 -2
- package/types/src/Calendar/DateTable.d.ts +7 -3
- package/types/src/Calendar/Day.d.ts +14 -5
- package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
- 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/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/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/Modal.d.ts +7 -3
- package/types/src/Modal/ModalContext.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +10 -1
- package/types/src/Multiselect/Multiselect.d.ts +12 -1
- package/types/src/Multiselect/Normal.d.ts +2 -0
- package/types/src/Number/Number.d.ts +5 -1
- 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/SelectBase.d.ts +2 -0
- package/types/src/Slider/Slider.d.ts +5 -3
- package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
- package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
- 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/Table/Head.d.ts +2 -0
- package/types/src/Table/TableContext.d.ts +1 -0
- package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -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 +26 -9
- package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
- package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
- package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
- package/types/src/useKeyPress/index.d.ts +37 -0
- package/useForceUpdate.js +9 -9
- package/{useIsSsr.js → useKeyPress.js} +56 -49
- package/usePrevious.js +9 -9
- package/types/src/useIsSsr/index.d.ts +0 -2
- package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
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 = 172);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 13:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/ui-utils/id");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 172:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -128,10 +128,10 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
128
128
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
129
129
|
|
|
130
130
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
131
|
-
var id_ = __webpack_require__(
|
|
131
|
+
var id_ = __webpack_require__(13);
|
|
132
132
|
|
|
133
133
|
// EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
|
|
134
|
-
var useSplunkTheme_ = __webpack_require__(
|
|
134
|
+
var useSplunkTheme_ = __webpack_require__(52);
|
|
135
135
|
var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
|
|
136
136
|
|
|
137
137
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -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__(69);
|
|
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__(70);
|
|
183
183
|
var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
|
|
184
184
|
|
|
185
185
|
// CONCATENATED MODULE: ./src/icons/Success.tsx
|
|
@@ -504,24 +504,10 @@ module.exports = require("styled-components");
|
|
|
504
504
|
|
|
505
505
|
/***/ }),
|
|
506
506
|
|
|
507
|
-
/***/ 40:
|
|
508
|
-
/***/ (function(module, exports) {
|
|
509
|
-
|
|
510
|
-
module.exports = require("@splunk/themes/useSplunkTheme");
|
|
511
|
-
|
|
512
|
-
/***/ }),
|
|
513
|
-
|
|
514
|
-
/***/ 51:
|
|
515
|
-
/***/ (function(module, exports) {
|
|
516
|
-
|
|
517
|
-
module.exports = require("@splunk/react-icons/Error");
|
|
518
|
-
|
|
519
|
-
/***/ }),
|
|
520
|
-
|
|
521
507
|
/***/ 52:
|
|
522
508
|
/***/ (function(module, exports) {
|
|
523
509
|
|
|
524
|
-
module.exports = require("@splunk/
|
|
510
|
+
module.exports = require("@splunk/themes/useSplunkTheme");
|
|
525
511
|
|
|
526
512
|
/***/ }),
|
|
527
513
|
|
|
@@ -550,6 +536,13 @@ function SVG(props) {
|
|
|
550
536
|
|
|
551
537
|
/***/ }),
|
|
552
538
|
|
|
539
|
+
/***/ 69:
|
|
540
|
+
/***/ (function(module, exports) {
|
|
541
|
+
|
|
542
|
+
module.exports = require("@splunk/react-icons/Error");
|
|
543
|
+
|
|
544
|
+
/***/ }),
|
|
545
|
+
|
|
553
546
|
/***/ 7:
|
|
554
547
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
555
548
|
|
|
@@ -666,6 +659,13 @@ function Icon(_ref) {
|
|
|
666
659
|
Icon.propTypes = propTypes;
|
|
667
660
|
Icon.defaultProps = defaultProps;
|
|
668
661
|
|
|
662
|
+
/***/ }),
|
|
663
|
+
|
|
664
|
+
/***/ 70:
|
|
665
|
+
/***/ (function(module, exports) {
|
|
666
|
+
|
|
667
|
+
module.exports = require("@splunk/react-icons/Success");
|
|
668
|
+
|
|
669
669
|
/***/ })
|
|
670
670
|
|
|
671
671
|
/******/ });
|
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 = 198);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,28 +101,28 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 13:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/ui-utils/id");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 14:
|
|
112
112
|
/***/ (function(module, exports) {
|
|
113
113
|
|
|
114
114
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
115
115
|
|
|
116
116
|
/***/ }),
|
|
117
117
|
|
|
118
|
-
/***/
|
|
118
|
+
/***/ 16:
|
|
119
119
|
/***/ (function(module, exports) {
|
|
120
120
|
|
|
121
121
|
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
122
122
|
|
|
123
123
|
/***/ }),
|
|
124
124
|
|
|
125
|
-
/***/
|
|
125
|
+
/***/ 198:
|
|
126
126
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
127
127
|
|
|
128
128
|
"use strict";
|
|
@@ -141,18 +141,18 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
141
141
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
142
142
|
|
|
143
143
|
// EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
|
|
144
|
-
var AnimationToggle_ = __webpack_require__(
|
|
144
|
+
var AnimationToggle_ = __webpack_require__(47);
|
|
145
145
|
var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_);
|
|
146
146
|
|
|
147
147
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
148
|
-
var ScreenReaderContent_ = __webpack_require__(
|
|
148
|
+
var ScreenReaderContent_ = __webpack_require__(16);
|
|
149
149
|
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
150
150
|
|
|
151
151
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
152
|
-
var id_ = __webpack_require__(
|
|
152
|
+
var id_ = __webpack_require__(13);
|
|
153
153
|
|
|
154
154
|
// EXTERNAL MODULE: external "@splunk/react-icons/Check"
|
|
155
|
-
var Check_ = __webpack_require__(
|
|
155
|
+
var Check_ = __webpack_require__(65);
|
|
156
156
|
var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
|
|
157
157
|
|
|
158
158
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -200,7 +200,7 @@ var Box_ = __webpack_require__(8);
|
|
|
200
200
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
201
201
|
|
|
202
202
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
203
|
-
var Clickable_ = __webpack_require__(
|
|
203
|
+
var Clickable_ = __webpack_require__(14);
|
|
204
204
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
205
205
|
|
|
206
206
|
// CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
|
|
@@ -512,6 +512,9 @@ var propTypes = {
|
|
|
512
512
|
interactive: external_prop_types_default.a.bool,
|
|
513
513
|
labelledBy: external_prop_types_default.a.string,
|
|
514
514
|
onClick: external_prop_types_default.a.func,
|
|
515
|
+
|
|
516
|
+
/** @private. */
|
|
517
|
+
required: external_prop_types_default.a.bool,
|
|
515
518
|
selected: external_prop_types_default.a.oneOf([true, false, 'some']),
|
|
516
519
|
selectedLabel: external_prop_types_default.a.string,
|
|
517
520
|
someSelectedLabel: external_prop_types_default.a.string,
|
|
@@ -615,12 +618,13 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
|
|
|
615
618
|
interactive = _this$props3.interactive,
|
|
616
619
|
labelledBy = _this$props3.labelledBy,
|
|
617
620
|
onClick = _this$props3.onClick,
|
|
621
|
+
required = _this$props3.required,
|
|
618
622
|
selected = _this$props3.selected,
|
|
619
623
|
selectedLabel = _this$props3.selectedLabel,
|
|
620
624
|
someSelectedLabel = _this$props3.someSelectedLabel,
|
|
621
625
|
unselectedLabel = _this$props3.unselectedLabel,
|
|
622
626
|
value = _this$props3.value,
|
|
623
|
-
otherProps = _objectWithoutProperties(_this$props3, ["appearance", "children", "disabled", "error", "id", "inline", "interactive", "labelledBy", "onClick", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value"]);
|
|
627
|
+
otherProps = _objectWithoutProperties(_this$props3, ["appearance", "children", "disabled", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value"]);
|
|
624
628
|
|
|
625
629
|
var labelId = labelledBy; // consumer defined external label
|
|
626
630
|
|
|
@@ -647,6 +651,7 @@ var Switch_Switch = /*#__PURE__*/function (_Component) {
|
|
|
647
651
|
'aria-labelledby': interactive ? labelId : undefined,
|
|
648
652
|
'aria-checked': interactive ? ariaChecked : undefined,
|
|
649
653
|
'aria-invalid': error ? true : undefined,
|
|
654
|
+
'aria-required': required,
|
|
650
655
|
id: clickableId,
|
|
651
656
|
ref: function ref(c) {
|
|
652
657
|
_this2.toggle = c;
|
|
@@ -740,14 +745,14 @@ module.exports = require("styled-components");
|
|
|
740
745
|
|
|
741
746
|
/***/ }),
|
|
742
747
|
|
|
743
|
-
/***/
|
|
748
|
+
/***/ 47:
|
|
744
749
|
/***/ (function(module, exports) {
|
|
745
750
|
|
|
746
751
|
module.exports = require("@splunk/react-ui/AnimationToggle");
|
|
747
752
|
|
|
748
753
|
/***/ }),
|
|
749
754
|
|
|
750
|
-
/***/
|
|
755
|
+
/***/ 65:
|
|
751
756
|
/***/ (function(module, exports) {
|
|
752
757
|
|
|
753
758
|
module.exports = require("@splunk/react-icons/Check");
|
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 = 181);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("@splunk/ui-utils/id");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 11:
|
|
104
|
+
/***/ 12:
|
|
112
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
106
|
|
|
114
107
|
"use strict";
|
|
@@ -135,14 +128,28 @@ function updateReactRef(ref, current) {
|
|
|
135
128
|
|
|
136
129
|
/***/ }),
|
|
137
130
|
|
|
138
|
-
/***/
|
|
131
|
+
/***/ 13:
|
|
132
|
+
/***/ (function(module, exports) {
|
|
133
|
+
|
|
134
|
+
module.exports = require("@splunk/ui-utils/id");
|
|
135
|
+
|
|
136
|
+
/***/ }),
|
|
137
|
+
|
|
138
|
+
/***/ 14:
|
|
139
139
|
/***/ (function(module, exports) {
|
|
140
140
|
|
|
141
141
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
142
142
|
|
|
143
143
|
/***/ }),
|
|
144
144
|
|
|
145
|
-
/***/
|
|
145
|
+
/***/ 16:
|
|
146
|
+
/***/ (function(module, exports) {
|
|
147
|
+
|
|
148
|
+
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
149
|
+
|
|
150
|
+
/***/ }),
|
|
151
|
+
|
|
152
|
+
/***/ 181:
|
|
146
153
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
147
154
|
|
|
148
155
|
"use strict";
|
|
@@ -195,18 +202,18 @@ var Styled = external_styled_components_default.a.div.withConfig({
|
|
|
195
202
|
}));
|
|
196
203
|
|
|
197
204
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
198
|
-
var id_ = __webpack_require__(
|
|
205
|
+
var id_ = __webpack_require__(13);
|
|
199
206
|
|
|
200
207
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
201
|
-
var Popover_ = __webpack_require__(
|
|
208
|
+
var Popover_ = __webpack_require__(23);
|
|
202
209
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
203
210
|
|
|
204
211
|
// EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
205
|
-
var ScreenReaderContent_ = __webpack_require__(
|
|
212
|
+
var ScreenReaderContent_ = __webpack_require__(16);
|
|
206
213
|
var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
|
|
207
214
|
|
|
208
215
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
209
|
-
var Clickable_ = __webpack_require__(
|
|
216
|
+
var Clickable_ = __webpack_require__(14);
|
|
210
217
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
211
218
|
|
|
212
219
|
// CONCATENATED MODULE: ./src/TabBar/TabStyles.ts
|
|
@@ -342,7 +349,7 @@ var StyledTooltipContent = external_styled_components_default.a.div.withConfig({
|
|
|
342
349
|
})(["padding:8px;font-size:", ";"], themes_["variables"].fontSizeSmall);
|
|
343
350
|
|
|
344
351
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
345
|
-
var updateReactRef = __webpack_require__(
|
|
352
|
+
var updateReactRef = __webpack_require__(12);
|
|
346
353
|
|
|
347
354
|
// CONCATENATED MODULE: ./src/TabBar/TabBarContext.tsx
|
|
348
355
|
|
|
@@ -587,7 +594,7 @@ _defineProperty(Tab_Tab, "contextType", TabBar_TabBarContext);
|
|
|
587
594
|
|
|
588
595
|
/* harmony default export */ var TabBar_Tab = (Tab_Tab);
|
|
589
596
|
// EXTERNAL MODULE: ./src/utils/navigateList.ts
|
|
590
|
-
var navigateList = __webpack_require__(
|
|
597
|
+
var navigateList = __webpack_require__(55);
|
|
591
598
|
|
|
592
599
|
// CONCATENATED MODULE: ./src/TabBar/TabBar.tsx
|
|
593
600
|
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); }
|
|
@@ -741,27 +748,20 @@ TabBar.Tab = TabBar_Tab;
|
|
|
741
748
|
|
|
742
749
|
/***/ }),
|
|
743
750
|
|
|
744
|
-
/***/
|
|
751
|
+
/***/ 2:
|
|
745
752
|
/***/ (function(module, exports) {
|
|
746
753
|
|
|
747
|
-
module.exports = require("
|
|
754
|
+
module.exports = require("react");
|
|
748
755
|
|
|
749
756
|
/***/ }),
|
|
750
757
|
|
|
751
|
-
/***/
|
|
758
|
+
/***/ 23:
|
|
752
759
|
/***/ (function(module, exports) {
|
|
753
760
|
|
|
754
761
|
module.exports = require("@splunk/react-ui/Popover");
|
|
755
762
|
|
|
756
763
|
/***/ }),
|
|
757
764
|
|
|
758
|
-
/***/ 2:
|
|
759
|
-
/***/ (function(module, exports) {
|
|
760
|
-
|
|
761
|
-
module.exports = require("react");
|
|
762
|
-
|
|
763
|
-
/***/ }),
|
|
764
|
-
|
|
765
765
|
/***/ 3:
|
|
766
766
|
/***/ (function(module, exports) {
|
|
767
767
|
|
|
@@ -769,7 +769,7 @@ module.exports = require("styled-components");
|
|
|
769
769
|
|
|
770
770
|
/***/ }),
|
|
771
771
|
|
|
772
|
-
/***/
|
|
772
|
+
/***/ 55:
|
|
773
773
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
774
774
|
|
|
775
775
|
"use strict";
|
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 = 199);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -104,11 +104,32 @@ module.exports = require("prop-types");
|
|
|
104
104
|
/***/ 10:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
|
+
module.exports = require("lodash/keys");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 11:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("lodash/has");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 120:
|
|
119
|
+
/***/ (function(module, exports) {
|
|
120
|
+
|
|
121
|
+
module.exports = require("@splunk/react-ui/TabBar");
|
|
122
|
+
|
|
123
|
+
/***/ }),
|
|
124
|
+
|
|
125
|
+
/***/ 13:
|
|
126
|
+
/***/ (function(module, exports) {
|
|
127
|
+
|
|
107
128
|
module.exports = require("@splunk/ui-utils/id");
|
|
108
129
|
|
|
109
130
|
/***/ }),
|
|
110
131
|
|
|
111
|
-
/***/
|
|
132
|
+
/***/ 199:
|
|
112
133
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
134
|
|
|
114
135
|
"use strict";
|
|
@@ -127,14 +148,23 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
127
148
|
var external_prop_types_ = __webpack_require__(1);
|
|
128
149
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
129
150
|
|
|
130
|
-
// EXTERNAL MODULE: external "lodash"
|
|
131
|
-
var
|
|
151
|
+
// EXTERNAL MODULE: external "lodash/has"
|
|
152
|
+
var has_ = __webpack_require__(11);
|
|
153
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
154
|
+
|
|
155
|
+
// EXTERNAL MODULE: external "lodash/keys"
|
|
156
|
+
var keys_ = __webpack_require__(10);
|
|
157
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
158
|
+
|
|
159
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
160
|
+
var omit_ = __webpack_require__(5);
|
|
161
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
132
162
|
|
|
133
163
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
134
|
-
var id_ = __webpack_require__(
|
|
164
|
+
var id_ = __webpack_require__(13);
|
|
135
165
|
|
|
136
166
|
// EXTERNAL MODULE: external "@splunk/react-ui/TabBar"
|
|
137
|
-
var TabBar_ = __webpack_require__(
|
|
167
|
+
var TabBar_ = __webpack_require__(120);
|
|
138
168
|
var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
|
|
139
169
|
|
|
140
170
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -196,7 +226,7 @@ function Panel(_ref) {
|
|
|
196
226
|
"data-test": "panel",
|
|
197
227
|
ref: elementRef,
|
|
198
228
|
role: "tabpanel"
|
|
199
|
-
},
|
|
229
|
+
}, omit_default()(otherProps, ['icon', 'label', 'tooltip'])), children);
|
|
200
230
|
}
|
|
201
231
|
|
|
202
232
|
Panel.propTypes = propTypes;
|
|
@@ -235,6 +265,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
235
265
|
|
|
236
266
|
|
|
237
267
|
|
|
268
|
+
|
|
269
|
+
|
|
238
270
|
var TabLayout_propTypes = {
|
|
239
271
|
autoActivate: external_prop_types_default.a.bool,
|
|
240
272
|
activePanelId: external_prop_types_default.a.string,
|
|
@@ -290,7 +322,7 @@ var TabLayout_TabLayout = /*#__PURE__*/function (_Component) {
|
|
|
290
322
|
});
|
|
291
323
|
});
|
|
292
324
|
|
|
293
|
-
_this.controlledExternally =
|
|
325
|
+
_this.controlledExternally = has_default()(props, 'activePanelId');
|
|
294
326
|
_this.guid = Object(id_["createDOMID"])();
|
|
295
327
|
|
|
296
328
|
if (!_this.isControlled()) {
|
|
@@ -355,7 +387,7 @@ var TabLayout_TabLayout = /*#__PURE__*/function (_Component) {
|
|
|
355
387
|
"data-test-active-panel-id": activePanelId,
|
|
356
388
|
"data-test": "tab-layout",
|
|
357
389
|
ref: this.props.elementRef
|
|
358
|
-
},
|
|
390
|
+
}, omit_default()(this.props, keys_default()(TabLayout.propTypes))), /*#__PURE__*/external_react_default.a.createElement(TabBar_default.a, {
|
|
359
391
|
autoActivate: this.props.autoActivate,
|
|
360
392
|
activeTabId: activePanelId,
|
|
361
393
|
appearance: this.props.appearance,
|
|
@@ -398,17 +430,10 @@ module.exports = require("styled-components");
|
|
|
398
430
|
|
|
399
431
|
/***/ }),
|
|
400
432
|
|
|
401
|
-
/***/
|
|
433
|
+
/***/ 5:
|
|
402
434
|
/***/ (function(module, exports) {
|
|
403
435
|
|
|
404
|
-
module.exports = require("lodash");
|
|
405
|
-
|
|
406
|
-
/***/ }),
|
|
407
|
-
|
|
408
|
-
/***/ 83:
|
|
409
|
-
/***/ (function(module, exports) {
|
|
410
|
-
|
|
411
|
-
module.exports = require("@splunk/react-ui/TabBar");
|
|
436
|
+
module.exports = require("lodash/omit");
|
|
412
437
|
|
|
413
438
|
/***/ })
|
|
414
439
|
|