@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/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 = 186);
|
|
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
|
-
/***/ 172:
|
|
104
|
+
/***/ 186:
|
|
112
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
106
|
|
|
114
107
|
"use strict";
|
|
@@ -128,87 +121,27 @@ var external_prop_types_ = __webpack_require__(1);
|
|
|
128
121
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
129
122
|
|
|
130
123
|
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
131
|
-
var id_ = __webpack_require__(
|
|
124
|
+
var id_ = __webpack_require__(8);
|
|
132
125
|
|
|
133
126
|
// EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
|
|
134
|
-
var useSplunkTheme_ = __webpack_require__(
|
|
127
|
+
var useSplunkTheme_ = __webpack_require__(67);
|
|
135
128
|
var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
|
|
136
129
|
|
|
137
130
|
// EXTERNAL MODULE: external "styled-components"
|
|
138
131
|
var external_styled_components_ = __webpack_require__(3);
|
|
139
132
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
140
133
|
|
|
141
|
-
// EXTERNAL MODULE: external "@splunk/
|
|
142
|
-
var
|
|
143
|
-
|
|
144
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/Error"
|
|
145
|
-
var Error_ = __webpack_require__(69);
|
|
146
|
-
var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
|
|
147
|
-
|
|
148
|
-
// EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
|
|
149
|
-
var ThemedIcon = __webpack_require__(7);
|
|
150
|
-
|
|
151
|
-
// EXTERNAL MODULE: ./src/icons/SVG.tsx
|
|
152
|
-
var SVG = __webpack_require__(6);
|
|
153
|
-
|
|
154
|
-
// CONCATENATED MODULE: ./src/icons/Alert.tsx
|
|
155
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
function Prisma24(_ref) {
|
|
163
|
-
var otherProps = _extends({}, _ref);
|
|
164
|
-
|
|
165
|
-
return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], _extends({
|
|
166
|
-
viewBox: "0 0 24 24"
|
|
167
|
-
}, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
|
|
168
|
-
fillRule: "evenodd",
|
|
169
|
-
clipRule: "evenodd",
|
|
170
|
-
d: "M12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4ZM12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM13.2003 15.8001C13.2003 16.4628 12.663 17.0001 12.0003 17.0001C11.3376 17.0001 10.8003 16.4628 10.8003 15.8001C10.8003 15.1374 11.3376 14.6001 12.0003 14.6001C12.663 14.6001 13.2003 15.1374 13.2003 15.8001ZM11.0005 7.9906V12.0001C11.0005 12.5524 11.4482 13.0001 12.0005 13.0001C12.5528 13.0001 13.0005 12.5524 13.0005 12.0001V7.9906C13.0005 7.43832 12.5528 6.9906 12.0005 6.9906C11.4482 6.9906 11.0005 7.43832 11.0005 7.9906Z",
|
|
171
|
-
fill: "currentColor"
|
|
172
|
-
}));
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
function AlertFilled(props) {
|
|
176
|
-
return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], _extends({
|
|
177
|
-
Enterprise: Error_default.a,
|
|
178
|
-
Prisma24: Prisma24
|
|
179
|
-
}, props));
|
|
180
|
-
}
|
|
181
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/Success"
|
|
182
|
-
var Success_ = __webpack_require__(70);
|
|
183
|
-
var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
|
|
184
|
-
|
|
185
|
-
// CONCATENATED MODULE: ./src/icons/Success.tsx
|
|
186
|
-
function Success_extends() { Success_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 Success_extends.apply(this, arguments); }
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
134
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/CheckCircle"
|
|
135
|
+
var CheckCircle_ = __webpack_require__(69);
|
|
136
|
+
var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
|
|
190
137
|
|
|
138
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
|
|
139
|
+
var ExclamationCircle_ = __webpack_require__(70);
|
|
140
|
+
var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
|
|
191
141
|
|
|
142
|
+
// EXTERNAL MODULE: external "@splunk/themes"
|
|
143
|
+
var themes_ = __webpack_require__(0);
|
|
192
144
|
|
|
193
|
-
function Success_Prisma24(_ref) {
|
|
194
|
-
var otherProps = Success_extends({}, _ref);
|
|
195
|
-
|
|
196
|
-
return /*#__PURE__*/external_react_default.a.createElement(SVG["a" /* default */], Success_extends({
|
|
197
|
-
viewBox: "0 0 24 24"
|
|
198
|
-
}, otherProps), /*#__PURE__*/external_react_default.a.createElement("path", {
|
|
199
|
-
fillRule: "evenodd",
|
|
200
|
-
clipRule: "evenodd",
|
|
201
|
-
d: "M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.8739 10.0405C17.2645 9.64996 17.2645 9.01679 16.8739 8.62627C16.4834 8.23574 15.8502 8.23574 15.4597 8.62627L10.5247 13.5613L8.5405 11.5776C8.14992 11.1872 7.51675 11.1873 7.12629 11.5779C6.73582 11.9684 6.73591 12.6016 7.12649 12.9921L9.46426 15.3291C10.0501 15.9148 10.9997 15.9147 11.5854 15.329L16.8739 10.0405Z",
|
|
202
|
-
fill: "currentColor"
|
|
203
|
-
}));
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
function SuccessFilled(props) {
|
|
207
|
-
return /*#__PURE__*/external_react_default.a.createElement(ThemedIcon["a" /* default */], Success_extends({
|
|
208
|
-
Enterprise: Success_default.a,
|
|
209
|
-
Prisma24: Success_Prisma24
|
|
210
|
-
}, props));
|
|
211
|
-
}
|
|
212
145
|
// CONCATENATED MODULE: ./src/StepBar/StepStyles.ts
|
|
213
146
|
|
|
214
147
|
|
|
@@ -216,18 +149,9 @@ function SuccessFilled(props) {
|
|
|
216
149
|
|
|
217
150
|
var primaryBackgroundColor = '#1A8929'; // SUI-2439 to meet WCAG AA compliance
|
|
218
151
|
|
|
219
|
-
var iconWrapper = Object(external_styled_components_["css"])(["align-items:center;height:24px;width:24px;margin:0 14px 0 16px;"]);
|
|
220
|
-
var StyledSuccess = external_styled_components_default()(SuccessFilled).withConfig({
|
|
221
|
-
displayName: "StepStyles__StyledSuccess",
|
|
222
|
-
componentId: "sc-756fxp-0"
|
|
223
|
-
})(["", ";color:", ";"], iconWrapper, themes_["variables"].accentColorPositive);
|
|
224
|
-
var StyledAlert = external_styled_components_default()(AlertFilled).withConfig({
|
|
225
|
-
displayName: "StepStyles__StyledAlert",
|
|
226
|
-
componentId: "sc-756fxp-1"
|
|
227
|
-
})(["", ";color:", ";"], iconWrapper, themes_["variables"].accentColorNegative);
|
|
228
152
|
var Styled = external_styled_components_default.a.li.withConfig({
|
|
229
153
|
displayName: "StepStyles__Styled",
|
|
230
|
-
componentId: "sc-756fxp-
|
|
154
|
+
componentId: "sc-756fxp-0"
|
|
231
155
|
})(["", " ", ";text-align:center;padding:", ";", ";", ""], themes_["mixins"].reset('block'), Object(themes_["pick"])({
|
|
232
156
|
enterprise: Object(external_styled_components_["css"])(["position:relative;flex:1 1 0;"]),
|
|
233
157
|
prisma: Object(external_styled_components_["css"])(["display:flex;align-items:center;flex:0 1 auto;margin:0 12px 0 12px;"])
|
|
@@ -260,6 +184,15 @@ var Styled = external_styled_components_default.a.li.withConfig({
|
|
|
260
184
|
prisma: Object(external_styled_components_["css"])(["color:", ";&::before{visibility:hidden;position:absolute;}"], themes_["variables"].contentColorDefault)
|
|
261
185
|
}
|
|
262
186
|
}));
|
|
187
|
+
var iconStyles = Object(external_styled_components_["css"])(["height:24px;width:24px;margin:0 14px 0 16px;"]);
|
|
188
|
+
var StyledCheckCircleIcon = external_styled_components_default()(CheckCircle_default.a).withConfig({
|
|
189
|
+
displayName: "StepStyles__StyledCheckCircleIcon",
|
|
190
|
+
componentId: "sc-756fxp-1"
|
|
191
|
+
})(["", ";color:", ";"], iconStyles, themes_["variables"].accentColorPositive);
|
|
192
|
+
var StyledExclamationCircleIcon = external_styled_components_default()(ExclamationCircle_default.a).withConfig({
|
|
193
|
+
displayName: "StepStyles__StyledExclamationCircleIcon",
|
|
194
|
+
componentId: "sc-756fxp-2"
|
|
195
|
+
})(["", ";color:", ";"], iconStyles, themes_["variables"].accentColorNegative);
|
|
263
196
|
var StyledSvg = external_styled_components_default.a.svg.withConfig({
|
|
264
197
|
displayName: "StepStyles__StyledSvg",
|
|
265
198
|
componentId: "sc-756fxp-3"
|
|
@@ -286,7 +219,7 @@ var StepBarContext = /*#__PURE__*/Object(external_react_["createContext"])({
|
|
|
286
219
|
StepBarContext.displayName = 'StepBar';
|
|
287
220
|
/* harmony default export */ var StepBar_StepBarContext = (StepBarContext);
|
|
288
221
|
// CONCATENATED MODULE: ./src/StepBar/Step.tsx
|
|
289
|
-
function
|
|
222
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
290
223
|
|
|
291
224
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
292
225
|
|
|
@@ -319,7 +252,7 @@ function Step(_ref) {
|
|
|
319
252
|
lastChildIndexContext = _useContext.lastChildIndex;
|
|
320
253
|
|
|
321
254
|
var _useSplunkTheme = useSplunkTheme_default()(),
|
|
322
|
-
|
|
255
|
+
isEnterprise = _useSplunkTheme.isEnterprise;
|
|
323
256
|
|
|
324
257
|
var status = 'next';
|
|
325
258
|
var active = activeStepIdContext === stepId;
|
|
@@ -338,8 +271,8 @@ function Step(_ref) {
|
|
|
338
271
|
status = 'error';
|
|
339
272
|
}
|
|
340
273
|
|
|
341
|
-
if (
|
|
342
|
-
return /*#__PURE__*/external_react_default.a.createElement(Styled,
|
|
274
|
+
if (isEnterprise) {
|
|
275
|
+
return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
|
|
343
276
|
$status: status,
|
|
344
277
|
"data-test-status": status,
|
|
345
278
|
"data-test": "step",
|
|
@@ -384,14 +317,14 @@ function Step(_ref) {
|
|
|
384
317
|
})), children);
|
|
385
318
|
}
|
|
386
319
|
|
|
387
|
-
return /*#__PURE__*/external_react_default.a.createElement(Styled,
|
|
320
|
+
return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
|
|
388
321
|
$status: status,
|
|
389
322
|
"data-test-status": status,
|
|
390
323
|
"data-test": "step",
|
|
391
324
|
"data-test-step-id": stepId,
|
|
392
325
|
$idCounter: idCounterContext,
|
|
393
326
|
ref: elementRef
|
|
394
|
-
}, otherProps), status === 'prev' && /*#__PURE__*/external_react_default.a.createElement(
|
|
327
|
+
}, otherProps), status === 'prev' && /*#__PURE__*/external_react_default.a.createElement(StyledCheckCircleIcon, null), status === 'error' && /*#__PURE__*/external_react_default.a.createElement(StyledExclamationCircleIcon, null), children);
|
|
395
328
|
}
|
|
396
329
|
|
|
397
330
|
Step.propTypes = propTypes;
|
|
@@ -504,167 +437,31 @@ module.exports = require("styled-components");
|
|
|
504
437
|
|
|
505
438
|
/***/ }),
|
|
506
439
|
|
|
507
|
-
/***/
|
|
440
|
+
/***/ 67:
|
|
508
441
|
/***/ (function(module, exports) {
|
|
509
442
|
|
|
510
443
|
module.exports = require("@splunk/themes/useSplunkTheme");
|
|
511
444
|
|
|
512
445
|
/***/ }),
|
|
513
446
|
|
|
514
|
-
/***/ 6:
|
|
515
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
516
|
-
|
|
517
|
-
"use strict";
|
|
518
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
|
|
519
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
520
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
521
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
522
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
523
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
|
|
528
|
-
displayName: "SVG__Styled",
|
|
529
|
-
componentId: "sc-1bz0ryh-0"
|
|
530
|
-
})(["flex:0 0 auto;"]);
|
|
531
|
-
function SVG(props) {
|
|
532
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
|
|
533
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
534
|
-
}, props));
|
|
535
|
-
}
|
|
536
|
-
|
|
537
|
-
/***/ }),
|
|
538
|
-
|
|
539
447
|
/***/ 69:
|
|
540
448
|
/***/ (function(module, exports) {
|
|
541
449
|
|
|
542
|
-
module.exports = require("@splunk/react-icons/
|
|
450
|
+
module.exports = require("@splunk/react-icons/CheckCircle");
|
|
543
451
|
|
|
544
452
|
/***/ }),
|
|
545
453
|
|
|
546
|
-
/***/
|
|
547
|
-
/***/ (function(module,
|
|
548
|
-
|
|
549
|
-
"use strict";
|
|
550
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
|
|
551
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
552
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
553
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
|
|
554
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
555
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
|
|
556
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
|
|
557
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
558
|
-
|
|
559
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
560
|
-
|
|
561
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
562
|
-
|
|
563
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
564
|
-
|
|
565
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
566
|
-
|
|
567
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
var inlineStyles = {
|
|
573
|
-
display: 'inline-block',
|
|
574
|
-
flex: '0 0 auto',
|
|
575
|
-
overflow: 'visible',
|
|
576
|
-
verticalAlign: 'middle'
|
|
577
|
-
};
|
|
578
|
-
var blockStyles = {
|
|
579
|
-
display: 'block',
|
|
580
|
-
flex: '0 0 auto',
|
|
581
|
-
margin: '0 auto',
|
|
582
|
-
overflow: 'visible'
|
|
583
|
-
};
|
|
584
|
-
var propTypes = {
|
|
585
|
-
Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
|
|
586
|
-
enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
|
|
587
|
-
enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
|
|
588
|
-
enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
|
|
589
|
-
Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
|
|
590
|
-
Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
|
|
591
|
-
Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
|
|
592
|
-
prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
|
|
593
|
-
inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
|
|
594
|
-
screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
|
|
595
|
-
};
|
|
596
|
-
var defaultProps = {
|
|
597
|
-
inline: true,
|
|
598
|
-
prismaSize: 'medium'
|
|
599
|
-
};
|
|
600
|
-
function Icon(_ref) {
|
|
601
|
-
var Enterprise = _ref.Enterprise,
|
|
602
|
-
Prisma24 = _ref.Prisma24,
|
|
603
|
-
Prisma20 = _ref.Prisma20,
|
|
604
|
-
Prisma16 = _ref.Prisma16,
|
|
605
|
-
prismaSize = _ref.prismaSize,
|
|
606
|
-
inline = _ref.inline,
|
|
607
|
-
enterpriseSize = _ref.enterpriseSize,
|
|
608
|
-
enterpriseWidth = _ref.enterpriseWidth,
|
|
609
|
-
enterpriseHeight = _ref.enterpriseHeight,
|
|
610
|
-
screenReaderText = _ref.screenReaderText,
|
|
611
|
-
otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
|
|
612
|
-
|
|
613
|
-
var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
|
|
614
|
-
family = _useSplunkTheme.family,
|
|
615
|
-
density = _useSplunkTheme.density; // Enterprise - all variants
|
|
616
|
-
|
|
617
|
-
|
|
618
|
-
if (family === 'enterprise') {
|
|
619
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
|
|
620
|
-
size: enterpriseSize,
|
|
621
|
-
width: enterpriseWidth,
|
|
622
|
-
height: enterpriseHeight,
|
|
623
|
-
screenReaderText: screenReaderText || null,
|
|
624
|
-
hideDefaultTooltip: true,
|
|
625
|
-
inline: inline
|
|
626
|
-
}, otherProps));
|
|
627
|
-
}
|
|
628
|
-
|
|
629
|
-
var prismaProps = _objectSpread({
|
|
630
|
-
'aria-label': screenReaderText,
|
|
631
|
-
style: inline ? inlineStyles : blockStyles
|
|
632
|
-
}, otherProps); // Prisma - small+compact, small+comfortable
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
if (prismaSize === 'small') {
|
|
636
|
-
var SVG = Prisma16 || Prisma24;
|
|
637
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
|
|
638
|
-
width: "16",
|
|
639
|
-
height: "16"
|
|
640
|
-
}, prismaProps));
|
|
641
|
-
} // Prisma - medium+compact
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
if (density === 'compact') {
|
|
645
|
-
var _SVG = Prisma20 || Prisma24;
|
|
646
|
-
|
|
647
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
|
|
648
|
-
width: "20",
|
|
649
|
-
height: "20"
|
|
650
|
-
}, prismaProps));
|
|
651
|
-
} // Prisma - medium+comfortable
|
|
652
|
-
|
|
454
|
+
/***/ 70:
|
|
455
|
+
/***/ (function(module, exports) {
|
|
653
456
|
|
|
654
|
-
|
|
655
|
-
width: "24",
|
|
656
|
-
height: "24"
|
|
657
|
-
}, prismaProps));
|
|
658
|
-
}
|
|
659
|
-
Icon.propTypes = propTypes;
|
|
660
|
-
Icon.defaultProps = defaultProps;
|
|
457
|
+
module.exports = require("@splunk/react-icons/ExclamationCircle");
|
|
661
458
|
|
|
662
459
|
/***/ }),
|
|
663
460
|
|
|
664
|
-
/***/
|
|
461
|
+
/***/ 8:
|
|
665
462
|
/***/ (function(module, exports) {
|
|
666
463
|
|
|
667
|
-
module.exports = require("@splunk/
|
|
464
|
+
module.exports = require("@splunk/ui-utils/id");
|
|
668
465
|
|
|
669
466
|
/***/ })
|
|
670
467
|
|
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 = 206);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,28 +101,28 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 12:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
|
-
module.exports = require("@splunk/ui
|
|
107
|
+
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
111
|
/***/ 14:
|
|
112
112
|
/***/ (function(module, exports) {
|
|
113
113
|
|
|
114
|
-
module.exports = require("@splunk/react-ui/
|
|
114
|
+
module.exports = require("@splunk/react-ui/ScreenReaderContent");
|
|
115
115
|
|
|
116
116
|
/***/ }),
|
|
117
117
|
|
|
118
|
-
/***/
|
|
118
|
+
/***/ 2:
|
|
119
119
|
/***/ (function(module, exports) {
|
|
120
120
|
|
|
121
|
-
module.exports = require("
|
|
121
|
+
module.exports = require("react");
|
|
122
122
|
|
|
123
123
|
/***/ }),
|
|
124
124
|
|
|
125
|
-
/***/
|
|
125
|
+
/***/ 206:
|
|
126
126
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
127
127
|
|
|
128
128
|
"use strict";
|
|
@@ -145,14 +145,14 @@ var AnimationToggle_ = __webpack_require__(48);
|
|
|
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__(14);
|
|
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__(8);
|
|
153
153
|
|
|
154
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/Check"
|
|
155
|
-
var Check_ = __webpack_require__(
|
|
154
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Check"
|
|
155
|
+
var Check_ = __webpack_require__(95);
|
|
156
156
|
var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
|
|
157
157
|
|
|
158
158
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -196,11 +196,11 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
196
196
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
197
197
|
|
|
198
198
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
199
|
-
var Box_ = __webpack_require__(
|
|
199
|
+
var Box_ = __webpack_require__(6);
|
|
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__(12);
|
|
204
204
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
205
205
|
|
|
206
206
|
// CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
|
|
@@ -729,13 +729,6 @@ _defineProperty(Switch_Switch, "defaultProps", defaultProps);
|
|
|
729
729
|
|
|
730
730
|
|
|
731
731
|
|
|
732
|
-
/***/ }),
|
|
733
|
-
|
|
734
|
-
/***/ 2:
|
|
735
|
-
/***/ (function(module, exports) {
|
|
736
|
-
|
|
737
|
-
module.exports = require("react");
|
|
738
|
-
|
|
739
732
|
/***/ }),
|
|
740
733
|
|
|
741
734
|
/***/ 3:
|
|
@@ -752,17 +745,24 @@ module.exports = require("@splunk/react-ui/AnimationToggle");
|
|
|
752
745
|
|
|
753
746
|
/***/ }),
|
|
754
747
|
|
|
755
|
-
/***/
|
|
748
|
+
/***/ 6:
|
|
756
749
|
/***/ (function(module, exports) {
|
|
757
750
|
|
|
758
|
-
module.exports = require("@splunk/react-
|
|
751
|
+
module.exports = require("@splunk/react-ui/Box");
|
|
759
752
|
|
|
760
753
|
/***/ }),
|
|
761
754
|
|
|
762
755
|
/***/ 8:
|
|
763
756
|
/***/ (function(module, exports) {
|
|
764
757
|
|
|
765
|
-
module.exports = require("@splunk/
|
|
758
|
+
module.exports = require("@splunk/ui-utils/id");
|
|
759
|
+
|
|
760
|
+
/***/ }),
|
|
761
|
+
|
|
762
|
+
/***/ 95:
|
|
763
|
+
/***/ (function(module, exports) {
|
|
764
|
+
|
|
765
|
+
module.exports = require("@splunk/react-icons/enterprise/Check");
|
|
766
766
|
|
|
767
767
|
/***/ })
|
|
768
768
|
|