@splunk/react-ui 4.16.3 → 4.17.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 +13 -13
- package/Anchor.js +2 -2
- package/Animation.js +4 -4
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +98 -244
- package/ButtonGroup.js +4 -4
- package/ButtonSimple.js +6 -6
- package/CHANGELOG.md +43 -2
- package/Calendar.js +73 -274
- package/Card.js +75 -227
- package/CardLayout.js +2 -2
- package/Chip.js +40 -211
- package/Clickable.js +10 -10
- package/CloseButton.js +34 -202
- package/Code.js +27 -20
- package/CollapsiblePanel.js +74 -228
- package/Color.js +62 -319
- package/ColumnLayout.js +6 -6
- package/ComboBox.js +32 -32
- package/Concertina.js +38 -38
- package/ControlGroup.js +20 -20
- package/Date.js +22 -22
- package/DefinitionList.js +2 -2
- package/Divider.js +2 -2
- package/Dropdown.js +29 -29
- package/DualListbox.d.ts +2 -0
- package/DualListbox.js +1780 -0
- package/EventListener.js +4 -4
- package/File.js +85 -250
- package/FormRows.js +60 -215
- package/Heading.js +39 -27
- package/Image.js +73 -227
- package/JSONTree.js +18 -18
- package/Layer.js +30 -30
- package/Link.js +60 -28
- package/List.js +9 -9
- package/MIGRATION.md +28 -0
- package/Markdown.js +21 -21
- package/Menu.js +180 -371
- package/Message.js +137 -407
- package/MessageBar.js +168 -398
- package/Modal.js +31 -31
- package/ModalLayer.js +6 -6
- package/Monogram.js +4 -4
- package/Multiselect.js +2297 -2525
- package/Number.js +32 -32
- package/Paginator.js +92 -321
- package/Paragraph.js +2 -2
- package/Popover.js +123 -123
- package/Progress.js +15 -15
- package/RadioBar.js +23 -19
- package/RadioList.js +13 -12
- package/Resize.js +18 -18
- package/ResultsMenu.js +21 -21
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +33 -33
- package/ScrollContainerContext.js +13 -13
- package/Search.js +34 -32
- package/Select.js +220 -367
- package/SidePanel.js +12 -12
- package/Slider.js +28 -28
- package/SlidingPanels.js +29 -29
- package/SplitButton.js +59 -62
- package/StaticContent.js +4 -4
- package/StepBar.js +35 -238
- package/Switch.js +23 -23
- package/TabBar.js +30 -44
- package/TabLayout.js +30 -28
- package/Table.js +292 -586
- package/Text.js +109 -322
- package/TextArea.js +160 -366
- package/Tooltip.js +23 -23
- package/TransitionOpen.js +21 -21
- package/Typography.js +32 -28
- package/WaitSpinner.js +2 -2
- package/docker-compose.yml +19 -7
- package/package.json +10 -11
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Button/icons/CaretSmallDown.d.ts +2 -0
- package/types/src/Button/icons/External.d.ts +2 -0
- package/types/src/Code/Code.d.ts +6 -1
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +0 -1
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +11 -0
- package/types/src/Date/Icon.d.ts +1 -1
- package/types/src/Dropdown/docs/examples/Submenu.d.ts +2 -0
- package/types/src/DualListbox/DualListbox.d.ts +87 -0
- package/types/src/DualListbox/DualListboxContext.d.ts +27 -0
- package/types/src/DualListbox/Label.d.ts +37 -0
- package/types/src/DualListbox/Listbox.d.ts +54 -0
- package/types/src/DualListbox/ListboxContext.d.ts +32 -0
- package/types/src/DualListbox/Option.d.ts +35 -0
- package/types/src/DualListbox/ScreenReaderWrapper.d.ts +4 -0
- package/types/src/DualListbox/ToolbarButton.d.ts +38 -0
- package/types/src/DualListbox/ToolbarContext.d.ts +21 -0
- package/types/src/DualListbox/docs/examples/Basic.d.ts +2 -0
- package/types/src/DualListbox/docs/examples/Controlled.d.ts +2 -0
- package/types/src/DualListbox/docs/examples/Fill.d.ts +2 -0
- package/types/src/DualListbox/index.d.ts +2 -0
- package/types/src/DualListbox/listboxUtils.d.ts +4 -0
- package/types/src/File/Icon.d.ts +1 -1
- package/types/src/File/IconCloud.d.ts +1 -1
- package/types/src/File/PaperClip.d.ts +1 -1
- package/types/src/File/Retry.d.ts +1 -1
- package/types/src/File/Trash.d.ts +1 -1
- package/types/src/File/docs/examples/Progress.d.ts +1 -15
- package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +2 -0
- package/types/src/Heading/Heading.d.ts +12 -4
- package/types/src/Heading/docs/examples/Variant.d.ts +2 -0
- package/types/src/Image/Image.d.ts +1 -1
- package/types/src/Image/icons/Cross.d.ts +2 -0
- package/types/src/Link/icons/External.d.ts +2 -0
- package/types/src/Menu/Divider.d.ts +1 -0
- package/types/src/Menu/Heading.d.ts +1 -0
- package/types/src/Menu/Item.d.ts +5 -2
- package/types/src/Menu/Menu.d.ts +3 -1
- package/types/src/Menu/icons/External.d.ts +2 -0
- package/types/src/Number/IncrementIcon.d.ts +1 -1
- package/types/src/RadioBar/RadioBar.d.ts +1 -1
- package/types/src/Search/Option.d.ts +9 -0
- package/types/src/Select/OptionBase.d.ts +9 -0
- package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
- package/types/src/Select/icons/Search.d.ts +2 -0
- package/types/src/SplitButton/SplitButton.d.ts +8 -3
- package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
- package/types/src/TabLayout/TabLayout.d.ts +0 -1
- package/types/src/Table/HeadInner.d.ts +2 -2
- package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
- package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -1
- package/types/src/Text/IconOutlinedView.d.ts +1 -1
- package/types/src/Tooltip/InfoIcon.d.ts +1 -1
- package/types/src/Typography/Typography.d.ts +4 -7
- package/types/src/useRovingFocus/index.d.ts +2 -0
- package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
- package/useForceUpdate.js +2 -2
- package/useKeyPress.js +2 -2
- package/usePrevious.js +2 -2
- package/useRovingFocus.d.ts +2 -0
- package/useRovingFocus.js +237 -0
- package/Dockerfile.enterprise.storybook +0 -7
- package/Dockerfile.prisma.storybook +0 -7
- package/Dockerfile.visual +0 -10
- package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
- package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
- package/types/src/Select/matchUtils.d.ts +0 -12
- package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
- package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
- package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
- package/types/src/icons/Alert.d.ts +0 -2
- package/types/src/icons/AlertFilled.d.ts +0 -2
- package/types/src/icons/CaretDown.d.ts +0 -2
- package/types/src/icons/CaretRight.d.ts +0 -2
- package/types/src/icons/Check.d.ts +0 -2
- package/types/src/icons/ChevronDown.d.ts +0 -2
- package/types/src/icons/ChevronLeft.d.ts +0 -2
- package/types/src/icons/ChevronRight.d.ts +0 -2
- package/types/src/icons/CrossMark.d.ts +0 -2
- package/types/src/icons/External.d.ts +0 -2
- package/types/src/icons/InfoFilled.d.ts +0 -2
- package/types/src/icons/More.d.ts +0 -2
- package/types/src/icons/MoreVertical.d.ts +0 -2
- package/types/src/icons/Plus.d.ts +0 -2
- package/types/src/icons/SVG.d.ts +0 -4
- package/types/src/icons/Search.d.ts +0 -2
- package/types/src/icons/Sort.d.ts +0 -2
- package/types/src/icons/SortedDown.d.ts +0 -2
- package/types/src/icons/SortedUp.d.ts +0 -2
- package/types/src/icons/Success.d.ts +0 -2
- package/types/src/icons/SuccessFilled.d.ts +0 -2
- package/types/src/icons/ThemedIcon.d.ts +0 -29
- package/types/src/icons/WarningFilled.d.ts +0 -2
- package/types/src/icons/types.d.ts +0 -11
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 = 231);
|
|
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("lodash/keys");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 103:
|
|
104
|
+
/***/ 102:
|
|
112
105
|
/***/ (function(module, exports) {
|
|
113
106
|
|
|
114
107
|
module.exports = require("@splunk/react-ui/ModalLayer");
|
|
@@ -122,7 +115,7 @@ module.exports = require("react");
|
|
|
122
115
|
|
|
123
116
|
/***/ }),
|
|
124
117
|
|
|
125
|
-
/***/
|
|
118
|
+
/***/ 231:
|
|
126
119
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
127
120
|
|
|
128
121
|
"use strict";
|
|
@@ -141,7 +134,7 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
141
134
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
142
135
|
|
|
143
136
|
// EXTERNAL MODULE: external "lodash/keys"
|
|
144
|
-
var keys_ = __webpack_require__(
|
|
137
|
+
var keys_ = __webpack_require__(9);
|
|
145
138
|
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
146
139
|
|
|
147
140
|
// EXTERNAL MODULE: external "lodash/omit"
|
|
@@ -149,7 +142,7 @@ var omit_ = __webpack_require__(5);
|
|
|
149
142
|
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
150
143
|
|
|
151
144
|
// EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
|
|
152
|
-
var ModalLayer_ = __webpack_require__(
|
|
145
|
+
var ModalLayer_ = __webpack_require__(102);
|
|
153
146
|
var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
|
|
154
147
|
|
|
155
148
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -390,6 +383,13 @@ module.exports = require("lodash/omit");
|
|
|
390
383
|
|
|
391
384
|
module.exports = require("@splunk/react-ui/TransitionOpen");
|
|
392
385
|
|
|
386
|
+
/***/ }),
|
|
387
|
+
|
|
388
|
+
/***/ 9:
|
|
389
|
+
/***/ (function(module, exports) {
|
|
390
|
+
|
|
391
|
+
module.exports = require("lodash/keys");
|
|
392
|
+
|
|
393
393
|
/***/ })
|
|
394
394
|
|
|
395
395
|
/******/ });
|
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 = 232);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -104,39 +104,39 @@ module.exports = require("prop-types");
|
|
|
104
104
|
/***/ 10:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
|
-
module.exports = require("lodash/
|
|
107
|
+
module.exports = require("lodash/has");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 15:
|
|
112
112
|
/***/ (function(module, exports) {
|
|
113
113
|
|
|
114
|
-
module.exports = require("
|
|
114
|
+
module.exports = require("@splunk/react-ui/EventListener");
|
|
115
115
|
|
|
116
116
|
/***/ }),
|
|
117
117
|
|
|
118
|
-
/***/
|
|
118
|
+
/***/ 153:
|
|
119
119
|
/***/ (function(module, exports) {
|
|
120
120
|
|
|
121
121
|
module.exports = require("decimal.js-light");
|
|
122
122
|
|
|
123
123
|
/***/ }),
|
|
124
124
|
|
|
125
|
-
/***/
|
|
125
|
+
/***/ 2:
|
|
126
126
|
/***/ (function(module, exports) {
|
|
127
127
|
|
|
128
|
-
module.exports = require("
|
|
128
|
+
module.exports = require("react");
|
|
129
129
|
|
|
130
130
|
/***/ }),
|
|
131
131
|
|
|
132
|
-
/***/
|
|
132
|
+
/***/ 21:
|
|
133
133
|
/***/ (function(module, exports) {
|
|
134
134
|
|
|
135
|
-
module.exports = require("react");
|
|
135
|
+
module.exports = require("@splunk/react-ui/Popover");
|
|
136
136
|
|
|
137
137
|
/***/ }),
|
|
138
138
|
|
|
139
|
-
/***/
|
|
139
|
+
/***/ 232:
|
|
140
140
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
141
141
|
|
|
142
142
|
"use strict";
|
|
@@ -155,15 +155,15 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
155
155
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
156
156
|
|
|
157
157
|
// EXTERNAL MODULE: external "decimal.js-light"
|
|
158
|
-
var external_decimal_js_light_ = __webpack_require__(
|
|
158
|
+
var external_decimal_js_light_ = __webpack_require__(153);
|
|
159
159
|
var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
|
|
160
160
|
|
|
161
161
|
// EXTERNAL MODULE: external "lodash/has"
|
|
162
|
-
var has_ = __webpack_require__(
|
|
162
|
+
var has_ = __webpack_require__(10);
|
|
163
163
|
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
164
164
|
|
|
165
165
|
// EXTERNAL MODULE: external "lodash/keys"
|
|
166
|
-
var keys_ = __webpack_require__(
|
|
166
|
+
var keys_ = __webpack_require__(9);
|
|
167
167
|
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
168
168
|
|
|
169
169
|
// EXTERNAL MODULE: external "lodash/omit"
|
|
@@ -171,17 +171,17 @@ var omit_ = __webpack_require__(5);
|
|
|
171
171
|
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
172
172
|
|
|
173
173
|
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
174
|
-
var keyboard_ = __webpack_require__(
|
|
174
|
+
var keyboard_ = __webpack_require__(7);
|
|
175
175
|
|
|
176
176
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
177
177
|
var themes_ = __webpack_require__(0);
|
|
178
178
|
|
|
179
179
|
// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
|
|
180
|
-
var EventListener_ = __webpack_require__(
|
|
180
|
+
var EventListener_ = __webpack_require__(15);
|
|
181
181
|
var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
|
|
182
182
|
|
|
183
183
|
// EXTERNAL MODULE: external "@splunk/react-ui/Popover"
|
|
184
|
-
var Popover_ = __webpack_require__(
|
|
184
|
+
var Popover_ = __webpack_require__(21);
|
|
185
185
|
var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
|
|
186
186
|
|
|
187
187
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -189,11 +189,11 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
189
189
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
190
190
|
|
|
191
191
|
// EXTERNAL MODULE: external "tinycolor2"
|
|
192
|
-
var external_tinycolor2_ = __webpack_require__(
|
|
192
|
+
var external_tinycolor2_ = __webpack_require__(66);
|
|
193
193
|
var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
|
|
194
194
|
|
|
195
195
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
196
|
-
var Box_ = __webpack_require__(
|
|
196
|
+
var Box_ = __webpack_require__(6);
|
|
197
197
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
198
198
|
|
|
199
199
|
// CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
|
|
@@ -798,45 +798,45 @@ SliderWithTheme.propTypes = Slider_Slider.propTypes;
|
|
|
798
798
|
|
|
799
799
|
/***/ }),
|
|
800
800
|
|
|
801
|
-
/***/
|
|
801
|
+
/***/ 3:
|
|
802
802
|
/***/ (function(module, exports) {
|
|
803
803
|
|
|
804
|
-
module.exports = require("
|
|
804
|
+
module.exports = require("styled-components");
|
|
805
805
|
|
|
806
806
|
/***/ }),
|
|
807
807
|
|
|
808
|
-
/***/
|
|
808
|
+
/***/ 5:
|
|
809
809
|
/***/ (function(module, exports) {
|
|
810
810
|
|
|
811
|
-
module.exports = require("
|
|
811
|
+
module.exports = require("lodash/omit");
|
|
812
812
|
|
|
813
813
|
/***/ }),
|
|
814
814
|
|
|
815
|
-
/***/
|
|
815
|
+
/***/ 6:
|
|
816
816
|
/***/ (function(module, exports) {
|
|
817
817
|
|
|
818
|
-
module.exports = require("
|
|
818
|
+
module.exports = require("@splunk/react-ui/Box");
|
|
819
819
|
|
|
820
820
|
/***/ }),
|
|
821
821
|
|
|
822
|
-
/***/
|
|
822
|
+
/***/ 66:
|
|
823
823
|
/***/ (function(module, exports) {
|
|
824
824
|
|
|
825
825
|
module.exports = require("tinycolor2");
|
|
826
826
|
|
|
827
827
|
/***/ }),
|
|
828
828
|
|
|
829
|
-
/***/
|
|
829
|
+
/***/ 7:
|
|
830
830
|
/***/ (function(module, exports) {
|
|
831
831
|
|
|
832
|
-
module.exports = require("@splunk/
|
|
832
|
+
module.exports = require("@splunk/ui-utils/keyboard");
|
|
833
833
|
|
|
834
834
|
/***/ }),
|
|
835
835
|
|
|
836
836
|
/***/ 9:
|
|
837
837
|
/***/ (function(module, exports) {
|
|
838
838
|
|
|
839
|
-
module.exports = require("
|
|
839
|
+
module.exports = require("lodash/keys");
|
|
840
840
|
|
|
841
841
|
/***/ })
|
|
842
842
|
|
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 = 204);
|
|
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("lodash/keys");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 12:
|
|
104
|
+
/***/ 11:
|
|
112
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
106
|
|
|
114
107
|
"use strict";
|
|
@@ -135,21 +128,28 @@ function updateReactRef(ref, current) {
|
|
|
135
128
|
|
|
136
129
|
/***/ }),
|
|
137
130
|
|
|
138
|
-
/***/
|
|
131
|
+
/***/ 154:
|
|
139
132
|
/***/ (function(module, exports) {
|
|
140
133
|
|
|
141
134
|
module.exports = require("lodash/filter");
|
|
142
135
|
|
|
143
136
|
/***/ }),
|
|
144
137
|
|
|
145
|
-
/***/
|
|
138
|
+
/***/ 155:
|
|
146
139
|
/***/ (function(module, exports) {
|
|
147
140
|
|
|
148
141
|
module.exports = require("lodash/values");
|
|
149
142
|
|
|
150
143
|
/***/ }),
|
|
151
144
|
|
|
152
|
-
/***/
|
|
145
|
+
/***/ 2:
|
|
146
|
+
/***/ (function(module, exports) {
|
|
147
|
+
|
|
148
|
+
module.exports = require("react");
|
|
149
|
+
|
|
150
|
+
/***/ }),
|
|
151
|
+
|
|
152
|
+
/***/ 204:
|
|
153
153
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
154
154
|
|
|
155
155
|
"use strict";
|
|
@@ -169,11 +169,11 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
169
169
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
170
170
|
|
|
171
171
|
// EXTERNAL MODULE: external "lodash/filter"
|
|
172
|
-
var filter_ = __webpack_require__(
|
|
172
|
+
var filter_ = __webpack_require__(154);
|
|
173
173
|
var filter_default = /*#__PURE__*/__webpack_require__.n(filter_);
|
|
174
174
|
|
|
175
175
|
// EXTERNAL MODULE: external "lodash/keys"
|
|
176
|
-
var keys_ = __webpack_require__(
|
|
176
|
+
var keys_ = __webpack_require__(9);
|
|
177
177
|
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
178
178
|
|
|
179
179
|
// EXTERNAL MODULE: external "lodash/omit"
|
|
@@ -181,21 +181,21 @@ var omit_ = __webpack_require__(5);
|
|
|
181
181
|
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
182
182
|
|
|
183
183
|
// EXTERNAL MODULE: external "lodash/values"
|
|
184
|
-
var values_ = __webpack_require__(
|
|
184
|
+
var values_ = __webpack_require__(155);
|
|
185
185
|
var values_default = /*#__PURE__*/__webpack_require__.n(values_);
|
|
186
186
|
|
|
187
187
|
// EXTERNAL MODULE: external "react-spring"
|
|
188
|
-
var external_react_spring_ = __webpack_require__(
|
|
188
|
+
var external_react_spring_ = __webpack_require__(24);
|
|
189
189
|
|
|
190
190
|
// EXTERNAL MODULE: external "@splunk/react-ui/Animation"
|
|
191
|
-
var Animation_ = __webpack_require__(
|
|
191
|
+
var Animation_ = __webpack_require__(40);
|
|
192
192
|
|
|
193
193
|
// EXTERNAL MODULE: external "styled-components"
|
|
194
194
|
var external_styled_components_ = __webpack_require__(3);
|
|
195
195
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
196
196
|
|
|
197
197
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
198
|
-
var Box_ = __webpack_require__(
|
|
198
|
+
var Box_ = __webpack_require__(6);
|
|
199
199
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
200
200
|
|
|
201
201
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -216,7 +216,7 @@ var Styled = external_styled_components_default()(external_react_spring_["animat
|
|
|
216
216
|
})(["", ";", ";"], themes_["mixins"].reset('block'), themes_["mixins"].clearfix());
|
|
217
217
|
|
|
218
218
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
219
|
-
var updateReactRef = __webpack_require__(
|
|
219
|
+
var updateReactRef = __webpack_require__(11);
|
|
220
220
|
|
|
221
221
|
// CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
|
|
222
222
|
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); }
|
|
@@ -626,14 +626,7 @@ SlidingPanels_defineProperty(SlidingPanels_SlidingPanels, "getDerivedStateFromPr
|
|
|
626
626
|
|
|
627
627
|
/***/ }),
|
|
628
628
|
|
|
629
|
-
/***/
|
|
630
|
-
/***/ (function(module, exports) {
|
|
631
|
-
|
|
632
|
-
module.exports = require("react");
|
|
633
|
-
|
|
634
|
-
/***/ }),
|
|
635
|
-
|
|
636
|
-
/***/ 26:
|
|
629
|
+
/***/ 24:
|
|
637
630
|
/***/ (function(module, exports) {
|
|
638
631
|
|
|
639
632
|
module.exports = require("react-spring");
|
|
@@ -647,7 +640,7 @@ module.exports = require("styled-components");
|
|
|
647
640
|
|
|
648
641
|
/***/ }),
|
|
649
642
|
|
|
650
|
-
/***/
|
|
643
|
+
/***/ 40:
|
|
651
644
|
/***/ (function(module, exports) {
|
|
652
645
|
|
|
653
646
|
module.exports = require("@splunk/react-ui/Animation");
|
|
@@ -661,11 +654,18 @@ module.exports = require("lodash/omit");
|
|
|
661
654
|
|
|
662
655
|
/***/ }),
|
|
663
656
|
|
|
664
|
-
/***/
|
|
657
|
+
/***/ 6:
|
|
665
658
|
/***/ (function(module, exports) {
|
|
666
659
|
|
|
667
660
|
module.exports = require("@splunk/react-ui/Box");
|
|
668
661
|
|
|
662
|
+
/***/ }),
|
|
663
|
+
|
|
664
|
+
/***/ 9:
|
|
665
|
+
/***/ (function(module, exports) {
|
|
666
|
+
|
|
667
|
+
module.exports = require("lodash/keys");
|
|
668
|
+
|
|
669
669
|
/***/ })
|
|
670
670
|
|
|
671
671
|
/******/ });
|
package/SplitButton.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 = 205);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,21 +101,35 @@ 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/react-ui/Menu");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 156:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("@splunk/react-icons/enterprise/ChevronDown");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 17:
|
|
112
119
|
/***/ (function(module, exports) {
|
|
113
120
|
|
|
114
121
|
module.exports = require("@splunk/react-ui/Button");
|
|
115
122
|
|
|
116
123
|
/***/ }),
|
|
117
124
|
|
|
118
|
-
/***/
|
|
125
|
+
/***/ 2:
|
|
126
|
+
/***/ (function(module, exports) {
|
|
127
|
+
|
|
128
|
+
module.exports = require("react");
|
|
129
|
+
|
|
130
|
+
/***/ }),
|
|
131
|
+
|
|
132
|
+
/***/ 205:
|
|
119
133
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
120
134
|
|
|
121
135
|
"use strict";
|
|
@@ -134,21 +148,18 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
134
148
|
var external_prop_types_ = __webpack_require__(1);
|
|
135
149
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
136
150
|
|
|
137
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/ChevronDown"
|
|
138
|
-
var ChevronDown_ = __webpack_require__(
|
|
151
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ChevronDown"
|
|
152
|
+
var ChevronDown_ = __webpack_require__(156);
|
|
139
153
|
var ChevronDown_default = /*#__PURE__*/__webpack_require__.n(ChevronDown_);
|
|
140
154
|
|
|
141
155
|
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
142
|
-
var Dropdown_ = __webpack_require__(
|
|
156
|
+
var Dropdown_ = __webpack_require__(22);
|
|
143
157
|
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
|
|
144
158
|
|
|
145
159
|
// EXTERNAL MODULE: external "@splunk/react-ui/Menu"
|
|
146
|
-
var Menu_ = __webpack_require__(
|
|
160
|
+
var Menu_ = __webpack_require__(13);
|
|
147
161
|
var Menu_default = /*#__PURE__*/__webpack_require__.n(Menu_);
|
|
148
162
|
|
|
149
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
150
|
-
var themes_ = __webpack_require__(0);
|
|
151
|
-
|
|
152
163
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
153
164
|
var i18n_ = __webpack_require__(4);
|
|
154
165
|
|
|
@@ -157,13 +168,16 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
157
168
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
158
169
|
|
|
159
170
|
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
160
|
-
var Button_ = __webpack_require__(
|
|
171
|
+
var Button_ = __webpack_require__(17);
|
|
161
172
|
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
162
173
|
|
|
163
174
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
164
|
-
var Box_ = __webpack_require__(
|
|
175
|
+
var Box_ = __webpack_require__(6);
|
|
165
176
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
166
177
|
|
|
178
|
+
// EXTERNAL MODULE: external "@splunk/themes"
|
|
179
|
+
var themes_ = __webpack_require__(0);
|
|
180
|
+
|
|
167
181
|
// CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
|
|
168
182
|
|
|
169
183
|
|
|
@@ -177,17 +191,14 @@ var StyledButton = external_styled_components_default()(Button_default.a).withCo
|
|
|
177
191
|
var appearance = _ref.appearance;
|
|
178
192
|
return appearance === 'default' && Object(external_styled_components_["css"])(["&:first-child{border-right:1px solid ", ";}"], themes_["variables"].interactiveColorBorder);
|
|
179
193
|
}
|
|
180
|
-
}));
|
|
181
|
-
// TS doesn't agree so adding styles below to style 'default' for completeness
|
|
182
|
-
|
|
194
|
+
}));
|
|
183
195
|
var StyledSeparator = external_styled_components_default()(Box_default.a).withConfig({
|
|
184
196
|
displayName: "SplitButtonStyles__StyledSeparator",
|
|
185
197
|
componentId: "sc-9igsyh-1"
|
|
186
198
|
})(["width:", ";height:", ";background-color:", ";"], Object(themes_["pick"])({
|
|
187
199
|
prisma: Object(themes_["pickVariant"])('$appearance', {
|
|
188
200
|
primary: '2px',
|
|
189
|
-
destructive: '2px'
|
|
190
|
-
"default": '0px'
|
|
201
|
+
destructive: '2px'
|
|
191
202
|
}),
|
|
192
203
|
enterprise: '1px'
|
|
193
204
|
}), themes_["variables"].inputHeight, Object(themes_["pickVariant"])('$appearance', {
|
|
@@ -207,13 +218,15 @@ var StyledSeparator = external_styled_components_default()(Box_default.a).withCo
|
|
|
207
218
|
light: themes_["variables"].white,
|
|
208
219
|
dark: themes_["variables"].black
|
|
209
220
|
}
|
|
210
|
-
}
|
|
211
|
-
"default": 'transparent'
|
|
221
|
+
}
|
|
212
222
|
}));
|
|
213
223
|
var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
|
|
214
224
|
displayName: "SplitButtonStyles__StyledBox",
|
|
215
225
|
componentId: "sc-9igsyh-2"
|
|
216
|
-
})(["[data-inline] + &{margin-left:", ";}"],
|
|
226
|
+
})(["", " [data-inline] + &{margin-left:", ";}"], function (_ref2) {
|
|
227
|
+
var $inline = _ref2.$inline;
|
|
228
|
+
return !$inline && Object(external_styled_components_["css"])(["width:100%;"]);
|
|
229
|
+
}, Object(themes_["pick"])({
|
|
217
230
|
enterprise: themes_["variables"].spacingHalf,
|
|
218
231
|
prisma: themes_["variables"].spacingSmall
|
|
219
232
|
}));
|
|
@@ -377,13 +390,13 @@ function SplitButton_objectWithoutPropertiesLoose(source, excluded) { if (source
|
|
|
377
390
|
|
|
378
391
|
|
|
379
392
|
|
|
380
|
-
|
|
381
393
|
var SplitButton_propTypes = {
|
|
382
394
|
appearance: external_prop_types_default.a.oneOf(['default', 'primary', 'destructive']),
|
|
383
395
|
children: external_prop_types_default.a.node,
|
|
384
396
|
disabled: external_prop_types_default.a.bool,
|
|
385
397
|
elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
|
|
386
|
-
onClick: external_prop_types_default.a.func
|
|
398
|
+
onClick: external_prop_types_default.a.func,
|
|
399
|
+
inline: external_prop_types_default.a.bool
|
|
387
400
|
};
|
|
388
401
|
|
|
389
402
|
function SplitButton(_ref) {
|
|
@@ -392,24 +405,27 @@ function SplitButton(_ref) {
|
|
|
392
405
|
children = _ref.children,
|
|
393
406
|
disabled = _ref.disabled,
|
|
394
407
|
elementRef = _ref.elementRef,
|
|
408
|
+
_ref$inline = _ref.inline,
|
|
409
|
+
inline = _ref$inline === void 0 ? true : _ref$inline,
|
|
395
410
|
onClick = _ref.onClick,
|
|
396
|
-
otherProps = SplitButton_objectWithoutProperties(_ref, ["appearance", "children", "disabled", "elementRef", "onClick"]);
|
|
397
|
-
|
|
398
|
-
// @docs-props-type SplitButtonPropsBase
|
|
399
|
-
var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
|
|
400
|
-
isPrisma = _useSplunkTheme.isPrisma,
|
|
401
|
-
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
411
|
+
otherProps = SplitButton_objectWithoutProperties(_ref, ["appearance", "children", "disabled", "elementRef", "inline", "onClick"]);
|
|
402
412
|
|
|
403
413
|
var filteredChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
|
|
404
|
-
var indexOfMain =
|
|
405
|
-
|
|
406
|
-
|
|
414
|
+
var indexOfMain = 0;
|
|
415
|
+
var numDisabledItems = 0;
|
|
416
|
+
filteredChildren.forEach(function (item, index) {
|
|
417
|
+
var _item$props = item.props,
|
|
418
|
+
itemDisabled = _item$props.disabled,
|
|
419
|
+
itemIsMain = _item$props.isMain;
|
|
407
420
|
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
}
|
|
421
|
+
if (itemIsMain) {
|
|
422
|
+
indexOfMain = index;
|
|
423
|
+
}
|
|
412
424
|
|
|
425
|
+
if (itemDisabled) {
|
|
426
|
+
numDisabledItems += 1;
|
|
427
|
+
}
|
|
428
|
+
});
|
|
413
429
|
var mainButton = /*#__PURE__*/Object(external_react_["cloneElement"])(filteredChildren[indexOfMain], {
|
|
414
430
|
isMain: true,
|
|
415
431
|
appearance: appearance,
|
|
@@ -417,12 +433,6 @@ function SplitButton(_ref) {
|
|
|
417
433
|
}); // Remove mainButton from array of dropdown items
|
|
418
434
|
|
|
419
435
|
filteredChildren.splice(indexOfMain, 1);
|
|
420
|
-
var numDisabledItems = 0;
|
|
421
|
-
filteredChildren.forEach(function (item) {
|
|
422
|
-
if (item.props.disabled) {
|
|
423
|
-
numDisabledItems += 1;
|
|
424
|
-
}
|
|
425
|
-
});
|
|
426
436
|
var items = filteredChildren;
|
|
427
437
|
var toggle = /*#__PURE__*/external_react_default.a.createElement(StyledButton, {
|
|
428
438
|
prepend: true // disable toggle if all items within dropdown are disabled
|
|
@@ -433,21 +443,22 @@ function SplitButton(_ref) {
|
|
|
433
443
|
"aria-label": Object(i18n_["_"])('Open more options'),
|
|
434
444
|
icon: /*#__PURE__*/external_react_default.a.createElement(ChevronDown_default.a, null)
|
|
435
445
|
});
|
|
436
|
-
var shouldRenderSeparator = isPrisma && appearance !== 'default' || isEnterprise && appearance === 'primary';
|
|
437
446
|
return /*#__PURE__*/external_react_default.a.createElement(StyledBox, SplitButton_extends({
|
|
438
447
|
"aria-label": Object(i18n_["_"])('Split button'),
|
|
448
|
+
"data-inline": inline || null,
|
|
439
449
|
"data-test": "split-button-container",
|
|
440
450
|
elementRef: elementRef,
|
|
451
|
+
$inline: inline,
|
|
441
452
|
inline: true,
|
|
442
453
|
flex: true,
|
|
443
454
|
role: "group",
|
|
444
455
|
onClick: disabled ? undefined : onClick
|
|
445
|
-
}, otherProps), mainButton,
|
|
456
|
+
}, otherProps), mainButton, appearance !== 'default' && /*#__PURE__*/external_react_default.a.createElement(StyledSeparator, {
|
|
446
457
|
inline: true,
|
|
447
458
|
$appearance: appearance
|
|
448
|
-
}), /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
|
|
459
|
+
}), /*#__PURE__*/external_react_default.a.createElement("div", null, /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
|
|
449
460
|
toggle: toggle
|
|
450
|
-
}, /*#__PURE__*/external_react_default.a.createElement(Menu_default.a, null, items)));
|
|
461
|
+
}, /*#__PURE__*/external_react_default.a.createElement(Menu_default.a, null, items))));
|
|
451
462
|
}
|
|
452
463
|
|
|
453
464
|
SplitButton.propTypes = SplitButton_propTypes;
|
|
@@ -460,14 +471,7 @@ SplitButton.Item = SplitButton_Item;
|
|
|
460
471
|
|
|
461
472
|
/***/ }),
|
|
462
473
|
|
|
463
|
-
/***/
|
|
464
|
-
/***/ (function(module, exports) {
|
|
465
|
-
|
|
466
|
-
module.exports = require("react");
|
|
467
|
-
|
|
468
|
-
/***/ }),
|
|
469
|
-
|
|
470
|
-
/***/ 24:
|
|
474
|
+
/***/ 22:
|
|
471
475
|
/***/ (function(module, exports) {
|
|
472
476
|
|
|
473
477
|
module.exports = require("@splunk/react-ui/Dropdown");
|
|
@@ -495,14 +499,7 @@ module.exports = require("lodash/omit");
|
|
|
495
499
|
|
|
496
500
|
/***/ }),
|
|
497
501
|
|
|
498
|
-
/***/
|
|
499
|
-
/***/ (function(module, exports) {
|
|
500
|
-
|
|
501
|
-
module.exports = require("@splunk/react-icons/ChevronDown");
|
|
502
|
-
|
|
503
|
-
/***/ }),
|
|
504
|
-
|
|
505
|
-
/***/ 8:
|
|
502
|
+
/***/ 6:
|
|
506
503
|
/***/ (function(module, exports) {
|
|
507
504
|
|
|
508
505
|
module.exports = require("@splunk/react-ui/Box");
|
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 = 233);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -108,7 +108,7 @@ module.exports = require("react");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 233:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -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/Box"
|
|
134
|
-
var Box_ = __webpack_require__(
|
|
134
|
+
var Box_ = __webpack_require__(6);
|
|
135
135
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
136
136
|
|
|
137
137
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -209,7 +209,7 @@ module.exports = require("styled-components");
|
|
|
209
209
|
|
|
210
210
|
/***/ }),
|
|
211
211
|
|
|
212
|
-
/***/
|
|
212
|
+
/***/ 6:
|
|
213
213
|
/***/ (function(module, exports) {
|
|
214
214
|
|
|
215
215
|
module.exports = require("@splunk/react-ui/Box");
|