@splunk/react-ui 4.44.1 → 4.45.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/Concertina.js +357 -232
- package/File.js +404 -279
- package/Layer.js +149 -84
- package/Multiselect.js +437 -433
- package/Popover.js +150 -146
- package/Resize.js +234 -109
- package/ResultsMenu.js +49 -45
- package/ScrollContainerContext.js +13 -9
- package/Select.js +278 -274
- package/Slider.js +351 -226
- package/Table.js +788 -768
- package/TextArea.js +526 -401
- package/package.json +4 -4
package/Slider.js
CHANGED
|
@@ -8,27 +8,27 @@
|
|
|
8
8
|
/******/ /* webpack/runtime/compat get default export */
|
|
9
9
|
/******/ (() => {
|
|
10
10
|
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
11
|
-
/******/ e.n =
|
|
12
|
-
/******/ var
|
|
13
|
-
/******/ () =>
|
|
14
|
-
/******/ : () =>
|
|
11
|
+
/******/ e.n = t => {
|
|
12
|
+
/******/ var r = t && t.__esModule ?
|
|
13
|
+
/******/ () => t["default"]
|
|
14
|
+
/******/ : () => t
|
|
15
15
|
/******/;
|
|
16
|
-
e.d(
|
|
17
|
-
a:
|
|
16
|
+
e.d(r, {
|
|
17
|
+
a: r
|
|
18
18
|
});
|
|
19
|
-
/******/ return
|
|
19
|
+
/******/ return r;
|
|
20
20
|
/******/ };
|
|
21
21
|
/******/ })();
|
|
22
22
|
/******/
|
|
23
23
|
/******/ /* webpack/runtime/define property getters */
|
|
24
24
|
/******/ (() => {
|
|
25
25
|
/******/ // define getter functions for harmony exports
|
|
26
|
-
/******/ e.d = (
|
|
27
|
-
/******/ for (var n in
|
|
28
|
-
/******/ if (e.o(
|
|
29
|
-
/******/ Object.defineProperty(
|
|
26
|
+
/******/ e.d = (t, r) => {
|
|
27
|
+
/******/ for (var n in r) {
|
|
28
|
+
/******/ if (e.o(r, n) && !e.o(t, n)) {
|
|
29
|
+
/******/ Object.defineProperty(t, n, {
|
|
30
30
|
enumerable: true,
|
|
31
|
-
get:
|
|
31
|
+
get: r[n]
|
|
32
32
|
});
|
|
33
33
|
/******/ }
|
|
34
34
|
/******/ }
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
/******/
|
|
38
38
|
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
39
39
|
/******/ (() => {
|
|
40
|
-
/******/ e.o = (e,
|
|
40
|
+
/******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
|
|
41
41
|
/******/;
|
|
42
42
|
})();
|
|
43
43
|
/******/
|
|
@@ -56,16 +56,16 @@
|
|
|
56
56
|
/******/ };
|
|
57
57
|
/******/ })();
|
|
58
58
|
/******/
|
|
59
|
-
/************************************************************************/ var
|
|
59
|
+
/************************************************************************/ var t = {};
|
|
60
60
|
// ESM COMPAT FLAG
|
|
61
|
-
e.r(
|
|
61
|
+
e.r(t);
|
|
62
62
|
// EXPORTS
|
|
63
|
-
e.d(
|
|
64
|
-
default: () => /* reexport */
|
|
63
|
+
e.d(t, {
|
|
64
|
+
default: () => /* reexport */ he
|
|
65
65
|
});
|
|
66
66
|
// CONCATENATED MODULE: external "react"
|
|
67
|
-
const
|
|
68
|
-
var n = e.n(
|
|
67
|
+
const r = require("react");
|
|
68
|
+
var n = e.n(r);
|
|
69
69
|
// CONCATENATED MODULE: external "prop-types"
|
|
70
70
|
const i = require("prop-types");
|
|
71
71
|
var a = e.n(i);
|
|
@@ -80,14 +80,14 @@
|
|
|
80
80
|
var d = e.n(c);
|
|
81
81
|
// CONCATENATED MODULE: external "lodash/omit"
|
|
82
82
|
const p = require("lodash/omit");
|
|
83
|
-
var
|
|
83
|
+
var f = e.n(p);
|
|
84
84
|
// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
85
|
-
const
|
|
85
|
+
const v = require("@splunk/ui-utils/keyboard");
|
|
86
86
|
// CONCATENATED MODULE: external "@splunk/themes"
|
|
87
87
|
const m = require("@splunk/themes");
|
|
88
88
|
// CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
|
|
89
|
-
const
|
|
90
|
-
var
|
|
89
|
+
const h = require("@splunk/react-ui/EventListener");
|
|
90
|
+
var b = e.n(h);
|
|
91
91
|
// CONCATENATED MODULE: external "@splunk/react-ui/Popover"
|
|
92
92
|
const y = require("@splunk/react-ui/Popover");
|
|
93
93
|
var g = e.n(y);
|
|
@@ -99,20 +99,20 @@
|
|
|
99
99
|
var S = e.n(k);
|
|
100
100
|
// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
101
101
|
const C = require("@splunk/react-ui/Box");
|
|
102
|
-
var
|
|
102
|
+
var E = e.n(C);
|
|
103
103
|
// CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
|
|
104
|
-
var
|
|
104
|
+
var T = w()(E()).withConfig({
|
|
105
105
|
displayName: "SliderStyles__StyledBox",
|
|
106
106
|
componentId: "sc-16ooit4-0"
|
|
107
107
|
})([ "", ";flex:1 1 auto;&[data-inline]{width:300px;}" ], m.mixins.reset("block"));
|
|
108
|
-
var
|
|
108
|
+
var M = w().div.withConfig({
|
|
109
109
|
displayName: "SliderStyles__StyledInput",
|
|
110
110
|
componentId: "sc-16ooit4-1"
|
|
111
111
|
})([ "flex:1 0 0;vertical-align:middle;position:relative;cursor:default;height:", ";max-width:100%;", "" ], m.variables.inputHeight, (function(e) {
|
|
112
|
-
var
|
|
113
|
-
return
|
|
112
|
+
var t = e.$disabled;
|
|
113
|
+
return t && (0, x.css)([ "cursor:not-allowed;" ]);
|
|
114
114
|
}));
|
|
115
|
-
var
|
|
115
|
+
var O = "1px";
|
|
116
116
|
var B = w().div.withConfig({
|
|
117
117
|
displayName: "SliderStyles__StyledSliderBar",
|
|
118
118
|
componentId: "sc-16ooit4-2"
|
|
@@ -124,14 +124,14 @@
|
|
|
124
124
|
enterprise: "5px",
|
|
125
125
|
prisma: "4px"
|
|
126
126
|
}), (function(e) {
|
|
127
|
-
var
|
|
128
|
-
if (
|
|
127
|
+
var t = e.$disabled, r = e.$error, n = e.$position, i = e.$stepMarksWidth;
|
|
128
|
+
if (t) {
|
|
129
129
|
return (0, x.css)([ "background-color:", ";" ], (0, m.pick)({
|
|
130
130
|
enterprise: m.variables.gray92,
|
|
131
131
|
prisma: m.variables.contentColorDisabled
|
|
132
132
|
}));
|
|
133
133
|
}
|
|
134
|
-
var a =
|
|
134
|
+
var a = r ? m.variables.accentColorNegative : (0, m.pick)({
|
|
135
135
|
prisma: m.variables.contentColorActive,
|
|
136
136
|
enterprise: {
|
|
137
137
|
light: m.variables.gray22,
|
|
@@ -149,17 +149,17 @@
|
|
|
149
149
|
enterprise: m.variables.gray60,
|
|
150
150
|
prisma: m.variables.interactiveColorBorder
|
|
151
151
|
});
|
|
152
|
-
return i !== undefined ? (0, x.css)([ "background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a,
|
|
152
|
+
return i !== undefined ? (0, x.css)([ "background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, O, O, o, o, O, O, i, a, a, n, l, n, l) : (0,
|
|
153
153
|
x.css)([ "background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, n, l, n, l);
|
|
154
154
|
}));
|
|
155
|
-
var
|
|
155
|
+
var _ = (0, m.pick)({
|
|
156
156
|
enterprise: 18,
|
|
157
157
|
prisma: 20
|
|
158
158
|
});
|
|
159
159
|
var j = w().button.withConfig({
|
|
160
160
|
displayName: "SliderStyles__StyledSliderThumb",
|
|
161
161
|
componentId: "sc-16ooit4-3"
|
|
162
|
-
})([ "", ";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:not([disabled]){outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], m.mixins.reset("inline"),
|
|
162
|
+
})([ "", ";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:not([disabled]){outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], m.mixins.reset("inline"), _, _, (0,
|
|
163
163
|
m.pick)({
|
|
164
164
|
enterprise: "9px",
|
|
165
165
|
prisma: "10px"
|
|
@@ -173,8 +173,8 @@
|
|
|
173
173
|
enterprise: "6px",
|
|
174
174
|
prisma: "10px"
|
|
175
175
|
}), (function(e) {
|
|
176
|
-
var
|
|
177
|
-
return
|
|
176
|
+
var t = e.$position;
|
|
177
|
+
return t;
|
|
178
178
|
}), (0, m.pick)({
|
|
179
179
|
enterprise: (0, x.css)([ "box-shadow:", ";" ], m.variables.focusShadow)
|
|
180
180
|
}), m.variables.focusShadow, (0, m.pick)({
|
|
@@ -186,8 +186,8 @@
|
|
|
186
186
|
enterprise: m.variables.gray92,
|
|
187
187
|
prisma: m.variables.neutral400
|
|
188
188
|
}), (function(e) {
|
|
189
|
-
var
|
|
190
|
-
return
|
|
189
|
+
var t = e.$error;
|
|
190
|
+
return t && (0, x.css)([ "background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}" ], m.variables.accentColorNegative, (0,
|
|
191
191
|
m.pick)({
|
|
192
192
|
enterprise: m.variables.errorColorD40,
|
|
193
193
|
prisma: m.mixins.overlayColors(m.variables.accentColorNegative, m.variables.interactiveColorOverlayActive)
|
|
@@ -206,65 +206,190 @@
|
|
|
206
206
|
enterprise: "18px",
|
|
207
207
|
prisma: "24px"
|
|
208
208
|
}));
|
|
209
|
-
var
|
|
210
|
-
var
|
|
211
|
-
return
|
|
209
|
+
var q = (0, x.css)([ "flex:0 0 auto;line-height:", ";", "" ], m.variables.inputHeight, (function(e) {
|
|
210
|
+
var t = e.$disabled;
|
|
211
|
+
return t && (0, x.css)([ "color:", ";" ], (0, m.pick)({
|
|
212
212
|
enterprise: m.variables.textDisabledColor,
|
|
213
213
|
prisma: m.variables.contentColorDisabled
|
|
214
214
|
}));
|
|
215
215
|
}));
|
|
216
|
-
var
|
|
216
|
+
var N = w()(E()).withConfig({
|
|
217
217
|
displayName: "SliderStyles__StyledMinLabelBox",
|
|
218
218
|
componentId: "sc-16ooit4-5"
|
|
219
|
-
})([ "", ";margin-right:", ";text-align:right;" ],
|
|
219
|
+
})([ "", ";margin-right:", ";text-align:right;" ], q, (0, m.pick)({
|
|
220
220
|
enterprise: "15px",
|
|
221
221
|
prisma: "16px"
|
|
222
222
|
}));
|
|
223
|
-
var
|
|
223
|
+
var $ = w()(E()).withConfig({
|
|
224
224
|
displayName: "SliderStyles__StyledMaxLabelBox",
|
|
225
225
|
componentId: "sc-16ooit4-6"
|
|
226
|
-
})([ "", ";margin-left:", ";text-align:left;" ],
|
|
226
|
+
})([ "", ";margin-left:", ";text-align:left;" ], q, (0, m.pick)({
|
|
227
227
|
enterprise: "15px",
|
|
228
228
|
prisma: "16px"
|
|
229
229
|
}));
|
|
230
|
+
// CONCATENATED MODULE: ./src/utils/ssrDocument.ts
|
|
231
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
232
|
+
var D = {
|
|
233
|
+
body: {
|
|
234
|
+
appendChild: function e() {
|
|
235
|
+
return [];
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
addEventListener: function e() {},
|
|
239
|
+
removeEventListener: function e() {},
|
|
240
|
+
activeElement: {
|
|
241
|
+
blur: function e() {},
|
|
242
|
+
nodeName: ""
|
|
243
|
+
},
|
|
244
|
+
querySelector: function e() {
|
|
245
|
+
return null;
|
|
246
|
+
},
|
|
247
|
+
querySelectorAll: function e() {
|
|
248
|
+
return [];
|
|
249
|
+
},
|
|
250
|
+
getElementById: function e() {
|
|
251
|
+
return null;
|
|
252
|
+
},
|
|
253
|
+
createEvent: function e() {
|
|
254
|
+
return {
|
|
255
|
+
initEvent: function e() {}
|
|
256
|
+
};
|
|
257
|
+
},
|
|
258
|
+
createElement: function e() {
|
|
259
|
+
return {
|
|
260
|
+
children: [],
|
|
261
|
+
childNodes: [],
|
|
262
|
+
style: {},
|
|
263
|
+
setAttribute: function e() {},
|
|
264
|
+
getElementsByTagName: function e() {
|
|
265
|
+
return [];
|
|
266
|
+
}
|
|
267
|
+
};
|
|
268
|
+
},
|
|
269
|
+
createElementNS: function e() {
|
|
270
|
+
return {};
|
|
271
|
+
},
|
|
272
|
+
importNode: function e() {
|
|
273
|
+
return null;
|
|
274
|
+
},
|
|
275
|
+
location: {
|
|
276
|
+
hash: "",
|
|
277
|
+
host: "",
|
|
278
|
+
hostname: "",
|
|
279
|
+
href: "",
|
|
280
|
+
origin: "",
|
|
281
|
+
pathname: "",
|
|
282
|
+
protocol: "",
|
|
283
|
+
search: ""
|
|
284
|
+
}
|
|
285
|
+
};
|
|
286
|
+
function L() {
|
|
287
|
+
var e = typeof document !== "undefined" ? document : D;
|
|
288
|
+
return e;
|
|
289
|
+
}
|
|
290
|
+
var V = L();
|
|
291
|
+
/* harmony default export */ const A = /* unused pure expression or super */ null && V;
|
|
292
|
+
// CONCATENATED MODULE: ./src/utils/ssrWindow.ts
|
|
293
|
+
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
294
|
+
var F = {
|
|
295
|
+
document: D,
|
|
296
|
+
navigator: {
|
|
297
|
+
userAgent: ""
|
|
298
|
+
},
|
|
299
|
+
location: {
|
|
300
|
+
hash: "",
|
|
301
|
+
host: "",
|
|
302
|
+
hostname: "",
|
|
303
|
+
href: "",
|
|
304
|
+
origin: "",
|
|
305
|
+
pathname: "",
|
|
306
|
+
protocol: "",
|
|
307
|
+
search: ""
|
|
308
|
+
},
|
|
309
|
+
history: {
|
|
310
|
+
replaceState: function e() {},
|
|
311
|
+
pushState: function e() {},
|
|
312
|
+
go: function e() {},
|
|
313
|
+
back: function e() {}
|
|
314
|
+
},
|
|
315
|
+
CustomEvent: function e() {
|
|
316
|
+
return this;
|
|
317
|
+
},
|
|
318
|
+
addEventListener: function e() {},
|
|
319
|
+
removeEventListener: function e() {},
|
|
320
|
+
getComputedStyle: function e() {
|
|
321
|
+
return {
|
|
322
|
+
getPropertyValue: function e() {
|
|
323
|
+
return "";
|
|
324
|
+
}
|
|
325
|
+
};
|
|
326
|
+
},
|
|
327
|
+
Image: function e() {},
|
|
328
|
+
Date: function e() {},
|
|
329
|
+
screen: {},
|
|
330
|
+
setTimeout: function e() {},
|
|
331
|
+
clearTimeout: function e() {},
|
|
332
|
+
matchMedia: function e() {
|
|
333
|
+
return {};
|
|
334
|
+
},
|
|
335
|
+
requestAnimationFrame: function e(t) {
|
|
336
|
+
if (typeof setTimeout === "undefined") {
|
|
337
|
+
t();
|
|
338
|
+
return null;
|
|
339
|
+
}
|
|
340
|
+
return setTimeout(t, 0);
|
|
341
|
+
},
|
|
342
|
+
cancelAnimationFrame: function e(t) {
|
|
343
|
+
if (typeof setTimeout === "undefined") {
|
|
344
|
+
return;
|
|
345
|
+
}
|
|
346
|
+
clearTimeout(t);
|
|
347
|
+
}
|
|
348
|
+
};
|
|
349
|
+
function I() {
|
|
350
|
+
var e = typeof window !== "undefined" ? window : F;
|
|
351
|
+
return e;
|
|
352
|
+
}
|
|
353
|
+
var R = I();
|
|
354
|
+
/* harmony default export */ const z = R;
|
|
230
355
|
// CONCATENATED MODULE: ./src/Slider/Slider.tsx
|
|
231
|
-
function
|
|
356
|
+
function W(e) {
|
|
232
357
|
"@babel/helpers - typeof";
|
|
233
|
-
return
|
|
358
|
+
return W = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
|
|
234
359
|
return typeof e;
|
|
235
360
|
} : function(e) {
|
|
236
361
|
return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
|
|
237
|
-
},
|
|
362
|
+
}, W(e);
|
|
238
363
|
}
|
|
239
|
-
function
|
|
240
|
-
return
|
|
241
|
-
for (var
|
|
242
|
-
var
|
|
243
|
-
for (var n in
|
|
244
|
-
({}).hasOwnProperty.call(
|
|
364
|
+
function K() {
|
|
365
|
+
return K = Object.assign ? Object.assign.bind() : function(e) {
|
|
366
|
+
for (var t = 1; t < arguments.length; t++) {
|
|
367
|
+
var r = arguments[t];
|
|
368
|
+
for (var n in r) {
|
|
369
|
+
({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
|
|
245
370
|
}
|
|
246
371
|
}
|
|
247
372
|
return e;
|
|
248
|
-
},
|
|
373
|
+
}, K.apply(null, arguments);
|
|
249
374
|
}
|
|
250
|
-
function
|
|
251
|
-
if (!(e instanceof
|
|
375
|
+
function U(e, t) {
|
|
376
|
+
if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
|
|
252
377
|
}
|
|
253
|
-
function
|
|
254
|
-
for (var
|
|
255
|
-
var n = r
|
|
378
|
+
function H(e, t) {
|
|
379
|
+
for (var r = 0; r < t.length; r++) {
|
|
380
|
+
var n = t[r];
|
|
256
381
|
n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
|
|
257
|
-
Object.defineProperty(e,
|
|
382
|
+
Object.defineProperty(e, ne(n.key), n);
|
|
258
383
|
}
|
|
259
384
|
}
|
|
260
|
-
function
|
|
261
|
-
return
|
|
385
|
+
function X(e, t, r) {
|
|
386
|
+
return t && H(e.prototype, t), r && H(e, r), Object.defineProperty(e, "prototype", {
|
|
262
387
|
writable: !1
|
|
263
388
|
}), e;
|
|
264
389
|
}
|
|
265
|
-
function
|
|
266
|
-
if ("function" != typeof
|
|
267
|
-
e.prototype = Object.create(
|
|
390
|
+
function G(e, t) {
|
|
391
|
+
if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
|
|
392
|
+
e.prototype = Object.create(t && t.prototype, {
|
|
268
393
|
constructor: {
|
|
269
394
|
value: e,
|
|
270
395
|
writable: !0,
|
|
@@ -272,69 +397,69 @@
|
|
|
272
397
|
}
|
|
273
398
|
}), Object.defineProperty(e, "prototype", {
|
|
274
399
|
writable: !1
|
|
275
|
-
}),
|
|
400
|
+
}), t && J(e, t);
|
|
276
401
|
}
|
|
277
|
-
function
|
|
278
|
-
return
|
|
279
|
-
return e.__proto__ =
|
|
280
|
-
},
|
|
402
|
+
function J(e, t) {
|
|
403
|
+
return J = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
|
|
404
|
+
return e.__proto__ = t, e;
|
|
405
|
+
}, J(e, t);
|
|
281
406
|
}
|
|
282
|
-
function
|
|
283
|
-
var
|
|
407
|
+
function Q(e) {
|
|
408
|
+
var t = ee();
|
|
284
409
|
return function() {
|
|
285
|
-
var
|
|
286
|
-
if (
|
|
287
|
-
var i =
|
|
288
|
-
|
|
289
|
-
} else
|
|
290
|
-
return
|
|
410
|
+
var r, n = te(e);
|
|
411
|
+
if (t) {
|
|
412
|
+
var i = te(this).constructor;
|
|
413
|
+
r = Reflect.construct(n, arguments, i);
|
|
414
|
+
} else r = n.apply(this, arguments);
|
|
415
|
+
return Y(this, r);
|
|
291
416
|
};
|
|
292
417
|
}
|
|
293
|
-
function
|
|
294
|
-
if (
|
|
295
|
-
if (void 0 !==
|
|
296
|
-
return
|
|
418
|
+
function Y(e, t) {
|
|
419
|
+
if (t && ("object" == W(t) || "function" == typeof t)) return t;
|
|
420
|
+
if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
|
|
421
|
+
return Z(e);
|
|
297
422
|
}
|
|
298
|
-
function
|
|
423
|
+
function Z(e) {
|
|
299
424
|
if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
300
425
|
return e;
|
|
301
426
|
}
|
|
302
|
-
function
|
|
427
|
+
function ee() {
|
|
303
428
|
try {
|
|
304
429
|
var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
|
|
305
430
|
} catch (e) {}
|
|
306
|
-
return (
|
|
431
|
+
return (ee = function t() {
|
|
307
432
|
return !!e;
|
|
308
433
|
})();
|
|
309
434
|
}
|
|
310
|
-
function
|
|
311
|
-
return
|
|
435
|
+
function te(e) {
|
|
436
|
+
return te = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
|
|
312
437
|
return e.__proto__ || Object.getPrototypeOf(e);
|
|
313
|
-
},
|
|
438
|
+
}, te(e);
|
|
314
439
|
}
|
|
315
|
-
function
|
|
316
|
-
return (
|
|
317
|
-
value:
|
|
440
|
+
function re(e, t, r) {
|
|
441
|
+
return (t = ne(t)) in e ? Object.defineProperty(e, t, {
|
|
442
|
+
value: r,
|
|
318
443
|
enumerable: !0,
|
|
319
444
|
configurable: !0,
|
|
320
445
|
writable: !0
|
|
321
|
-
}) : e[
|
|
446
|
+
}) : e[t] = r, e;
|
|
322
447
|
}
|
|
323
|
-
function
|
|
324
|
-
var
|
|
325
|
-
return "symbol" ==
|
|
448
|
+
function ne(e) {
|
|
449
|
+
var t = ie(e, "string");
|
|
450
|
+
return "symbol" == W(t) ? t : t + "";
|
|
326
451
|
}
|
|
327
|
-
function
|
|
328
|
-
if ("object" !=
|
|
329
|
-
var
|
|
330
|
-
if (void 0 !==
|
|
331
|
-
var n =
|
|
332
|
-
if ("object" !=
|
|
452
|
+
function ie(e, t) {
|
|
453
|
+
if ("object" != W(e) || !e) return e;
|
|
454
|
+
var r = e[Symbol.toPrimitive];
|
|
455
|
+
if (void 0 !== r) {
|
|
456
|
+
var n = r.call(e, t || "default");
|
|
457
|
+
if ("object" != W(n)) return n;
|
|
333
458
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
334
459
|
}
|
|
335
|
-
return ("string" ===
|
|
460
|
+
return ("string" === t ? String : Number)(e);
|
|
336
461
|
}
|
|
337
|
-
/** @public */ var
|
|
462
|
+
/** @public */ var ae = {
|
|
338
463
|
defaultValue: a().number,
|
|
339
464
|
describedBy: a().string,
|
|
340
465
|
disabled: a().bool,
|
|
@@ -357,16 +482,16 @@
|
|
|
357
482
|
splunkTheme: a().object,
|
|
358
483
|
value: a().number
|
|
359
484
|
};
|
|
360
|
-
var
|
|
485
|
+
var oe = {
|
|
361
486
|
min: 1,
|
|
362
487
|
max: 5,
|
|
363
488
|
step: 1,
|
|
364
489
|
stepMarks: "focus"
|
|
365
490
|
};
|
|
366
|
-
var
|
|
367
|
-
var
|
|
368
|
-
if (i >
|
|
369
|
-
return
|
|
491
|
+
var le = function e(t) {
|
|
492
|
+
var r = t.max, n = t.min, i = t.value;
|
|
493
|
+
if (i > r) {
|
|
494
|
+
return r;
|
|
370
495
|
}
|
|
371
496
|
if (i < n) {
|
|
372
497
|
return n;
|
|
@@ -375,99 +500,99 @@
|
|
|
375
500
|
};
|
|
376
501
|
// If the current value is in between a step, i.e. defaultValue is not at a
|
|
377
502
|
// step mark, this function handles navigating to the next correct step
|
|
378
|
-
var
|
|
379
|
-
var
|
|
503
|
+
var se = function e(t) {
|
|
504
|
+
var r = t.direction, n = t.min, i = t.step, a = t.value;
|
|
380
505
|
var o = new (l())(a).minus(n).modulo(i).toNumber();
|
|
381
506
|
if (o > 0) {
|
|
382
|
-
return
|
|
507
|
+
return r === "forward" ? i - o : o;
|
|
383
508
|
}
|
|
384
509
|
return i;
|
|
385
510
|
};
|
|
386
|
-
var
|
|
387
|
-
if (
|
|
511
|
+
var ue = function e(t, r) {
|
|
512
|
+
if (r === null) {
|
|
388
513
|
return undefined;
|
|
389
514
|
}
|
|
390
|
-
var n =
|
|
391
|
-
var i =
|
|
392
|
-
return
|
|
515
|
+
var n = r.getBoundingClientRect();
|
|
516
|
+
var i = t.clientX - n.left;
|
|
517
|
+
return le({
|
|
393
518
|
max: 100,
|
|
394
519
|
min: 0,
|
|
395
520
|
value: i / n.width * 100
|
|
396
521
|
});
|
|
397
522
|
};
|
|
398
|
-
var
|
|
399
|
-
var
|
|
523
|
+
var ce = function e(t) {
|
|
524
|
+
var r = t.max, n = t.min, i = t.step, a = t.value;
|
|
400
525
|
// Handles if the max is in between steps but val is larger than the halfway point between last step mark and max
|
|
401
|
-
if (a >
|
|
402
|
-
return
|
|
526
|
+
if (a > r - (r - n) % i / 2) {
|
|
527
|
+
return r;
|
|
403
528
|
}
|
|
404
529
|
return new (l())(a).minus(n).div(i).todp(0).mul(i).add(n).toNumber();
|
|
405
530
|
};
|
|
406
|
-
var
|
|
407
|
-
var
|
|
531
|
+
var de = function e(t) {
|
|
532
|
+
var r = t.position, n = t.max, i = t.min, a = t.step;
|
|
408
533
|
var o = n - i;
|
|
409
|
-
var l =
|
|
410
|
-
return
|
|
534
|
+
var l = r / 100 * o + i;
|
|
535
|
+
return ce({
|
|
411
536
|
max: n,
|
|
412
537
|
min: i,
|
|
413
538
|
step: a,
|
|
414
539
|
value: l
|
|
415
540
|
});
|
|
416
541
|
};
|
|
417
|
-
var
|
|
418
|
-
var
|
|
542
|
+
var pe = function e(t) {
|
|
543
|
+
var r = t.max, n = t.min, i = t.sliderBar, a = t.step, o = t.thumbWidth;
|
|
419
544
|
// don't render stepMarks if they are too small i.e. stepWidth is less than SliderThumb divided by 2
|
|
420
545
|
// in that case, undefined is returned
|
|
421
546
|
if (i === null) {
|
|
422
547
|
return undefined;
|
|
423
548
|
}
|
|
424
|
-
var l =
|
|
549
|
+
var l = r - n;
|
|
425
550
|
var s = Math.round(l / a);
|
|
426
551
|
var u = i.getBoundingClientRect();
|
|
427
552
|
var c = a * 100 / l;
|
|
428
553
|
return u.width / s > o / 2 ? c : undefined;
|
|
429
554
|
};
|
|
430
|
-
var
|
|
431
|
-
var
|
|
555
|
+
var fe = function e(t) {
|
|
556
|
+
var r = t.max, n = t.min, i = t.value;
|
|
432
557
|
if (i === undefined) {
|
|
433
558
|
return undefined;
|
|
434
559
|
}
|
|
435
|
-
var a =
|
|
560
|
+
var a = r - n;
|
|
436
561
|
return (i - n) / a * 100;
|
|
437
562
|
};
|
|
438
|
-
var
|
|
439
|
-
|
|
440
|
-
var
|
|
563
|
+
var ve = function(e) {
|
|
564
|
+
G(r, e);
|
|
565
|
+
var t = Q(r);
|
|
441
566
|
// @docs-props-type SliderPropsBase
|
|
442
|
-
function
|
|
567
|
+
function r(e) {
|
|
443
568
|
var n;
|
|
444
|
-
|
|
445
|
-
n =
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
569
|
+
U(this, r);
|
|
570
|
+
n = t.call(this, e);
|
|
571
|
+
re(Z(n), "controlledExternally", void 0);
|
|
572
|
+
re(Z(n), "sliderThumb", null);
|
|
573
|
+
re(Z(n), "handleMount", (function(e) {
|
|
449
574
|
n.setState({
|
|
450
575
|
sliderBar: e
|
|
451
576
|
});
|
|
452
577
|
}));
|
|
453
|
-
|
|
578
|
+
re(Z(n), "handleBlur", (function() {
|
|
454
579
|
n.setState({
|
|
455
580
|
isFocused: false,
|
|
456
581
|
showTooltip: false
|
|
457
582
|
});
|
|
458
583
|
}));
|
|
459
|
-
|
|
584
|
+
re(Z(n), "handleFocus", (function() {
|
|
460
585
|
n.setState({
|
|
461
586
|
isFocused: true,
|
|
462
587
|
showTooltip: true
|
|
463
588
|
});
|
|
464
589
|
}));
|
|
465
|
-
|
|
466
|
-
var
|
|
467
|
-
if (
|
|
468
|
-
var
|
|
469
|
-
var l =
|
|
470
|
-
position:
|
|
590
|
+
re(Z(n), "handleClick", (function(e) {
|
|
591
|
+
var t = ue(e, n.state.sliderBar);
|
|
592
|
+
if (t !== undefined) {
|
|
593
|
+
var r = n.props, i = r.max, a = r.min, o = r.step;
|
|
594
|
+
var l = de({
|
|
595
|
+
position: t,
|
|
471
596
|
max: i,
|
|
472
597
|
min: a,
|
|
473
598
|
step: o
|
|
@@ -477,54 +602,54 @@
|
|
|
477
602
|
});
|
|
478
603
|
}
|
|
479
604
|
}));
|
|
480
|
-
|
|
481
|
-
var
|
|
482
|
-
if (
|
|
483
|
-
var
|
|
605
|
+
re(Z(n), "handleKeyDown", (function(e) {
|
|
606
|
+
var t = n.getValue();
|
|
607
|
+
if (t !== undefined) {
|
|
608
|
+
var r = (0, v.keycode)(e.nativeEvent);
|
|
484
609
|
var i = n.props, a = i.min, o = i.max, l = i.step;
|
|
485
610
|
var s;
|
|
486
|
-
var u =
|
|
611
|
+
var u = se({
|
|
487
612
|
direction: "forward",
|
|
488
613
|
min: a,
|
|
489
614
|
step: l,
|
|
490
|
-
value:
|
|
615
|
+
value: t
|
|
491
616
|
});
|
|
492
|
-
var c =
|
|
617
|
+
var c = se({
|
|
493
618
|
direction: "backward",
|
|
494
619
|
min: a,
|
|
495
620
|
step: l,
|
|
496
|
-
value:
|
|
621
|
+
value: t
|
|
497
622
|
});
|
|
498
|
-
if (
|
|
499
|
-
s =
|
|
500
|
-
} else if (
|
|
501
|
-
s =
|
|
502
|
-
} else if (
|
|
623
|
+
if (r === "right") {
|
|
624
|
+
s = t + u;
|
|
625
|
+
} else if (r === "left") {
|
|
626
|
+
s = t - c;
|
|
627
|
+
} else if (r === "up") {
|
|
503
628
|
e.preventDefault();
|
|
504
|
-
s =
|
|
505
|
-
} else if (
|
|
629
|
+
s = t + u;
|
|
630
|
+
} else if (r === "down") {
|
|
506
631
|
e.preventDefault();
|
|
507
|
-
s =
|
|
632
|
+
s = t - c;
|
|
508
633
|
} else {
|
|
509
634
|
return;
|
|
510
635
|
}
|
|
511
|
-
|
|
636
|
+
t = le({
|
|
512
637
|
max: o,
|
|
513
638
|
min: a,
|
|
514
639
|
value: s
|
|
515
640
|
});
|
|
516
|
-
|
|
641
|
+
t = ce({
|
|
517
642
|
max: o,
|
|
518
643
|
min: a,
|
|
519
644
|
step: l,
|
|
520
|
-
value:
|
|
645
|
+
value: t
|
|
521
646
|
});
|
|
522
647
|
n.setValue(e, {
|
|
523
|
-
value:
|
|
648
|
+
value: t
|
|
524
649
|
});
|
|
525
650
|
}
|
|
526
651
|
}));
|
|
527
|
-
|
|
652
|
+
re(Z(n), "handleMouseDown", (function(e) {
|
|
528
653
|
e.preventDefault();
|
|
529
654
|
n.focus();
|
|
530
655
|
n.setState({
|
|
@@ -532,25 +657,25 @@
|
|
|
532
657
|
showTooltip: true
|
|
533
658
|
});
|
|
534
659
|
}));
|
|
535
|
-
|
|
660
|
+
re(Z(n), "handleMouseEnter", (function() {
|
|
536
661
|
n.setState({
|
|
537
662
|
showTooltip: true
|
|
538
663
|
});
|
|
539
664
|
}));
|
|
540
|
-
|
|
665
|
+
re(Z(n), "handleMouseLeave", (function() {
|
|
541
666
|
if (!n.state.selected) {
|
|
542
667
|
n.setState({
|
|
543
668
|
showTooltip: false
|
|
544
669
|
});
|
|
545
670
|
}
|
|
546
671
|
}));
|
|
547
|
-
|
|
672
|
+
re(Z(n), "handleMouseMove", (function(e) {
|
|
548
673
|
if (n.state.selected) {
|
|
549
|
-
var
|
|
550
|
-
var
|
|
551
|
-
if (
|
|
552
|
-
var l =
|
|
553
|
-
position:
|
|
674
|
+
var t = ue(e, n.state.sliderBar);
|
|
675
|
+
var r = n.props, i = r.max, a = r.min, o = r.step;
|
|
676
|
+
if (t !== undefined) {
|
|
677
|
+
var l = de({
|
|
678
|
+
position: t,
|
|
554
679
|
min: a,
|
|
555
680
|
max: i,
|
|
556
681
|
step: o
|
|
@@ -561,7 +686,7 @@
|
|
|
561
686
|
}
|
|
562
687
|
}
|
|
563
688
|
}));
|
|
564
|
-
|
|
689
|
+
re(Z(n), "handleMouseUp", (function() {
|
|
565
690
|
n.setState({
|
|
566
691
|
selected: false,
|
|
567
692
|
showTooltip: false
|
|
@@ -569,7 +694,7 @@
|
|
|
569
694
|
}));
|
|
570
695
|
n.controlledExternally = u()(e, "value");
|
|
571
696
|
var i = e.defaultValue, a = e.max, o = e.min, l = e.step;
|
|
572
|
-
var s = u()(e, "defaultValue") ? i :
|
|
697
|
+
var s = u()(e, "defaultValue") ? i : ce({
|
|
573
698
|
max: a,
|
|
574
699
|
min: o,
|
|
575
700
|
step: l,
|
|
@@ -586,9 +711,9 @@
|
|
|
586
711
|
if (false) {}
|
|
587
712
|
return n;
|
|
588
713
|
}
|
|
589
|
-
|
|
714
|
+
X(r, [ {
|
|
590
715
|
key: "componentDidUpdate",
|
|
591
|
-
value: function e(
|
|
716
|
+
value: function e(t) {
|
|
592
717
|
if (false) {}
|
|
593
718
|
if (false) {}
|
|
594
719
|
}
|
|
@@ -599,12 +724,12 @@
|
|
|
599
724
|
}
|
|
600
725
|
}, {
|
|
601
726
|
key: "setValue",
|
|
602
|
-
value: function e(
|
|
603
|
-
var n =
|
|
727
|
+
value: function e(t, r) {
|
|
728
|
+
var n = r.value;
|
|
604
729
|
var i = this.props.name;
|
|
605
730
|
if (this.getValue() !== n) {
|
|
606
731
|
var a, o;
|
|
607
|
-
(a = (o = this.props).onChange) === null || a === void 0 ? void 0 : a.call(o,
|
|
732
|
+
(a = (o = this.props).onChange) === null || a === void 0 ? void 0 : a.call(o, t, {
|
|
608
733
|
value: n,
|
|
609
734
|
name: i
|
|
610
735
|
});
|
|
@@ -621,8 +746,8 @@
|
|
|
621
746
|
* Places focus on the slider.
|
|
622
747
|
*/
|
|
623
748
|
value: function e() {
|
|
624
|
-
var
|
|
625
|
-
(
|
|
749
|
+
var t;
|
|
750
|
+
(t = this.sliderThumb) === null || t === void 0 ? void 0 : t.focus();
|
|
626
751
|
}
|
|
627
752
|
}, {
|
|
628
753
|
key: "isControlled",
|
|
@@ -632,43 +757,43 @@
|
|
|
632
757
|
}, {
|
|
633
758
|
key: "render",
|
|
634
759
|
value: function e() {
|
|
635
|
-
var
|
|
636
|
-
var i = this.props, a = i.describedBy, o = i.disabled, l = i.displayValue, s = i.elementRef, u = i.error, c = i.inline, p = i.labelledBy,
|
|
637
|
-
var C = this.state,
|
|
638
|
-
var
|
|
639
|
-
var L =
|
|
640
|
-
value:
|
|
641
|
-
min:
|
|
642
|
-
max:
|
|
760
|
+
var t = this;
|
|
761
|
+
var i = this.props, a = i.describedBy, o = i.disabled, l = i.displayValue, s = i.elementRef, u = i.error, c = i.inline, p = i.labelledBy, v = i.max, m = i.maxLabel, h = i.min, y = i.minLabel, x = i.required, w = i.step, k = i.stepMarks, S = i.splunkTheme;
|
|
762
|
+
var C = this.state, E = C.isFocused, O = C.selected, q = C.sliderBar;
|
|
763
|
+
var D = this.getValue();
|
|
764
|
+
var L = fe({
|
|
765
|
+
value: D,
|
|
766
|
+
min: h,
|
|
767
|
+
max: v
|
|
643
768
|
});
|
|
644
|
-
var
|
|
645
|
-
var
|
|
646
|
-
max:
|
|
647
|
-
min:
|
|
648
|
-
sliderBar:
|
|
769
|
+
var V = k === "focus" && E || k === "always";
|
|
770
|
+
var A = V && q ? pe({
|
|
771
|
+
max: v,
|
|
772
|
+
min: h,
|
|
773
|
+
sliderBar: q,
|
|
649
774
|
step: w,
|
|
650
|
-
thumbWidth:
|
|
775
|
+
thumbWidth: _(S)
|
|
651
776
|
}) : undefined;
|
|
652
|
-
var
|
|
777
|
+
var F = f()(this.props, d()(r.propTypes));
|
|
653
778
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
654
|
-
return n().createElement(
|
|
779
|
+
return n().createElement(T, K({
|
|
655
780
|
"data-test": "slider",
|
|
656
|
-
"data-test-value":
|
|
781
|
+
"data-test-value": D,
|
|
657
782
|
elementRef: s,
|
|
658
783
|
flex: true,
|
|
659
784
|
inline: c
|
|
660
|
-
},
|
|
661
|
-
target:
|
|
785
|
+
}, F), O && n().createElement(n().Fragment, null, n().createElement(b(), {
|
|
786
|
+
target: z,
|
|
662
787
|
eventType: "mouseup",
|
|
663
788
|
listener: this.handleMouseUp
|
|
664
|
-
}), n().createElement(
|
|
665
|
-
target:
|
|
789
|
+
}), n().createElement(b(), {
|
|
790
|
+
target: z,
|
|
666
791
|
eventType: "mousemove",
|
|
667
792
|
listener: this.handleMouseMove
|
|
668
|
-
})), y !== null && n().createElement(
|
|
793
|
+
})), y !== null && n().createElement(N, {
|
|
669
794
|
"data-test": "min-label",
|
|
670
795
|
$disabled: o
|
|
671
|
-
}, y ||
|
|
796
|
+
}, y || h), n().createElement(M, {
|
|
672
797
|
onClick: o ? undefined : this.handleClick,
|
|
673
798
|
$disabled: o
|
|
674
799
|
}, n().createElement(B, {
|
|
@@ -678,14 +803,14 @@
|
|
|
678
803
|
ref: this.handleMount,
|
|
679
804
|
$error: u,
|
|
680
805
|
$position: L,
|
|
681
|
-
$stepMarksWidth:
|
|
806
|
+
$stepMarksWidth: A
|
|
682
807
|
}), n().createElement(j, {
|
|
683
808
|
"aria-describedby": a,
|
|
684
809
|
"aria-labelledby": p,
|
|
685
810
|
"aria-invalid": u,
|
|
686
|
-
"aria-valuemax":
|
|
687
|
-
"aria-valuemin":
|
|
688
|
-
"aria-valuenow":
|
|
811
|
+
"aria-valuemax": v,
|
|
812
|
+
"aria-valuemin": h,
|
|
813
|
+
"aria-valuenow": D,
|
|
689
814
|
"data-test": "handle",
|
|
690
815
|
onBlur: this.handleBlur,
|
|
691
816
|
onMouseEnter: this.handleMouseEnter,
|
|
@@ -693,8 +818,8 @@
|
|
|
693
818
|
onKeyDown: o ? undefined : this.handleKeyDown,
|
|
694
819
|
onMouseDown: o ? undefined : this.handleMouseDown,
|
|
695
820
|
onFocus: this.handleFocus,
|
|
696
|
-
ref: function e(
|
|
697
|
-
|
|
821
|
+
ref: function e(r) {
|
|
822
|
+
t.sliderThumb = r;
|
|
698
823
|
},
|
|
699
824
|
role: "slider",
|
|
700
825
|
disabled: o,
|
|
@@ -705,19 +830,19 @@
|
|
|
705
830
|
anchor: this.sliderThumb,
|
|
706
831
|
appearance: "inverted",
|
|
707
832
|
align: "center"
|
|
708
|
-
}, n().createElement(P, null, l ||
|
|
833
|
+
}, n().createElement(P, null, l || D))), m !== null && n().createElement($, {
|
|
709
834
|
"data-test": "max-label",
|
|
710
835
|
$disabled: o
|
|
711
|
-
}, m ||
|
|
836
|
+
}, m || v));
|
|
712
837
|
/* eslint-enable jsx-a11y/no-static-element-interactions */ }
|
|
713
838
|
} ]);
|
|
714
|
-
return
|
|
715
|
-
}(
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
var
|
|
719
|
-
|
|
720
|
-
/* harmony default export */ const
|
|
839
|
+
return r;
|
|
840
|
+
}(r.Component);
|
|
841
|
+
re(ve, "propTypes", ae);
|
|
842
|
+
re(ve, "defaultProps", oe);
|
|
843
|
+
var me = (0, m.withSplunkTheme)(ve);
|
|
844
|
+
me.propTypes = ve.propTypes;
|
|
845
|
+
/* harmony default export */ const he = me;
|
|
721
846
|
// CONCATENATED MODULE: ./src/Slider/index.ts
|
|
722
|
-
module.exports =
|
|
847
|
+
module.exports = t;
|
|
723
848
|
/******/})();
|