@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/Slider.js CHANGED
@@ -1,265 +1,160 @@
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 = 235);
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
- /***/ 11:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("lodash/has");
108
-
109
- /***/ }),
110
-
111
- /***/ 156:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("decimal.js-light");
115
-
116
- /***/ }),
117
-
118
- /***/ 16:
119
- /***/ (function(module, exports) {
120
-
121
- module.exports = require("@splunk/react-ui/EventListener");
122
-
123
- /***/ }),
124
-
125
- /***/ 2:
126
- /***/ (function(module, exports) {
127
-
128
- module.exports = require("react");
129
-
130
- /***/ }),
131
-
132
- /***/ 21:
133
- /***/ (function(module, exports) {
134
-
135
- module.exports = require("@splunk/react-ui/Popover");
136
-
137
- /***/ }),
138
-
139
- /***/ 235:
140
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
141
-
142
- "use strict";
48
+ var __webpack_exports__ = {};
143
49
  // ESM COMPAT FLAG
144
50
  __webpack_require__.r(__webpack_exports__);
145
51
 
146
52
  // EXPORTS
147
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Slider_Slider; });
148
-
149
- // EXTERNAL MODULE: external "react"
150
- var external_react_ = __webpack_require__(2);
151
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
152
-
153
- // EXTERNAL MODULE: external "prop-types"
154
- var external_prop_types_ = __webpack_require__(1);
155
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
156
-
157
- // EXTERNAL MODULE: external "decimal.js-light"
158
- var external_decimal_js_light_ = __webpack_require__(156);
159
- var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_);
160
-
161
- // EXTERNAL MODULE: external "lodash/has"
162
- var has_ = __webpack_require__(11);
163
- var has_default = /*#__PURE__*/__webpack_require__.n(has_);
164
-
165
- // EXTERNAL MODULE: external "lodash/keys"
166
- var keys_ = __webpack_require__(9);
167
- var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
168
-
169
- // EXTERNAL MODULE: external "lodash/omit"
170
- var omit_ = __webpack_require__(5);
171
- var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
172
-
173
- // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
174
- var keyboard_ = __webpack_require__(7);
175
-
176
- // EXTERNAL MODULE: external "@splunk/themes"
177
- var themes_ = __webpack_require__(0);
178
-
179
- // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
180
- var EventListener_ = __webpack_require__(16);
181
- var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
182
-
183
- // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
184
- var Popover_ = __webpack_require__(21);
185
- var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
186
-
187
- // EXTERNAL MODULE: external "styled-components"
188
- var external_styled_components_ = __webpack_require__(3);
189
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
190
-
191
- // EXTERNAL MODULE: external "tinycolor2"
192
- var external_tinycolor2_ = __webpack_require__(69);
193
- var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_);
194
-
195
- // EXTERNAL MODULE: external "@splunk/react-ui/Box"
196
- var Box_ = __webpack_require__(6);
197
- var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
198
-
199
- // CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
200
-
201
-
202
-
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* reexport */ Slider_Slider)
55
+ });
203
56
 
