@splunk/react-ui 4.19.0 → 4.21.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 +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -355
- package/Menu.js +396 -647
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +975 -1447
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +12 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/StepBar.js
CHANGED
|
@@ -1,224 +1,159 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
28
|
+
/******/ };
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
18
44
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
22
|
-
/******/
|
|
23
|
-
/******/ // Flag the module as loaded
|
|
24
|
-
/******/ module.l = true;
|
|
25
|
-
/******/
|
|
26
|
-
/******/ // Return the exports of the module
|
|
27
|
-
/******/ return module.exports;
|
|
28
|
-
/******/ }
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/ // expose the modules object (__webpack_modules__)
|
|
32
|
-
/******/ __webpack_require__.m = modules;
|
|
33
|
-
/******/
|
|
34
|
-
/******/ // expose the module cache
|
|
35
|
-
/******/ __webpack_require__.c = installedModules;
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 189);
|
|
86
|
-
/******/ })
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
/***/ 0:
|
|
91
|
-
/***/ (function(module, exports) {
|
|
92
|
-
|
|
93
|
-
module.exports = require("@splunk/themes");
|
|
94
|
-
|
|
95
|
-
/***/ }),
|
|
96
|
-
|
|
97
|
-
/***/ 1:
|
|
98
|
-
/***/ (function(module, exports) {
|
|
99
|
-
|
|
100
|
-
module.exports = require("prop-types");
|
|
101
|
-
|
|
102
|
-
/***/ }),
|
|
103
|
-
|
|
104
|
-
/***/ 189:
|
|
105
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
|
-
|
|
107
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
108
49
|
// ESM COMPAT FLAG
|
|
109
50
|
__webpack_require__.r(__webpack_exports__);
|
|
110
51
|
|
|
111
52
|
// EXPORTS
|
|
112
|
-
__webpack_require__.d(__webpack_exports__,
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
var external_react_ = __webpack_require__(2);
|
|
117
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
118
|
-
|
|
119
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
120
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
121
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
122
|
-
|
|
123
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/id"
|
|
124
|
-
var id_ = __webpack_require__(8);
|
|
125
|
-
|
|
126
|
-
// EXTERNAL MODULE: external "@splunk/themes/useSplunkTheme"
|
|
127
|
-
var useSplunkTheme_ = __webpack_require__(68);
|
|
128
|
-
var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_);
|
|
129
|
-
|
|
130
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
131
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
132
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
133
|
-
|
|
134
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/CheckCircle"
|
|
135
|
-
var CheckCircle_ = __webpack_require__(70);
|
|
136
|
-
var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
|
|
137
|
-
|
|
138
|
-
// EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
|
|
139
|
-
var ExclamationCircle_ = __webpack_require__(71);
|
|
140
|
-
var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_);
|
|
141
|
-
|
|
142
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
143
|
-
var themes_ = __webpack_require__(0);
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
Step: () => (/* reexport */ StepBar_Step),
|
|
55
|
+
"default": () => (/* reexport */ StepBar_StepBar)
|
|
56
|
+
});
|
|
144
57
|
|
|
145
|
-
|
|
58
|
+
;// CONCATENATED MODULE: external "react"
|
|
59
|
+
const external_react_namespaceObject = require("react");
|
|
60
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
61
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
62
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
63
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
64
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/id"
|
|
65
|
+
const id_namespaceObject = require("@splunk/ui-utils/id");
|
|
66
|
+
;// CONCATENATED MODULE: external "@splunk/themes/useSplunkTheme"
|
|
67
|
+
const useSplunkTheme_namespaceObject = require("@splunk/themes/useSplunkTheme");
|
|
68
|
+
var useSplunkTheme_default = /*#__PURE__*/__webpack_require__.n(useSplunkTheme_namespaceObject);
|
|
69
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
70
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
71
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
72
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/CheckCircle"
|
|
73
|
+
const CheckCircle_namespaceObject = require("@splunk/react-icons/CheckCircle");
|
|
74
|
+
var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_namespaceObject);
|
|
75
|
+
;// CONCATENATED MODULE: external "@splunk/react-icons/ExclamationCircle"
|
|
76
|
+
const ExclamationCircle_namespaceObject = require("@splunk/react-icons/ExclamationCircle");
|
|
77
|
+
var ExclamationCircle_default = /*#__PURE__*/__webpack_require__.n(ExclamationCircle_namespaceObject);
|
|
78
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
79
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
80
|
+
;// CONCATENATED MODULE: ./src/StepBar/StepStyles.ts
|
|
146
81
|
|
|
147
82
|
|
|
148
83
|
|
|
149
84
|
|
|
150
85
|
var primaryBackgroundColor = '#1A8929'; // SUI-2439 to meet WCAG AA compliance
|
|
151
86
|
|
|
152
|
-
var Styled = external_styled_components_default.
|
|
87
|
+
var Styled = external_styled_components_default().li.withConfig({
|
|
153
88
|
displayName: "StepStyles__Styled",
|
|
154
89
|
componentId: "sc-756fxp-0"
|
|
155
|
-
})(["", " ", ";text-align:center;padding:", ";", ";", ""],
|
|
156
|
-
enterprise:
|
|
157
|
-
prisma:
|
|
158
|
-
}),
|
|
159
|
-
enterprise:
|
|
90
|
+
})(["", " ", ";text-align:center;padding:", ";", ";", ""], themes_namespaceObject.mixins.reset('block'), (0,themes_namespaceObject.pick)({
|
|
91
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["position:relative;flex:1 1 0;"]),
|
|
92
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["display:flex;align-items:center;flex:0 1 auto;margin:0 12px 0 12px;"])
|
|
93
|
+
}), (0,themes_namespaceObject.pick)({
|
|
94
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["25px 15px 0"]),
|
|
160
95
|
prisma: {
|
|
161
96
|
comfortable: '8px 8px 8px 0',
|
|
162
97
|
compact: '4px 8px 4px 0'
|
|
163
98
|
}
|
|
164
|
-
}),
|
|
165
|
-
prisma:
|
|
99
|
+
}), (0,themes_namespaceObject.pick)({
|
|
100
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["&::before{align-items:center;box-sizing:border-box;border-radius:50%;counter-increment:", ";content:counter(", ");display:inline-flex;flex-shrink:0;font-size:12px;height:20px;width:20px;justify-content:center;line-height:20px;margin:2px 16px 2px 18px;}"], function (_ref) {
|
|
166
101
|
var $idCounter = _ref.$idCounter;
|
|
167
102
|
return $idCounter;
|
|
168
103
|
}, function (_ref2) {
|
|
169
104
|
var $idCounter = _ref2.$idCounter;
|
|
170
105
|
return $idCounter;
|
|
171
106
|
})
|
|
172
|
-
}),
|
|
107
|
+
}), (0,themes_namespaceObject.pickVariant)('$status', {
|
|
173
108
|
error: {
|
|
174
|
-
prisma:
|
|
109
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";&::before{visibility:hidden;position:absolute;}"], themes_namespaceObject.variables.contentColorActive)
|
|
175
110
|
},
|
|
176
111
|
active: {
|
|
177
|
-
prisma:
|
|
112
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";&::before{color:", ";background:", ";border:1px solid ", ";}"], themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.contentColorInverted, themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.contentColorActive)
|
|
178
113
|
},
|
|
179
114
|
next: {
|
|
180
|
-
enterprise:
|
|
181
|
-
prisma:
|
|
115
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.textDisabledColor),
|
|
116
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";&::before{color:", ";border:1px solid ", ";}"], themes_namespaceObject.variables.contentColorMuted, themes_namespaceObject.variables.contentColorMuted, themes_namespaceObject.variables.contentColorMuted)
|
|
182
117
|
},
|
|
183
118
|
prev: {
|
|
184
|
-
prisma:
|
|
119
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["color:", ";&::before{visibility:hidden;position:absolute;}"], themes_namespaceObject.variables.contentColorDefault)
|
|
185
120
|
}
|
|
186
121
|
}));
|
|
187
|
-
var iconStyles =
|
|
188
|
-
var StyledCheckCircleIcon = external_styled_components_default()(CheckCircle_default
|
|
122
|
+
var iconStyles = (0,external_styled_components_namespaceObject.css)(["height:24px;width:24px;margin:0 14px 0 16px;"]);
|
|
123
|
+
var StyledCheckCircleIcon = external_styled_components_default()((CheckCircle_default())).withConfig({
|
|
189
124
|
displayName: "StepStyles__StyledCheckCircleIcon",
|
|
190
125
|
componentId: "sc-756fxp-1"
|
|
191
|
-
})(["", ";color:", ";"], iconStyles,
|
|
192
|
-
var StyledExclamationCircleIcon = external_styled_components_default()(ExclamationCircle_default
|
|
126
|
+
})(["", ";color:", ";"], iconStyles, themes_namespaceObject.variables.accentColorPositive);
|
|
127
|
+
var StyledExclamationCircleIcon = external_styled_components_default()((ExclamationCircle_default())).withConfig({
|
|
193
128
|
displayName: "StepStyles__StyledExclamationCircleIcon",
|
|
194
129
|
componentId: "sc-756fxp-2"
|
|
195
|
-
})(["", ";color:", ";"], iconStyles,
|
|
196
|
-
var StyledSvg = external_styled_components_default.
|
|
130
|
+
})(["", ";color:", ";"], iconStyles, themes_namespaceObject.variables.accentColorNegative);
|
|
131
|
+
var StyledSvg = external_styled_components_default().svg.withConfig({
|
|
197
132
|
displayName: "StepStyles__StyledSvg",
|
|
198
133
|
componentId: "sc-756fxp-3"
|
|
199
134
|
})(["position:absolute;left:0;right:0;top:0;"]);
|
|
200
|
-
var StyledPrevOrActiveRect = external_styled_components_default.
|
|
135
|
+
var StyledPrevOrActiveRect = external_styled_components_default().rect.withConfig({
|
|
201
136
|
displayName: "StepStyles__StyledPrevOrActiveRect",
|
|
202
137
|
componentId: "sc-756fxp-4"
|
|
203
138
|
})(["fill:", ";"], primaryBackgroundColor);
|
|
204
139
|
var StyledPrevOrActiveCircle = StyledPrevOrActiveRect.withComponent('circle');
|
|
205
|
-
var StyledGray = external_styled_components_default.
|
|
140
|
+
var StyledGray = external_styled_components_default().rect.withConfig({
|
|
206
141
|
displayName: "StepStyles__StyledGray",
|
|
207
142
|
componentId: "sc-756fxp-5"
|
|
208
|
-
})(["fill:", ";"],
|
|
209
|
-
var StyledNext = external_styled_components_default.
|
|
143
|
+
})(["fill:", ";"], themes_namespaceObject.variables.gray60);
|
|
144
|
+
var StyledNext = external_styled_components_default().circle.withConfig({
|
|
210
145
|
displayName: "StepStyles__StyledNext",
|
|
211
146
|
componentId: "sc-756fxp-6"
|
|
212
|
-
})(["stroke:", ";stroke-width:3px;fill:", ";"],
|
|
147
|
+
})(["stroke:", ";stroke-width:3px;fill:", ";"], themes_namespaceObject.variables.gray60, themes_namespaceObject.variables.backgroundColor);
|
|
213
148
|
|
|
214
|
-
|
|
149
|
+
;// CONCATENATED MODULE: ./src/StepBar/StepBarContext.tsx
|
|
215
150
|
|
|
216
|
-
var StepBarContext = /*#__PURE__*/
|
|
151
|
+
var StepBarContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({
|
|
217
152
|
activeStepId: 0
|
|
218
153
|
});
|
|
219
154
|
StepBarContext.displayName = 'StepBar';
|
|
220
|
-
/* harmony default export */
|
|
221
|
-
|
|
155
|
+
/* harmony default export */ const StepBar_StepBarContext = (StepBarContext);
|
|
156
|
+
;// CONCATENATED MODULE: ./src/StepBar/Step.tsx
|
|
222
157
|
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); }
|
|
223
158
|
|
|
224
159
|
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; }
|
|
@@ -231,10 +166,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
231
166
|
|
|
232
167
|
|
|
233
168
|
var propTypes = {
|
|
234
|
-
children: external_prop_types_default.
|
|
235
|
-
elementRef: external_prop_types_default.
|
|
236
|
-
error: external_prop_types_default.
|
|
237
|
-
stepId: external_prop_types_default.
|
|
169
|
+
children: (external_prop_types_default()).node,
|
|
170
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
171
|
+
error: (external_prop_types_default()).bool,
|
|
172
|
+
stepId: (external_prop_types_default()).any
|
|
238
173
|
};
|
|
239
174
|
|
|
240
175
|
function Step(_ref) {
|
|
@@ -246,7 +181,7 @@ function Step(_ref) {
|
|
|
246
181
|
otherProps = _objectWithoutProperties(_ref, ["children", "elementRef", "error", "stepId"]);
|
|
247
182
|
|
|
248
183
|
// @docs-props-type StepPropsBase
|
|
249
|
-
var _useContext =
|
|
184
|
+
var _useContext = (0,external_react_namespaceObject.useContext)(StepBarContext),
|
|
250
185
|
activeStepIdContext = _useContext.activeStepId,
|
|
251
186
|
idCounterContext = _useContext.idCounter,
|
|
252
187
|
lastChildIndexContext = _useContext.lastChildIndex;
|
|
@@ -272,80 +207,80 @@ function Step(_ref) {
|
|
|
272
207
|
}
|
|
273
208
|
|
|
274
209
|
if (isEnterprise) {
|
|
275
|
-
return /*#__PURE__*/external_react_default.
|
|
210
|
+
return /*#__PURE__*/external_react_default().createElement(Styled, _extends({
|
|
276
211
|
$status: status,
|
|
277
212
|
"data-test-status": status,
|
|
278
213
|
"data-test": "step",
|
|
279
214
|
"data-test-step-id": stepId,
|
|
280
215
|
ref: elementRef
|
|
281
|
-
}, otherProps), /*#__PURE__*/external_react_default.
|
|
216
|
+
}, otherProps), /*#__PURE__*/external_react_default().createElement(StyledSvg, {
|
|
282
217
|
focusable: "false",
|
|
283
218
|
width: "100%",
|
|
284
219
|
height: "15px",
|
|
285
220
|
viewBox: "0 0 100 15",
|
|
286
221
|
preserveAspectRatio: "none",
|
|
287
222
|
xmlns: "http://www.w3.org/2000/svg"
|
|
288
|
-
}, /*#__PURE__*/external_react_default.
|
|
223
|
+
}, /*#__PURE__*/external_react_default().createElement(StyledGray, {
|
|
289
224
|
x: isFirst ? '50' : '0',
|
|
290
225
|
y: "6",
|
|
291
226
|
width: isLast || isFirst ? '50%' : '100%',
|
|
292
227
|
height: "3"
|
|
293
|
-
}), (status === 'active' || status === 'error') && !isFirst && /*#__PURE__*/external_react_default.
|
|
228
|
+
}), (status === 'active' || status === 'error') && !isFirst && /*#__PURE__*/external_react_default().createElement(StyledPrevOrActiveRect, {
|
|
294
229
|
x: "0",
|
|
295
230
|
y: "6",
|
|
296
231
|
width: "50%",
|
|
297
232
|
height: "3"
|
|
298
|
-
}), status === 'prev' && /*#__PURE__*/external_react_default.
|
|
233
|
+
}), status === 'prev' && /*#__PURE__*/external_react_default().createElement(StyledPrevOrActiveRect, {
|
|
299
234
|
x: isFirst ? '50%' : '0',
|
|
300
235
|
y: "6",
|
|
301
236
|
width: "100%",
|
|
302
237
|
height: "3"
|
|
303
|
-
})), /*#__PURE__*/external_react_default.
|
|
238
|
+
})), /*#__PURE__*/external_react_default().createElement(StyledSvg, {
|
|
304
239
|
focusable: "false",
|
|
305
240
|
width: "100%",
|
|
306
241
|
height: "15px",
|
|
307
242
|
viewBox: "0 0 15 15",
|
|
308
243
|
xmlns: "http://www.w3.org/2000/svg"
|
|
309
|
-
}, status !== 'next' && /*#__PURE__*/external_react_default.
|
|
244
|
+
}, status !== 'next' && /*#__PURE__*/external_react_default().createElement(StyledPrevOrActiveCircle, {
|
|
310
245
|
cx: "50%",
|
|
311
246
|
cy: "50%",
|
|
312
247
|
r: "7.5"
|
|
313
|
-
}), status === 'next' && /*#__PURE__*/external_react_default.
|
|
248
|
+
}), status === 'next' && /*#__PURE__*/external_react_default().createElement(StyledNext, {
|
|
314
249
|
cx: "50%",
|
|
315
250
|
cy: "50%",
|
|
316
251
|
r: "6"
|
|
317
252
|
})), children);
|
|
318
253
|
}
|
|
319
254
|
|
|
320
|
-
return /*#__PURE__*/external_react_default.
|
|
255
|
+
return /*#__PURE__*/external_react_default().createElement(Styled, _extends({
|
|
321
256
|
$status: status,
|
|
322
257
|
"data-test-status": status,
|
|
323
258
|
"data-test": "step",
|
|
324
259
|
"data-test-step-id": stepId,
|
|
325
260
|
$idCounter: idCounterContext,
|
|
326
261
|
ref: elementRef
|
|
327
|
-
}, otherProps), status === 'prev' && /*#__PURE__*/external_react_default.
|
|
262
|
+
}, otherProps), status === 'prev' && /*#__PURE__*/external_react_default().createElement(StyledCheckCircleIcon, null), status === 'error' && /*#__PURE__*/external_react_default().createElement(StyledExclamationCircleIcon, null), children);
|
|
328
263
|
}
|
|
329
264
|
|
|
330
265
|
Step.propTypes = propTypes;
|
|
331
|
-
/* harmony default export */
|
|
332
|
-
|
|
266
|
+
/* harmony default export */ const StepBar_Step = (Step);
|
|
267
|
+
;// CONCATENATED MODULE: ./src/StepBar/StepBarStyles.ts
|
|
333
268
|
|
|
334
269
|
|
|
335
|
-
var StepBarStyles_Styled = external_styled_components_default.
|
|
270
|
+
var StepBarStyles_Styled = external_styled_components_default().ul.withConfig({
|
|
336
271
|
displayName: "StepBarStyles__Styled",
|
|
337
272
|
componentId: "sc-13bf2x4-0"
|
|
338
|
-
})(["", ";", ";", ";"],
|
|
339
|
-
prisma:
|
|
273
|
+
})(["", ";", ";", ";"], themes_namespaceObject.mixins.reset('flex'), (0,themes_namespaceObject.pick)({
|
|
274
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["position:relative;display:flex;counter-reset:", ";"], function (_ref) {
|
|
340
275
|
var $idCounter = _ref.$idCounter;
|
|
341
276
|
return $idCounter;
|
|
342
277
|
})
|
|
343
278
|
}), function (_ref2) {
|
|
344
279
|
var $inline = _ref2.$inline;
|
|
345
|
-
return $inline &&
|
|
280
|
+
return $inline && (0,external_styled_components_namespaceObject.css)(["display:inline-flex;"]);
|
|
346
281
|
});
|
|
347
282
|
|
|
348
|
-
|
|
283
|
+
;// CONCATENATED MODULE: ./src/StepBar/StepBar.tsx
|
|
349
284
|
function StepBar_extends() { StepBar_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 StepBar_extends.apply(this, arguments); }
|
|
350
285
|
|
|
351
286
|
function StepBar_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = StepBar_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; }
|
|
@@ -359,10 +294,10 @@ function StepBar_objectWithoutPropertiesLoose(source, excluded) { if (source ==
|
|
|
359
294
|
|
|
360
295
|
|
|
361
296
|
var StepBar_propTypes = {
|
|
362
|
-
activeStepId: external_prop_types_default.
|
|
363
|
-
children: external_prop_types_default.
|
|
364
|
-
elementRef: external_prop_types_default.
|
|
365
|
-
inline: external_prop_types_default.
|
|
297
|
+
activeStepId: (external_prop_types_default()).any.isRequired,
|
|
298
|
+
children: (external_prop_types_default()).node,
|
|
299
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
300
|
+
inline: (external_prop_types_default()).bool
|
|
366
301
|
};
|
|
367
302
|
|
|
368
303
|
function StepBar(_ref) {
|
|
@@ -374,11 +309,11 @@ function StepBar(_ref) {
|
|
|
374
309
|
otherProps = StepBar_objectWithoutProperties(_ref, ["activeStepId", "children", "elementRef", "inline"]);
|
|
375
310
|
|
|
376
311
|
// @docs-props-type StepBarPropsBase
|
|
377
|
-
var _useRef =
|
|
312
|
+
var _useRef = (0,external_react_namespaceObject.useRef)((0,id_namespaceObject.createDOMID)('stepbar')),
|
|
378
313
|
idCounter = _useRef.current;
|
|
379
314
|
|
|
380
315
|
var activeIndex = 0;
|
|
381
|
-
var validChildren =
|
|
316
|
+
var validChildren = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement);
|
|
382
317
|
var lastChildIndex = validChildren.length - 1;
|
|
383
318
|
var clonedChildren = validChildren.map(function (child, idx) {
|
|
384
319
|
var stepId = child.props.stepId || idx;
|
|
@@ -388,12 +323,12 @@ function StepBar(_ref) {
|
|
|
388
323
|
activeIndex = idx;
|
|
389
324
|
}
|
|
390
325
|
|
|
391
|
-
return /*#__PURE__*/
|
|
326
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
|
|
392
327
|
stepId: stepId,
|
|
393
328
|
error: error
|
|
394
329
|
});
|
|
395
330
|
});
|
|
396
|
-
return /*#__PURE__*/external_react_default.
|
|
331
|
+
return /*#__PURE__*/external_react_default().createElement(StepBarStyles_Styled, StepBar_extends({
|
|
397
332
|
$inline: inline,
|
|
398
333
|
"data-test": "step-bar",
|
|
399
334
|
"data-test-active-step-id": activeStepId // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
|
|
@@ -404,7 +339,7 @@ function StepBar(_ref) {
|
|
|
404
339
|
"aria-valuenow": activeIndex + 1,
|
|
405
340
|
$idCounter: idCounter,
|
|
406
341
|
ref: elementRef
|
|
407
|
-
}, otherProps), /*#__PURE__*/external_react_default.
|
|
342
|
+
}, otherProps), /*#__PURE__*/external_react_default().createElement(StepBar_StepBarContext.Provider, {
|
|
408
343
|
value: {
|
|
409
344
|
idCounter: idCounter,
|
|
410
345
|
lastChildIndex: lastChildIndex,
|
|
@@ -415,54 +350,11 @@ function StepBar(_ref) {
|
|
|
415
350
|
|
|
416
351
|
StepBar.propTypes = StepBar_propTypes;
|
|
417
352
|
StepBar.Step = StepBar_Step;
|
|
418
|
-
/* harmony default export */
|
|
419
|
-
|
|
420
|
-
// CONCATENATED MODULE: ./src/StepBar/index.ts
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
/***/ }),
|
|
425
|
-
|
|
426
|
-
/***/ 2:
|
|
427
|
-
/***/ (function(module, exports) {
|
|
428
|
-
|
|
429
|
-
module.exports = require("react");
|
|
430
|
-
|
|
431
|
-
/***/ }),
|
|
432
|
-
|
|
433
|
-
/***/ 3:
|
|
434
|
-
/***/ (function(module, exports) {
|
|
435
|
-
|
|
436
|
-
module.exports = require("styled-components");
|
|
437
|
-
|
|
438
|
-
/***/ }),
|
|
439
|
-
|
|
440
|
-
/***/ 68:
|
|
441
|
-
/***/ (function(module, exports) {
|
|
442
|
-
|
|
443
|
-
module.exports = require("@splunk/themes/useSplunkTheme");
|
|
444
|
-
|
|
445
|
-
/***/ }),
|
|
446
|
-
|
|
447
|
-
/***/ 70:
|
|
448
|
-
/***/ (function(module, exports) {
|
|
449
|
-
|
|
450
|
-
module.exports = require("@splunk/react-icons/CheckCircle");
|
|
451
|
-
|
|
452
|
-
/***/ }),
|
|
453
|
-
|
|
454
|
-
/***/ 71:
|
|
455
|
-
/***/ (function(module, exports) {
|
|
456
|
-
|
|
457
|
-
module.exports = require("@splunk/react-icons/ExclamationCircle");
|
|
458
|
-
|
|
459
|
-
/***/ }),
|
|
460
|
-
|
|
461
|
-
/***/ 8:
|
|
462
|
-
/***/ (function(module, exports) {
|
|
353
|
+
/* harmony default export */ const StepBar_StepBar = (StepBar);
|
|
463
354
|
|
|
464
|
-
|
|
355
|
+
;// CONCATENATED MODULE: ./src/StepBar/index.ts
|
|
465
356
|
|
|
466
|
-
/***/ })
|
|
467
357
|
|
|
468
|
-
|
|
358
|
+
module.exports = __webpack_exports__;
|
|
359
|
+
/******/ })()
|
|
360
|
+
;
|