@splunk/react-ui 4.20.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.
Files changed (98) hide show
  1. package/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.js +105 -197
  7. package/Button.js +168 -316
  8. package/ButtonGroup.js +84 -168
  9. package/ButtonSimple.js +224 -324
  10. package/CHANGELOG.md +21 -0
  11. package/Calendar.js +264 -462
  12. package/Card.js +223 -371
  13. package/CardLayout.js +87 -163
  14. package/Chip.js +199 -323
  15. package/Clickable.js +128 -246
  16. package/CloseButton.js +92 -200
  17. package/Code.js +162 -250
  18. package/CollapsiblePanel.js +214 -370
  19. package/Color.js +267 -495
  20. package/ColumnLayout.js +152 -254
  21. package/ComboBox.js +197 -371
  22. package/Concertina.js +214 -374
  23. package/ControlGroup.js +164 -288
  24. package/Date.js +154 -304
  25. package/DefinitionList.js +104 -180
  26. package/Divider.js +80 -156
  27. package/Dropdown.js +121 -263
  28. package/DualListbox.js +408 -601
  29. package/EventListener.js +70 -138
  30. package/File.js +343 -547
  31. package/FormRows.js +232 -414
  32. package/Heading.js +94 -164
  33. package/Image.js +167 -323
  34. package/JSONTree.js +166 -314
  35. package/Layer.js +221 -388
  36. package/Link.js +133 -239
  37. package/List.js +85 -161
  38. package/Markdown.js +230 -354
  39. package/Menu.js +489 -760
  40. package/Message.js +248 -437
  41. package/MessageBar.js +220 -408
  42. package/Modal.js +201 -365
  43. package/ModalLayer.js +96 -196
  44. package/Monogram.js +112 -204
  45. package/Multiselect.js +1135 -1761
  46. package/Number.js +178 -334
  47. package/Paginator.js +170 -336
  48. package/Paragraph.js +77 -153
  49. package/Popover.js +370 -620
  50. package/Progress.js +139 -255
  51. package/RadioBar.js +156 -280
  52. package/RadioList.js +182 -282
  53. package/Resize.js +173 -307
  54. package/ResultsMenu.js +161 -303
  55. package/ScreenReaderContent.js +75 -151
  56. package/Scroll.js +125 -267
  57. package/ScrollContainerContext.js +129 -201
  58. package/Search.js +188 -354
  59. package/Select.js +1028 -1430
  60. package/SidePanel.js +106 -214
  61. package/Slider.js +198 -348
  62. package/SlidingPanels.js +138 -280
  63. package/SplitButton.js +141 -273
  64. package/StaticContent.js +84 -168
  65. package/StepBar.js +138 -246
  66. package/Switch.js +261 -385
  67. package/TabBar.js +261 -398
  68. package/TabLayout.js +122 -238
  69. package/Table.js +943 -1448
  70. package/Text.js +335 -549
  71. package/TextArea.js +315 -537
  72. package/Tooltip.js +152 -292
  73. package/TransitionOpen.js +118 -242
  74. package/Typography.js +81 -157
  75. package/WaitSpinner.js +117 -209
  76. package/package.json +14 -15
  77. package/stubs-splunkui.d.ts +4 -1
  78. package/types/src/ComboBox/Option.d.ts +1 -1
  79. package/types/src/Concertina/Concertina.d.ts +4 -0
  80. package/types/src/Link/Link.d.ts +7 -3
  81. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  82. package/types/src/Markdown/Markdown.d.ts +1 -1
  83. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  84. package/types/src/Menu/Item.d.ts +1 -1
  85. package/types/src/Menu/Menu.d.ts +1 -0
  86. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  87. package/types/src/Multiselect/Option.d.ts +1 -1
  88. package/types/src/Search/Option.d.ts +1 -1
  89. package/types/src/Select/Option.d.ts +1 -1
  90. package/types/src/Select/OptionBase.d.ts +1 -1
  91. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  92. package/useForceUpdate.js +46 -110
  93. package/useKeyPress.js +50 -107
  94. package/usePrevious.js +47 -111
  95. package/useRovingFocus.js +53 -133
  96. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  97. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  98. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/StepBar.js CHANGED