204
- var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: external "prop-types"
61
+ const external_prop_types_namespaceObject = require("prop-types");
62
+ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
63
+ ;// CONCATENATED MODULE: external "decimal.js-light"
64
+ const external_decimal_js_light_namespaceObject = require("decimal.js-light");
65
+ var external_decimal_js_light_default = /*#__PURE__*/__webpack_require__.n(external_decimal_js_light_namespaceObject);
66
+ ;// CONCATENATED MODULE: external "lodash/has"
67
+ const has_namespaceObject = require("lodash/has");
68
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
69
+ ;// CONCATENATED MODULE: external "lodash/keys"
70
+ const keys_namespaceObject = require("lodash/keys");
71
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_namespaceObject);
72
+ ;// CONCATENATED MODULE: external "lodash/omit"
73
+ const omit_namespaceObject = require("lodash/omit");
74
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
75
+ ;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
76
+ const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
77
+ ;// CONCATENATED MODULE: external "@splunk/themes"
78
+ const themes_namespaceObject = require("@splunk/themes");
79
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
80
+ const EventListener_namespaceObject = require("@splunk/react-ui/EventListener");
81
+ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_namespaceObject);
82
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Popover"
83
+ const Popover_namespaceObject = require("@splunk/react-ui/Popover");
84
+ var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_namespaceObject);
85
+ ;// CONCATENATED MODULE: external "styled-components"
86
+ const external_styled_components_namespaceObject = require("styled-components");
87
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
88
+ ;// CONCATENATED MODULE: external "tinycolor2"
89
+ const external_tinycolor2_namespaceObject = require("tinycolor2");
90
+ var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_tinycolor2_namespaceObject);
91
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
92
+ const Box_namespaceObject = require("@splunk/react-ui/Box");
93
+ var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
94
+ ;// CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
95
+
96
+
97
+
98
+
99
+ var StyledBox = external_styled_components_default()((Box_default())).withConfig({
205
100
  displayName: "SliderStyles__StyledBox",
206
101
  componentId: "sc-16ooit4-0"
207
- })(["", ";flex:1 1 auto;&[data-inline]{width:300px;}"], themes_["mixins"].reset('block'));
208
- var StyledInput = external_styled_components_default.a.div.withConfig({
102
+ })(["", ";flex:1 1 auto;&[data-inline]{width:300px;}"], themes_namespaceObject.mixins.reset('block'));
103
+ var StyledInput = external_styled_components_default().div.withConfig({
209
104
  displayName: "SliderStyles__StyledInput",
210
105
  componentId: "sc-16ooit4-1"
211
- })(["flex:1 0 0;vertical-align:middle;position:relative;cursor:default;height:", ";max-width:100%;"], themes_["variables"].inputHeight);
106
+ })(["flex:1 0 0;vertical-align:middle;position:relative;cursor:default;height:", ";max-width:100%;"], themes_namespaceObject.variables.inputHeight);
212
107
  var notchWidth = '1px';
213
108
 
