@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/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 = r => {
12
- /******/ var t = r && r.__esModule ?
13
- /******/ () => r["default"]
14
- /******/ : () => r
11
+ /******/ e.n = t => {
12
+ /******/ var r = t && t.__esModule ?
13
+ /******/ () => t["default"]
14
+ /******/ : () => t
15
15
  /******/;
16
- e.d(t, {
17
- a: t
16
+ e.d(r, {
17
+ a: r
18
18
  });
19
- /******/ return t;
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 = (r, t) => {
27
- /******/ for (var n in t) {
28
- /******/ if (e.o(t, n) && !e.o(r, n)) {
29
- /******/ Object.defineProperty(r, n, {
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: t[n]
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, r) => Object.prototype.hasOwnProperty.call(e, r)
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 r = {};
59
+ /************************************************************************/ var t = {};
60
60
  // ESM COMPAT FLAG
61
- e.r(r);
61
+ e.r(t);
62
62
  // EXPORTS
63
- e.d(r, {
64
- default: () => /* reexport */ se
63
+ e.d(t, {
64
+ default: () => /* reexport */ he
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
- const t = require("react");
68
- var n = e.n(t);
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 v = e.n(p);
83
+ var f = e.n(p);
84
84
  // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
85
- const f = require("@splunk/ui-utils/keyboard");
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 b = require("@splunk/react-ui/EventListener");
90
- var h = e.n(b);
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 T = e.n(C);
102
+ var E = e.n(C);
103
103
  // CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
104
- var M = w()(T()).withConfig({
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 O = w().div.withConfig({
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 r = e.$disabled;
113
- return r && (0, x.css)([ "cursor:not-allowed;" ]);
112
+ var t = e.$disabled;
113
+ return t && (0, x.css)([ "cursor:not-allowed;" ]);
114
114
  }));
115
- var _ = "1px";
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 r = e.$disabled, t = e.$error, n = e.$position, i = e.$stepMarksWidth;
128
- if (r) {
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 = t ? m.variables.accentColorNegative : (0, m.pick)({
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, _, _, o, o, _, _, i, a, a, n, l, n, l) : (0,
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 E = (0, m.pick)({
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"), E, E, (0,
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 r = e.$position;
177
- return r;
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 r = e.$error;
190
- return r && (0, x.css)([ "background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}" ], m.variables.accentColorNegative, (0,
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 $ = (0, x.css)([ "flex:0 0 auto;line-height:", ";", "" ], m.variables.inputHeight, (function(e) {
210
- var r = e.$disabled;
211
- return r && (0, x.css)([ "color:", ";" ], (0, m.pick)({
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 q = w()(T()).withConfig({
216
+ var N = w()(E()).withConfig({
217
217
  displayName: "SliderStyles__StyledMinLabelBox",
218
218
  componentId: "sc-16ooit4-5"
219
- })([ "", ";margin-right:", ";text-align:right;" ], $, (0, m.pick)({
219
+ })([ "", ";margin-right:", ";text-align:right;" ], q, (0, m.pick)({
220
220
  enterprise: "15px",
221
221
  prisma: "16px"
222
222
  }));
223
- var D = w()(T()).withConfig({
223
+ var $ = w()(E()).withConfig({
224
224
  displayName: "SliderStyles__StyledMaxLabelBox",
225
225
  componentId: "sc-16ooit4-6"
226
- })([ "", ";margin-left:", ";text-align:left;" ], $, (0, m.pick)({
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 N(e) {
356
+ function W(e) {
232
357
  "@babel/helpers - typeof";
233
- return N = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
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
- }, N(e);
362
+ }, W(e);
238
363
  }
239
- function V() {
240
- return V = Object.assign ? Object.assign.bind() : function(e) {
241
- for (var r = 1; r < arguments.length; r++) {
242
- var t = arguments[r];
243
- for (var n in t) {
244
- ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
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
- }, V.apply(null, arguments);
373
+ }, K.apply(null, arguments);
249
374
  }
250
- function L(e, r) {
251
- if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
375
+ function U(e, t) {
376
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
252
377
  }
253
- function R(e, r) {
254
- for (var t = 0; t < r.length; t++) {
255
- var n = r[t];
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, G(n.key), n);
382
+ Object.defineProperty(e, ne(n.key), n);
258
383
  }
259
384
  }
260
- function F(e, r, t) {
261
- return r && R(e.prototype, r), t && R(e, t), Object.defineProperty(e, "prototype", {
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 I(e, r) {
266
- if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
267
- e.prototype = Object.create(r && r.prototype, {
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
- }), r && A(e, r);
400
+ }), t && J(e, t);
276
401
  }
277
- function A(e, r) {
278
- return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
279
- return e.__proto__ = r, e;
280
- }, A(e, r);
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 z(e) {
283
- var r = U();
407
+ function Q(e) {
408
+ var t = ee();
284
409
  return function() {
285
- var t, n = H(e);
286
- if (r) {
287
- var i = H(this).constructor;
288
- t = Reflect.construct(n, arguments, i);
289
- } else t = n.apply(this, arguments);
290
- return W(this, t);
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 W(e, r) {
294
- if (r && ("object" == N(r) || "function" == typeof r)) return r;
295
- if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
296
- return K(e);
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 K(e) {
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 U() {
427
+ function ee() {
303
428
  try {
304
429
  var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
305
430
  } catch (e) {}
306
- return (U = function r() {
431
+ return (ee = function t() {
307
432
  return !!e;
308
433
  })();
309
434
  }
310
- function H(e) {
311
- return H = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
435
+ function te(e) {
436
+ return te = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
312
437
  return e.__proto__ || Object.getPrototypeOf(e);
313
- }, H(e);
438
+ }, te(e);
314
439
  }
315
- function X(e, r, t) {
316
- return (r = G(r)) in e ? Object.defineProperty(e, r, {
317
- value: t,
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[r] = t, e;
446
+ }) : e[t] = r, e;
322
447
  }
323
- function G(e) {
324
- var r = J(e, "string");
325
- return "symbol" == N(r) ? r : r + "";
448
+ function ne(e) {
449
+ var t = ie(e, "string");
450
+ return "symbol" == W(t) ? t : t + "";
326
451
  }
327
- function J(e, r) {
328
- if ("object" != N(e) || !e) return e;
329
- var t = e[Symbol.toPrimitive];
330
- if (void 0 !== t) {
331
- var n = t.call(e, r || "default");
332
- if ("object" != N(n)) return n;
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" === r ? String : Number)(e);
460
+ return ("string" === t ? String : Number)(e);
336
461
  }
337
- /** @public */ var Q = {
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 Y = {
485
+ var oe = {
361
486
  min: 1,
362
487
  max: 5,
363
488
  step: 1,
364
489
  stepMarks: "focus"
365
490
  };
366
- var Z = function e(r) {
367
- var t = r.max, n = r.min, i = r.value;
368
- if (i > t) {
369
- return t;
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 ee = function e(r) {
379
- var t = r.direction, n = r.min, i = r.step, a = r.value;
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 t === "forward" ? i - o : o;
507
+ return r === "forward" ? i - o : o;
383
508
  }
384
509
  return i;
385
510
  };
386
- var re = function e(r, t) {
387
- if (t === null) {
511
+ var ue = function e(t, r) {
512
+ if (r === null) {
388
513
  return undefined;
389
514
  }
390
- var n = t.getBoundingClientRect();
391
- var i = r.clientX - n.left;
392
- return Z({
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 te = function e(r) {
399
- var t = r.max, n = r.min, i = r.step, a = r.value;
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 > t - (t - n) % i / 2) {
402
- return t;
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 ne = function e(r) {
407
- var t = r.position, n = r.max, i = r.min, a = r.step;
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 = t / 100 * o + i;
410
- return te({
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 ie = function e(r) {
418
- var t = r.max, n = r.min, i = r.sliderBar, a = r.step, o = r.thumbWidth;
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 = t - n;
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 ae = function e(r) {
431
- var t = r.max, n = r.min, i = r.value;
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 = t - n;
560
+ var a = r - n;
436
561
  return (i - n) / a * 100;
437
562
  };
438
- var oe = function(e) {
439
- I(t, e);
440
- var r = z(t);
563
+ var ve = function(e) {
564
+ G(r, e);
565
+ var t = Q(r);
441
566
  // @docs-props-type SliderPropsBase
442
- function t(e) {
567
+ function r(e) {
443
568
  var n;
444
- L(this, t);
445
- n = r.call(this, e);
446
- X(K(n), "controlledExternally", void 0);
447
- X(K(n), "sliderThumb", null);
448
- X(K(n), "handleMount", (function(e) {
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
- X(K(n), "handleBlur", (function() {
578
+ re(Z(n), "handleBlur", (function() {
454
579
  n.setState({
455
580
  isFocused: false,
456
581
  showTooltip: false
457
582
  });
458
583
  }));
459
- X(K(n), "handleFocus", (function() {
584
+ re(Z(n), "handleFocus", (function() {
460
585
  n.setState({
461
586
  isFocused: true,
462
587
  showTooltip: true
463
588
  });
464
589
  }));
465
- X(K(n), "handleClick", (function(e) {
466
- var r = re(e, n.state.sliderBar);
467
- if (r !== undefined) {
468
- var t = n.props, i = t.max, a = t.min, o = t.step;
469
- var l = ne({
470
- position: r,
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
- X(K(n), "handleKeyDown", (function(e) {
481
- var r = n.getValue();
482
- if (r !== undefined) {
483
- var t = (0, f.keycode)(e.nativeEvent);
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 = ee({
611
+ var u = se({
487
612
  direction: "forward",
488
613
  min: a,
489
614
  step: l,
490
- value: r
615
+ value: t
491
616
  });
492
- var c = ee({
617
+ var c = se({
493
618
  direction: "backward",
494
619
  min: a,
495
620
  step: l,
496
- value: r
621
+ value: t
497
622
  });
498
- if (t === "right") {
499
- s = r + u;
500
- } else if (t === "left") {
501
- s = r - c;
502
- } else if (t === "up") {
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 = r + u;
505
- } else if (t === "down") {
629
+ s = t + u;
630
+ } else if (r === "down") {
506
631
  e.preventDefault();
507
- s = r - c;
632
+ s = t - c;
508
633
  } else {
509
634
  return;
510
635
  }
511
- r = Z({
636
+ t = le({
512
637
  max: o,
513
638
  min: a,
514
639
  value: s
515
640
  });
516
- r = te({
641
+ t = ce({
517
642
  max: o,
518
643
  min: a,
519
644
  step: l,
520
- value: r
645
+ value: t
521
646
  });
522
647
  n.setValue(e, {
523
- value: r
648
+ value: t
524
649
  });
525
650
  }
526
651
  }));
527
- X(K(n), "handleMouseDown", (function(e) {
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
- X(K(n), "handleMouseEnter", (function() {
660
+ re(Z(n), "handleMouseEnter", (function() {
536
661
  n.setState({
537
662
  showTooltip: true
538
663
  });
539
664
  }));
540
- X(K(n), "handleMouseLeave", (function() {
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
- X(K(n), "handleMouseMove", (function(e) {
672
+ re(Z(n), "handleMouseMove", (function(e) {
548
673
  if (n.state.selected) {
549
- var r = re(e, n.state.sliderBar);
550
- var t = n.props, i = t.max, a = t.min, o = t.step;
551
- if (r !== undefined) {
552
- var l = ne({
553
- position: r,
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
- X(K(n), "handleMouseUp", (function() {
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 : te({
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
- F(t, [ {
714
+ X(r, [ {
590
715
  key: "componentDidUpdate",
591
- value: function e(r) {
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(r, t) {
603
- var n = t.value;
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, r, {
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 r;
625
- (r = this.sliderThumb) === null || r === void 0 ? void 0 : r.focus();
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 r = this;
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, f = i.max, m = i.maxLabel, b = i.min, y = i.minLabel, x = i.required, w = i.step, k = i.stepMarks, S = i.splunkTheme;
637
- var C = this.state, T = C.isFocused, _ = C.selected, $ = C.sliderBar;
638
- var N = this.getValue();
639
- var L = ae({
640
- value: N,
641
- min: b,
642
- max: f
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 R = k === "focus" && T || k === "always";
645
- var F = R && $ ? ie({
646
- max: f,
647
- min: b,
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: E(S)
775
+ thumbWidth: _(S)
651
776
  }) : undefined;
652
- var I = v()(this.props, d()(t.propTypes));
777
+ var F = f()(this.props, d()(r.propTypes));
653
778
  /* eslint-disable jsx-a11y/no-static-element-interactions */
654
- return n().createElement(M, V({
779
+ return n().createElement(T, K({
655
780
  "data-test": "slider",
656
- "data-test-value": N,
781
+ "data-test-value": D,
657
782
  elementRef: s,
658
783
  flex: true,
659
784
  inline: c
660
- }, I), _ && n().createElement(n().Fragment, null, n().createElement(h(), {
661
- target: window,
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(h(), {
665
- target: window,
789
+ }), n().createElement(b(), {
790
+ target: z,
666
791
  eventType: "mousemove",
667
792
  listener: this.handleMouseMove
668
- })), y !== null && n().createElement(q, {
793
+ })), y !== null && n().createElement(N, {
669
794
  "data-test": "min-label",
670
795
  $disabled: o
671
- }, y || b), n().createElement(O, {
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: F
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": f,
687
- "aria-valuemin": b,
688
- "aria-valuenow": N,
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(t) {
697
- r.sliderThumb = t;
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 || N))), m !== null && n().createElement(D, {
833
+ }, n().createElement(P, null, l || D))), m !== null && n().createElement($, {
709
834
  "data-test": "max-label",
710
835
  $disabled: o
711
- }, m || f));
836
+ }, m || v));
712
837
  /* eslint-enable jsx-a11y/no-static-element-interactions */ }
713
838
  } ]);
714
- return t;
715
- }(t.Component);
716
- X(oe, "propTypes", Q);
717
- X(oe, "defaultProps", Y);
718
- var le = (0, m.withSplunkTheme)(oe);
719
- le.propTypes = oe.propTypes;
720
- /* harmony default export */ const se = le;
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 = r;
847
+ module.exports = t;
723
848
  /******/})();