@@ -1,224 +1,159 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
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
- /******/ // Execute the module function
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 = 190);
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
- /***/ 190:
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__, "default", function() { return /* reexport */ StepBar_StepBar; });
113
- __webpack_require__.d(__webpack_exports__, "Step", function() { return /* reexport */ StepBar_Step; });
114
-
115
- // EXTERNAL MODULE: external "react"
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__(70);
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__(72);
136
- var CheckCircle_default = /*#__PURE__*/__webpack_require__.n(CheckCircle_);
137
-
138
- // EXTERNAL MODULE: external "@splunk/react-icons/ExclamationCircle"
139
- var ExclamationCircle_ = __webpack_require__(73);
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
- // CONCATENATED MODULE: ./src/StepBar/StepStyles.ts
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.a.li.withConfig({
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:", ";", ";", ""], themes_["mixins"].reset('block'), Object(themes_["pick"])({
156
- enterprise: Object(external_styled_components_["css"])(["position:relative;flex:1 1 0;"]),
157
- prisma: Object(external_styled_components_["css"])(["display:flex;align-items:center;flex:0 1 auto;margin:0 12px 0 12px;"])
158
- }), Object(themes_["pick"])({
159
- enterprise: Object(external_styled_components_["css"])(["25px 15px 0"]),
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
- }), Object(themes_["pick"])({
165
- prisma: Object(external_styled_components_["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) {
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
- }), Object(themes_["pickVariant"])('$status', {
107
+ }), (0,themes_namespaceObject.pickVariant)('$status', {
173
108
  error: {
174
- prisma: Object(external_styled_components_["css"])(["color:", ";&::before{visibility:hidden;position:absolute;}"], themes_["variables"].contentColorActive)
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: Object(external_styled_components_["css"])(["color:", ";&::before{color:", ";background:", ";border:1px solid ", ";}"], themes_["variables"].contentColorActive, themes_["variables"].contentColorInverted, themes_["variables"].contentColorActive, themes_["variables"].contentColorActive)
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: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].textDisabledColor),
181
- prisma: Object(external_styled_components_["css"])(["color:", ";&::before{color:", ";border:1px solid ", ";}"], themes_["variables"].contentColorMuted, themes_["variables"].contentColorMuted, themes_["variables"].contentColorMuted)
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: Object(external_styled_components_["css"])(["color:", ";&::before{visibility:hidden;position:absolute;}"], themes_["variables"].contentColorDefault)
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 = 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({
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, themes_["variables"].accentColorPositive);
192
- var StyledExclamationCircleIcon = external_styled_components_default()(ExclamationCircle_default.a).withConfig({
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, themes_["variables"].accentColorNegative);
196
- var StyledSvg = external_styled_components_default.a.svg.withConfig({
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.a.rect.withConfig({
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.a.rect.withConfig({
140
+ var StyledGray = external_styled_components_default().rect.withConfig({
206
141
  displayName: "StepStyles__StyledGray",
207
142
  componentId: "sc-756fxp-5"
208
- })(["fill:", ";"], themes_["variables"].gray60);
209
- var StyledNext = external_styled_components_default.a.circle.withConfig({
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:", ";"], themes_["variables"].gray60, themes_["variables"].backgroundColor);
147
+ })(["stroke:", ";stroke-width:3px;fill:", ";"], themes_namespaceObject.variables.gray60, themes_namespaceObject.variables.backgroundColor);
213
148
 
214
- // CONCATENATED MODULE: ./src/StepBar/StepBarContext.tsx
149
+ ;// CONCATENATED MODULE: ./src/StepBar/StepBarContext.tsx
215
150
 
216
- var StepBarContext = /*#__PURE__*/Object(external_react_["createContext"])({
151
+ var StepBarContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({
217
152
  activeStepId: 0
218
153
  });
219
154
  StepBarContext.displayName = 'StepBar';
220
- /* harmony default export */ var StepBar_StepBarContext = (StepBarContext);
221
- // CONCATENATED MODULE: ./src/StepBar/Step.tsx
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.a.node,
235
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
236
- error: external_prop_types_default.a.bool,
237
- stepId: external_prop_types_default.a.any
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 = Object(external_react_["useContext"])(StepBarContext),
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.a.createElement(Styled, _extends({
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.a.createElement(StyledSvg, {
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.a.createElement(StyledGray, {
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.a.createElement(StyledPrevOrActiveRect, {
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.a.createElement(StyledPrevOrActiveRect, {
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.a.createElement(StyledSvg, {
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.a.createElement(StyledPrevOrActiveCircle, {
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.a.createElement(StyledNext, {
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.a.createElement(Styled, _extends({
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.a.createElement(StyledCheckCircleIcon, null), status === 'error' && /*#__PURE__*/external_react_default.a.createElement(StyledExclamationCircleIcon, null), children);
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 */ var StepBar_Step = (Step);
332
- // CONCATENATED MODULE: ./src/StepBar/StepBarStyles.ts
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.a.ul.withConfig({
270
+ var StepBarStyles_Styled = external_styled_components_default().ul.withConfig({
336
271
  displayName: "StepBarStyles__Styled",
337
272
  componentId: "sc-13bf2x4-0"
338
- })(["", ";", ";", ";"], themes_["mixins"].reset('flex'), Object(themes_["pick"])({
339
- prisma: Object(external_styled_components_["css"])(["position:relative;display:flex;counter-reset:", ";"], function (_ref) {
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 && Object(external_styled_components_["css"])(["display:inline-flex;"]);
280
+ return $inline && (0,external_styled_components_namespaceObject.css)(["display:inline-flex;"]);
346
281
  });
347
282
 
348
- // CONCATENATED MODULE: ./src/StepBar/StepBar.tsx
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.a.any.isRequired,
363
- children: external_prop_types_default.a.node,
364
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
365
- inline: external_prop_types_default.a.bool
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 = Object(external_react_["useRef"])(Object(id_["createDOMID"])('stepbar')),
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 = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]);
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__*/Object(external_react_["cloneElement"])(child, {
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.a.createElement(StepBarStyles_Styled, StepBar_extends({
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.a.createElement(StepBar_StepBarContext.Provider, {
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 */ var StepBar_StepBar = (StepBar);
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
- /***/ 70:
441
- /***/ (function(module, exports) {
442
-
443
- module.exports = require("@splunk/themes/useSplunkTheme");
444
-
445
- /***/ }),
446
-
447
- /***/ 72:
448
- /***/ (function(module, exports) {
449
-
450
- module.exports = require("@splunk/react-icons/CheckCircle");
451
-
452
- /***/ }),
453
-
454
- /***/ 73:
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
- module.exports = require("@splunk/ui-utils/id");
355
+ ;// CONCATENATED MODULE: ./src/StepBar/index.ts
465
356
 
466
- /***/ })
467
357
 
468
- /******/ });
358
+ module.exports = __webpack_exports__;
359
+ /******/ })()
360
+ ;