214
- var SliderStyles_sliderBarLeftSideColor = function sliderBarLeftSideColor(_ref) {
109
+ var sliderBarLeftSideColor = function sliderBarLeftSideColor(_ref) {
215
110
  var $error = _ref.$error;
216
- return Object(themes_["pick"])({
217
- enterprise: themes_["variables"].gray45,
218
- prisma: $error ? themes_["variables"].accentColorNegative : themes_["variables"].contentColorActive
111
+ return (0,themes_namespaceObject.pick)({
112
+ enterprise: themes_namespaceObject.variables.gray45,
113
+ prisma: $error ? themes_namespaceObject.variables.accentColorNegative : themes_namespaceObject.variables.contentColorActive
219
114
  });
220
115
  };
221
116
 
222
- var sliderBarStepMarksColor = Object(themes_["pick"])({
117
+ var sliderBarStepMarksColor = (0,themes_namespaceObject.pick)({
223
118
  enterprise: {
224
- dark: themes_["variables"].gray20,
225
- light: themes_["variables"].gray96
119
+ dark: themes_namespaceObject.variables.gray20,
120
+ light: themes_namespaceObject.variables.gray96
226
121
  },
227
- prisma: themes_["variables"].neutral100
122
+ prisma: themes_namespaceObject.variables.neutral100
228
123
  });
229
- var sliderBarRightSideColor = Object(themes_["pick"])({
230
- enterprise: themes_["variables"].gray80,
231
- prisma: themes_["variables"].interactiveColorBorder
124
+ var sliderBarRightSideColor = (0,themes_namespaceObject.pick)({
125
+ enterprise: themes_namespaceObject.variables.gray80,
126
+ prisma: themes_namespaceObject.variables.interactiveColorBorder
232
127
  });
233
128
 
234
- var SliderStyles_stepMarksBackground = function stepMarksBackground(_ref2) {
129
+ var stepMarksBackground = function stepMarksBackground(_ref2) {
235
130
  var $error = _ref2.$error,
236
131
  $position = _ref2.$position,
237
132
  $stepMarksWidth = _ref2.$stepMarksWidth;
238
133
 
239
134
  /* stylelint-disable indentation */
240
- return $stepMarksWidth !== undefined ? Object(external_styled_components_["css"])(["background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );"], SliderStyles_sliderBarLeftSideColor({
135
+ return $stepMarksWidth !== undefined ? (0,external_styled_components_namespaceObject.css)(["background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );"], sliderBarLeftSideColor({
241
136
  $error: $error
242
- }), SliderStyles_sliderBarLeftSideColor({
137
+ }), sliderBarLeftSideColor({
243
138
  $error: $error
244
- }), notchWidth, notchWidth, sliderBarStepMarksColor, sliderBarStepMarksColor, notchWidth, notchWidth, $stepMarksWidth, SliderStyles_sliderBarLeftSideColor({
139
+ }), notchWidth, notchWidth, sliderBarStepMarksColor, sliderBarStepMarksColor, notchWidth, notchWidth, $stepMarksWidth, sliderBarLeftSideColor({
245
140
  $error: $error
246
- }), SliderStyles_sliderBarLeftSideColor({
141
+ }), sliderBarLeftSideColor({
247
142
  $error: $error
248
- }), $position, sliderBarRightSideColor, $position, sliderBarRightSideColor) : Object(external_styled_components_["css"])(["background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );"], SliderStyles_sliderBarLeftSideColor({
143
+ }), $position, sliderBarRightSideColor, $position, sliderBarRightSideColor) : (0,external_styled_components_namespaceObject.css)(["background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );"], sliderBarLeftSideColor({
249
144
  $error: $error
250
- }), SliderStyles_sliderBarLeftSideColor({
145
+ }), sliderBarLeftSideColor({
251
146
  $error: $error
252
147
  }), $position, sliderBarRightSideColor, $position, sliderBarRightSideColor);
253
148
  /* stylelint-enable indentation */
254
149
  };
255
150
 
256
- var StyledSliderBar = external_styled_components_default.a.div.withConfig({
151
+ var StyledSliderBar = external_styled_components_default().div.withConfig({
257
152
  displayName: "SliderStyles__StyledSliderBar",
258
153
  componentId: "sc-16ooit4-2"
259
- })(["position:absolute;top:", ";left:0;height:", ";width:100%;border-radius:2.5px;", ""], Object(themes_["pick"])({
154
+ })(["position:absolute;top:", ";left:0;height:", ";width:100%;border-radius:2.5px;", ""], (0,themes_namespaceObject.pick)({
260
155
  enterprise: '12px',
261
156
  prisma: '18px'
262
- }), Object(themes_["pick"])({
157
+ }), (0,themes_namespaceObject.pick)({
263
158
  enterprise: '5px',
264
159
  prisma: '4px'
265
160
  }), function (_ref3) {
@@ -267,86 +162,86 @@ var StyledSliderBar = external_styled_components_default.a.div.withConfig({
267
162
  $error = _ref3.$error,
268
163
  $position = _ref3.$position,
269
164
  $stepMarksWidth = _ref3.$stepMarksWidth;
270
- return $disabled ? Object(external_styled_components_["css"])(["background-color:", ";"], Object(themes_["pick"])({
271
- enterprise: themes_["variables"].gray92,
272
- prisma: themes_["variables"].contentColorDisabled
273
- })) : SliderStyles_stepMarksBackground({
165
+ return $disabled ? (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], (0,themes_namespaceObject.pick)({
166
+ enterprise: themes_namespaceObject.variables.gray92,
167
+ prisma: themes_namespaceObject.variables.contentColorDisabled
168
+ })) : stepMarksBackground({
274
169
  $error: $error,
275
170
  $position: $position,
276
171
  $stepMarksWidth: $stepMarksWidth
277
172
  });
278
173
  });
279
- var sliderThumbWidth = Object(themes_["pick"])({
174
+ var sliderThumbWidth = (0,themes_namespaceObject.pick)({
280
175
  enterprise: 18,
281
176
  prisma: 20
282
177
  });
283
- var StyledSliderThumb = external_styled_components_default.a.button.withConfig({
178
+ var StyledSliderThumb = external_styled_components_default().button.withConfig({
284
179
  displayName: "SliderStyles__StyledSliderThumb",
285
180
  componentId: "sc-16ooit4-3"
286
- })(["", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active{outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", ""], themes_["mixins"].reset('inline'), sliderThumbWidth, sliderThumbWidth, Object(themes_["pick"])({
181
+ })(["", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active{outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", ""], themes_namespaceObject.mixins.reset('inline'), sliderThumbWidth, sliderThumbWidth, (0,themes_namespaceObject.pick)({
287
182
  enterprise: '9px',
288
183
  prisma: '10px'
289
- }), Object(themes_["pick"])({
290
- enterprise: themes_["variables"].gray45,
291
- prisma: themes_["variables"].contentColorActive
292
- }), Object(themes_["pick"])({
184
+ }), (0,themes_namespaceObject.pick)({
185
+ enterprise: themes_namespaceObject.variables.gray45,
186
+ prisma: themes_namespaceObject.variables.contentColorActive
187
+ }), (0,themes_namespaceObject.pick)({
293
188
  enterprise: '6px',
294
189
  prisma: '10px'
295
190
  }), function (_ref4) {
296
191
  var $position = _ref4.$position;
297
192
  return $position;
298
- }, Object(themes_["pick"])({
299
- enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";"], themes_["variables"].focusShadow)
300
- }), themes_["variables"].focusShadow, Object(themes_["pick"])({
301
- prisma: Object(external_styled_components_["css"])(["background-color:", ";"], themes_["mixins"].overlayColors(themes_["variables"].contentColorActive, themes_["variables"].interactiveColorOverlayActive)),
302
- enterprise: Object(external_styled_components_["css"])(["border-color:", ";"], function (props) {
303
- return external_tinycolor2_default()(themes_["variables"].focusColor(props)).setAlpha(0.8).toRgbString();
193
+ }, (0,themes_namespaceObject.pick)({
194
+ enterprise: (0,external_styled_components_namespaceObject.css)(["box-shadow:", ";"], themes_namespaceObject.variables.focusShadow)
195
+ }), themes_namespaceObject.variables.focusShadow, (0,themes_namespaceObject.pick)({
196
+ prisma: (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.interactiveColorOverlayActive)),
197
+ enterprise: (0,external_styled_components_namespaceObject.css)(["border-color:", ";"], function (props) {
198
+ return external_tinycolor2_default()(themes_namespaceObject.variables.focusColor(props)).setAlpha(0.8).toRgbString();
304
199
  })
305
- }), Object(themes_["pick"])({
306
- enterprise: themes_["variables"].gray92,
307
- prisma: themes_["variables"].neutral400
308
- }), Object(themes_["pick"])({
200
+ }), (0,themes_namespaceObject.pick)({
201
+ enterprise: themes_namespaceObject.variables.gray92,
202
+ prisma: themes_namespaceObject.variables.neutral400
203
+ }), (0,themes_namespaceObject.pick)({
309
204
  prisma: function prisma(_ref5) {
310
205
  var $error = _ref5.$error;
311
- return $error && Object(external_styled_components_["css"])(["background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}"], themes_["variables"].accentColorNegative, themes_["mixins"].overlayColors(themes_["variables"].accentColorNegative, themes_["variables"].interactiveColorOverlayActive));
206
+ return $error && (0,external_styled_components_namespaceObject.css)(["background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}"], themes_namespaceObject.variables.accentColorNegative, themes_namespaceObject.mixins.overlayColors(themes_namespaceObject.variables.accentColorNegative, themes_namespaceObject.variables.interactiveColorOverlayActive));
312
207
  }
313
208
  }));
314
- var StyledPopoverContent = external_styled_components_default.a.div.withConfig({
209
+ var StyledPopoverContent = external_styled_components_default().div.withConfig({
315
210
  displayName: "SliderStyles__StyledPopoverContent",
316
211
  componentId: "sc-16ooit4-4"
317
- })(["padding:", ";font-size:", ";line-height:", ";"], Object(themes_["pick"])({
318
- enterprise: themes_["variables"].spacingHalf,
212
+ })(["padding:", ";font-size:", ";line-height:", ";"], (0,themes_namespaceObject.pick)({
213
+ enterprise: themes_namespaceObject.variables.spacingHalf,
319
214
  prisma: '12px 16px'
320
- }), Object(themes_["pick"])({
321
- enterprise: themes_["variables"].fontSizeSmall,
215
+ }), (0,themes_namespaceObject.pick)({
216
+ enterprise: themes_namespaceObject.variables.fontSizeSmall,
322
217
  prisma: '14px'
323
- }), Object(themes_["pick"])({
218
+ }), (0,themes_namespaceObject.pick)({
324
219
  enterprise: '18px',
325
220
  prisma: '24px'
326
221
  }));
327
- var label = Object(external_styled_components_["css"])(["flex:0 0 auto;line-height:", ";", ""], themes_["variables"].inputHeight, function (_ref6) {
222
+ var label = (0,external_styled_components_namespaceObject.css)(["flex:0 0 auto;line-height:", ";", ""], themes_namespaceObject.variables.inputHeight, function (_ref6) {
328
223
  var $disabled = _ref6.$disabled;
329
- return $disabled && Object(external_styled_components_["css"])(["color:", ";"], Object(themes_["pick"])({
330
- enterprise: themes_["variables"].textDisabledColor,
331
- prisma: themes_["variables"].contentColorDisabled
224
+ return $disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], (0,themes_namespaceObject.pick)({
225
+ enterprise: themes_namespaceObject.variables.textDisabledColor,
226
+ prisma: themes_namespaceObject.variables.contentColorDisabled
332
227
  }));
333
228
  });
334
- var StyledMinLabelBox = external_styled_components_default()(Box_default.a).withConfig({
229
+ var StyledMinLabelBox = external_styled_components_default()((Box_default())).withConfig({
335
230
  displayName: "SliderStyles__StyledMinLabelBox",
336
231
  componentId: "sc-16ooit4-5"
337
- })(["", ";margin-right:", ";text-align:right;"], label, Object(themes_["pick"])({
232
+ })(["", ";margin-right:", ";text-align:right;"], label, (0,themes_namespaceObject.pick)({
338
233
  enterprise: '15px',
339
234
  prisma: '16px'
340
235
  }));
341
- var StyledMaxLabelBox = external_styled_components_default()(Box_default.a).withConfig({
236
+ var StyledMaxLabelBox = external_styled_components_default()((Box_default())).withConfig({
342
237
  displayName: "SliderStyles__StyledMaxLabelBox",
343
238
  componentId: "sc-16ooit4-6"
344
- })(["", ";margin-left:", ";text-align:left;"], label, Object(themes_["pick"])({
239
+ })(["", ";margin-left:", ";text-align:left;"], label, (0,themes_namespaceObject.pick)({
345
240
  enterprise: '15px',
346
241
  prisma: '16px'
347
242
  }));
348
243
 
349
- // CONCATENATED MODULE: ./src/Slider/Slider.tsx
244
+ ;// CONCATENATED MODULE: ./src/Slider/Slider.tsx
350
245
  function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
351
246
 
352
247
  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); }
@@ -385,29 +280,29 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
385
280
 
386
281
 
387
282
  var propTypes = {
388
- defaultValue: external_prop_types_default.a.number,
389
- describedBy: external_prop_types_default.a.string,
390
- disabled: external_prop_types_default.a.bool,
391
- displayValue: external_prop_types_default.a.string,
392
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
393
- error: external_prop_types_default.a.bool,
394
- inline: external_prop_types_default.a.bool,
395
- labelledBy: external_prop_types_default.a.string,
396
- max: external_prop_types_default.a.number,
397
- maxLabel: external_prop_types_default.a.node,
398
- min: external_prop_types_default.a.number,
399
- minLabel: external_prop_types_default.a.node,
400
- name: external_prop_types_default.a.string,
401
- onChange: external_prop_types_default.a.func,
283
+ defaultValue: (external_prop_types_default()).number,
284
+ describedBy: (external_prop_types_default()).string,
285
+ disabled: (external_prop_types_default()).bool,
286
+ displayValue: (external_prop_types_default()).string,
287
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
288
+ error: (external_prop_types_default()).bool,
289
+ inline: (external_prop_types_default()).bool,
290
+ labelledBy: (external_prop_types_default()).string,
291
+ max: (external_prop_types_default()).number,
292
+ maxLabel: (external_prop_types_default()).node,
293
+ min: (external_prop_types_default()).number,
294
+ minLabel: (external_prop_types_default()).node,
295
+ name: (external_prop_types_default()).string,
296
+ onChange: (external_prop_types_default()).func,
402
297
 
403
298
  /** @private. */
404
- required: external_prop_types_default.a.bool,
405
- step: external_prop_types_default.a.number,
406
- stepMarks: external_prop_types_default.a.oneOf(['focus', 'always', 'never']),
299
+ required: (external_prop_types_default()).bool,
300
+ step: (external_prop_types_default()).number,
301
+ stepMarks: external_prop_types_default().oneOf(['focus', 'always', 'never']),
407
302
 
408
303
  /** @private */
409
- splunkTheme: external_prop_types_default.a.object,
410
- value: external_prop_types_default.a.number
304
+ splunkTheme: (external_prop_types_default()).object,
305
+ value: (external_prop_types_default()).number
411
306
  };
412
307
  var defaultProps = {
413
308
  disabled: false,
@@ -419,7 +314,7 @@ var defaultProps = {
419
314
  stepMarks: 'focus'
420
315
  };
421
316
 
422
- var Slider_Slider = /*#__PURE__*/function (_Component) {
317
+ var Slider = /*#__PURE__*/function (_Component) {
423
318
  _inherits(Slider, _Component);
424
319
 
425
320
  var _super = _createSuper(Slider);
@@ -492,14 +387,14 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
492
387
  if (val !== undefined) {
493
388
  var step = _this.props.step;
494
389
 
495
- if (Object(keyboard_["keycode"])(e.nativeEvent) === 'right') {
390
+ if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'right') {
496
391
  val = _this.checkValueBounds(val + step);
497
- } else if (Object(keyboard_["keycode"])(e.nativeEvent) === 'left') {
392
+ } else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'left') {
498
393
  val = _this.checkValueBounds(val - step);
499
- } else if (Object(keyboard_["keycode"])(e.nativeEvent) === 'up') {
394
+ } else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'up') {
500
395
  e.preventDefault();
501
396
  val = _this.checkValueBounds(val + step);
502
- } else if (Object(keyboard_["keycode"])(e.nativeEvent) === 'down') {
397
+ } else if ((0,keyboard_namespaceObject.keycode)(e.nativeEvent) === 'down') {
503
398
  e.preventDefault();
504
399
  val = _this.checkValueBounds(val - step);
505
400
  } else {
@@ -584,7 +479,7 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
584
479
 
585
480
  _defineProperty(_assertThisInitialized(_this), "roundValueToStep", function (val) {
586
481
  var step = _this.props.step;
587
- return new external_decimal_js_light_default.a(val).div(step).todp(0).mul(step).toNumber();
482
+ return new (external_decimal_js_light_default())(val).div(step).todp(0).mul(step).toNumber();
588
483
  });
589
484
 
590
485
  _defineProperty(_assertThisInitialized(_this), "valueToPosition", function (val) {
@@ -608,9 +503,7 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
608
503
 
609
504
  if (false) {}
610
505
 
611
- if (props.min >= props.max && process.env.NODE_ENV !== "production") {
612
- throw new Error('Error in Slider: max must be greater than min');
613
- }
506
+ if (props.min >= props.max && process.env.NODE_ENV !== "production") {}
614
507
 
615
508
  return _this;
616
509
  }
@@ -721,26 +614,26 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
721
614
  var boxProps = omit_default()(this.props, keys_default()(Slider.propTypes));
722
615
  /* eslint-disable jsx-a11y/no-static-element-interactions */
723
616
 
724
- return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
617
+ return /*#__PURE__*/external_react_default().createElement(StyledBox, _extends({
725
618
  "data-test": "slider",
726
619
  "data-test-value": currentValue,
727
620
  elementRef: elementRef,
728
621
  flex: true,
729
622
  inline: inline
730
- }, boxProps), selected && /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
623
+ }, boxProps), selected && /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
731
624
  target: window,
732
625
  eventType: "mouseup",
733
626
  listener: this.handleMouseUp
734
- }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
627
+ }), /*#__PURE__*/external_react_default().createElement((EventListener_default()), {
735
628
  target: window,
736
629
  eventType: "mousemove",
737
630
  listener: this.handleMouseMove
738
- })), minLabel !== null && /*#__PURE__*/external_react_default.a.createElement(StyledMinLabelBox, {
631
+ })), minLabel !== null && /*#__PURE__*/external_react_default().createElement(StyledMinLabelBox, {
739
632
  "data-test": "min-label",
740
633
  $disabled: disabled
741
- }, minLabel || min), /*#__PURE__*/external_react_default.a.createElement(StyledInput, {
634
+ }, minLabel || min), /*#__PURE__*/external_react_default().createElement(StyledInput, {
742
635
  onClick: disabled ? undefined : this.handleClick
743
- }, /*#__PURE__*/external_react_default.a.createElement(StyledSliderBar, {
636
+ }, /*#__PURE__*/external_react_default().createElement(StyledSliderBar, {
744
637
  "aria-required": required,
745
638
  "data-test": "bar",
746
639
  $disabled: disabled,
@@ -748,7 +641,7 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
748
641
  $error: error,
749
642
  $position: position,
750
643
  $stepMarksWidth: stepMarksWidth
751
- }), /*#__PURE__*/external_react_default.a.createElement(StyledSliderThumb, {
644
+ }), /*#__PURE__*/external_react_default().createElement(StyledSliderThumb, {
752
645
  "aria-describedby": describedBy,
753
646
  "aria-labelledby": labelledBy,
754
647
  "aria-invalid": error,
@@ -769,12 +662,12 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
769
662
  disabled: disabled,
770
663
  $error: error,
771
664
  $position: position
772
- }), /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
665
+ }), /*#__PURE__*/external_react_default().createElement((Popover_default()), {
773
666
  open: this.state.showTooltip,
774
667
  anchor: this.sliderThumb,
775
668
  appearance: "inverted",
776
669
  align: "center"
777
- }, /*#__PURE__*/external_react_default.a.createElement(StyledPopoverContent, null, displayValue || currentValue))), maxLabel !== null && /*#__PURE__*/external_react_default.a.createElement(StyledMaxLabelBox, {
670
+ }, /*#__PURE__*/external_react_default().createElement(StyledPopoverContent, null, displayValue || currentValue))), maxLabel !== null && /*#__PURE__*/external_react_default().createElement(StyledMaxLabelBox, {
778
671
  "data-test": "max-label",
779
672
  $disabled: disabled
780
673
  }, maxLabel || max));
@@ -783,61 +676,18 @@ var Slider_Slider = /*#__PURE__*/function (_Component) {
783
676
  }]);
784
677
 
785
678
  return Slider;
786
- }(external_react_["Component"]);
787
-
788
- _defineProperty(Slider_Slider, "propTypes", propTypes);
789
-
790
- _defineProperty(Slider_Slider, "defaultProps", defaultProps);
791
-
792
- var SliderWithTheme = Object(themes_["withSplunkTheme"])(Slider_Slider);
793
- SliderWithTheme.propTypes = Slider_Slider.propTypes;
794
- /* harmony default export */ var src_Slider_Slider = (SliderWithTheme);
795
- // CONCATENATED MODULE: ./src/Slider/index.ts
796
-
797
-
798
-
799
- /***/ }),
800
-
801
- /***/ 3:
802
- /***/ (function(module, exports) {
803
-
804
- module.exports = require("styled-components");
805
-
806
- /***/ }),
807
-
808
- /***/ 5:
809
- /***/ (function(module, exports) {
810
-
811
- module.exports = require("lodash/omit");
812
-
813
- /***/ }),
814
-
815
- /***/ 6:
816
- /***/ (function(module, exports) {
817
-
818
- module.exports = require("@splunk/react-ui/Box");
819
-
820
- /***/ }),
821
-
822
- /***/ 69:
823
- /***/ (function(module, exports) {
824
-
825
- module.exports = require("tinycolor2");
826
-
827
- /***/ }),
828
-
829
- /***/ 7:
830
- /***/ (function(module, exports) {
831
-
832
- module.exports = require("@splunk/ui-utils/keyboard");
679
+ }(external_react_namespaceObject.Component);
833
680
 
834
- /***/ }),
681
+ _defineProperty(Slider, "propTypes", propTypes);
835
682
 
836
- /***/ 9:
837
- /***/ (function(module, exports) {
683
+ _defineProperty(Slider, "defaultProps", defaultProps);
838
684
 
839
- module.exports = require("lodash/keys");
685
+ var SliderWithTheme = (0,themes_namespaceObject.withSplunkTheme)(Slider);
686
+ SliderWithTheme.propTypes = Slider.propTypes;
687
+ /* harmony default export */ const Slider_Slider = (SliderWithTheme);
688
+ ;// CONCATENATED MODULE: ./src/Slider/index.ts
840
689
 
841
- /***/ })
842
690
 
843
- /******/ });
691
+ module.exports = __webpack_exports__;
692
+ /******/ })()
693
+ ;