@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.
Files changed (114) 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.d.ts +2 -0
  7. package/Breadcrumbs.js +207 -0
  8. package/Button.js +168 -316
  9. package/ButtonGroup.js +84 -168
  10. package/ButtonSimple.js +224 -324
  11. package/CHANGELOG.md +35 -0
  12. package/Calendar.js +264 -462
  13. package/Card.js +223 -371
  14. package/CardLayout.js +87 -163
  15. package/Chip.js +199 -323
  16. package/Clickable.js +132 -248
  17. package/CloseButton.js +92 -200
  18. package/Code.js +188 -251
  19. package/CollapsiblePanel.js +214 -370
  20. package/Color.js +267 -495
  21. package/ColumnLayout.js +152 -254
  22. package/ComboBox.js +197 -371
  23. package/Concertina.js +214 -374
  24. package/ControlGroup.js +164 -288
  25. package/Date.js +154 -304
  26. package/DefinitionList.js +104 -180
  27. package/Divider.js +80 -156
  28. package/Dropdown.js +121 -263
  29. package/DualListbox.js +408 -601
  30. package/EventListener.js +70 -138
  31. package/File.js +343 -547
  32. package/FormRows.js +232 -414
  33. package/Heading.js +94 -164
  34. package/Image.js +167 -323
  35. package/JSONTree.js +166 -314
  36. package/Layer.js +221 -388
  37. package/Link.js +133 -239
  38. package/List.js +85 -161
  39. package/Markdown.js +230 -355
  40. package/Menu.js +396 -647
  41. package/Message.js +248 -437
  42. package/MessageBar.js +220 -408
  43. package/Modal.js +201 -365
  44. package/ModalLayer.js +96 -196
  45. package/Monogram.js +112 -204
  46. package/Multiselect.js +2675 -2807
  47. package/Number.js +178 -334
  48. package/Paginator.js +170 -336
  49. package/Paragraph.js +77 -153
  50. package/Popover.js +436 -623
  51. package/Progress.js +139 -255
  52. package/RadioBar.js +156 -280
  53. package/RadioList.js +182 -282
  54. package/Resize.js +173 -307
  55. package/ResultsMenu.js +183 -304
  56. package/ScreenReaderContent.js +75 -151
  57. package/Scroll.js +125 -267
  58. package/ScrollContainerContext.js +129 -201
  59. package/Search.js +188 -354
  60. package/Select.js +1243 -1248
  61. package/SidePanel.js +106 -214
  62. package/Slider.js +198 -348
  63. package/SlidingPanels.js +138 -280
  64. package/SplitButton.js +141 -273
  65. package/StaticContent.js +84 -168
  66. package/StepBar.js +138 -246
  67. package/Switch.js +261 -385
  68. package/TabBar.js +261 -398
  69. package/TabLayout.js +122 -238
  70. package/Table.js +975 -1447
  71. package/Text.js +335 -549
  72. package/TextArea.js +315 -537
  73. package/Tooltip.js +152 -292
  74. package/TransitionOpen.js +118 -242
  75. package/Typography.js +81 -157
  76. package/WaitSpinner.js +117 -209
  77. package/package.json +20 -21
  78. package/stubs-splunkui.d.ts +4 -1
  79. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
  80. package/types/src/Breadcrumbs/Item.d.ts +42 -0
  81. package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
  82. package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
  83. package/types/src/Breadcrumbs/index.d.ts +2 -0
  84. package/types/src/Code/Code.d.ts +1 -1
  85. package/types/src/ComboBox/Option.d.ts +1 -1
  86. package/types/src/Concertina/Concertina.d.ts +4 -0
  87. package/types/src/Link/Link.d.ts +12 -3
  88. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  89. package/types/src/Markdown/Markdown.d.ts +1 -1
  90. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  91. package/types/src/Menu/Item.d.ts +1 -1
  92. package/types/src/Menu/Menu.d.ts +1 -0
  93. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  94. package/types/src/Multiselect/Compact.d.ts +4 -0
  95. package/types/src/Multiselect/Multiselect.d.ts +5 -0
  96. package/types/src/Multiselect/Option.d.ts +1 -1
  97. package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
  98. package/types/src/Search/Option.d.ts +1 -1
  99. package/types/src/Select/Option.d.ts +1 -1
  100. package/types/src/Select/OptionBase.d.ts +1 -1
  101. package/types/src/Select/SelectAllOption.d.ts +14 -0
  102. package/types/src/Select/SelectBase.d.ts +11 -3
  103. package/types/src/Table/Table.d.ts +4 -0
  104. package/types/src/Text/Text.d.ts +3 -3
  105. package/types/src/TextArea/TextArea.d.ts +3 -3
  106. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  107. package/useForceUpdate.js +46 -110
  108. package/useKeyPress.js +50 -107
  109. package/usePrevious.js +47 -111
  110. package/useRovingFocus.js +53 -133
  111. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  112. package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
  113. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  114. /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 = 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__, "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__(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
- // 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
- /***/ 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
- 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
+ ;