@splunk/react-ui 4.38.0 → 4.39.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 (136) hide show
  1. package/Accordion.js +131 -153
  2. package/Anchor.js +50 -58
  3. package/Animation.js +64 -59
  4. package/AnimationToggle.js +59 -61
  5. package/Box.js +59 -67
  6. package/Breadcrumbs.js +113 -127
  7. package/Button.js +151 -169
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +28 -0
  11. package/Calendar.js +353 -414
  12. package/Card.js +183 -243
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +104 -122
  15. package/Clickable.js +180 -198
  16. package/CloseButton.js +52 -60
  17. package/Code.js +24 -31
  18. package/CollapsiblePanel.js +172 -202
  19. package/Color.js +371 -412
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +266 -303
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +165 -194
  24. package/Date.js +116 -131
  25. package/DefinitionList.js +125 -149
  26. package/Divider.js +81 -79
  27. package/Dropdown.js +226 -237
  28. package/DualListbox.js +150 -186
  29. package/EventListener.js +4 -1
  30. package/File.js +1032 -955
  31. package/FormRows.js +281 -334
  32. package/Heading.js +27 -35
  33. package/Image.js +101 -116
  34. package/JSONTree.js +301 -344
  35. package/Layer.js +118 -126
  36. package/Link.js +141 -159
  37. package/List.js +61 -77
  38. package/MIGRATION.mdx +92 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +506 -532
  41. package/Message.js +173 -196
  42. package/MessageBar.js +58 -66
  43. package/Modal.js +241 -290
  44. package/ModalLayer.js +130 -148
  45. package/Monogram.js +138 -138
  46. package/Multiselect.js +1589 -1902
  47. package/Number.js +159 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +448 -441
  51. package/Progress.js +65 -75
  52. package/RadioBar.js +301 -303
  53. package/RadioList.js +77 -119
  54. package/Resize.js +105 -127
  55. package/ResultsMenu.js +373 -385
  56. package/ScreenReaderContent.js +50 -58
  57. package/Scroll.js +209 -244
  58. package/Search.js +379 -391
  59. package/Select.js +1077 -1345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.js +222 -245
  64. package/StaticContent.js +68 -76
  65. package/StepBar.js +206 -205
  66. package/Switch.js +176 -205
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +379 -493
  71. package/TextArea.js +411 -441
  72. package/Tooltip.js +116 -132
  73. package/TransitionOpen.js +160 -178
  74. package/Tree.js +268 -287
  75. package/Typography.js +48 -52
  76. package/WaitSpinner.js +60 -68
  77. package/cypress/support/commands.ts +9 -0
  78. package/cypress/support/index.d.ts +6 -0
  79. package/cypress/tsconfig.cypress.json +1 -0
  80. package/docker-compose.yml +0 -1
  81. package/package.json +14 -14
  82. package/types/src/Button/Button.d.ts +5 -1
  83. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  85. package/types/src/Color/Color.d.ts +2 -2
  86. package/types/src/Color/Palette.d.ts +4 -2
  87. package/types/src/ComboBox/Option.d.ts +1 -1
  88. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  89. package/types/src/Date/Date.d.ts +2 -2
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Menu/Item.d.ts +18 -5
  93. package/types/src/Menu/Menu.d.ts +3 -3
  94. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  95. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  96. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  97. package/types/src/Multiselect/Option.d.ts +2 -0
  98. package/types/src/Number/Number.d.ts +3 -3
  99. package/types/src/Popover/Popover.d.ts +3 -4
  100. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  101. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  102. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  103. package/types/src/Search/Option.d.ts +9 -3
  104. package/types/src/Select/Option.d.ts +3 -1
  105. package/types/src/Select/OptionBase.d.ts +7 -5
  106. package/types/src/Select/Select.d.ts +1 -1
  107. package/types/src/Select/SelectAllOption.d.ts +4 -4
  108. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  109. package/types/src/Slider/Slider.d.ts +2 -2
  110. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  111. package/types/src/StepBar/Step.d.ts +1 -2
  112. package/types/src/Switch/Switch.d.ts +0 -1
  113. package/types/src/TabBar/Tab.d.ts +1 -1
  114. package/types/src/TabBar/TabBar.d.ts +3 -1
  115. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  116. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  117. package/types/src/Table/Table.d.ts +0 -1
  118. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  119. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  120. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  121. package/types/src/Text/Text.d.ts +2 -2
  122. package/types/src/TextArea/TextArea.d.ts +2 -2
  123. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  124. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  125. package/useForceUpdate.js +30 -32
  126. package/useKeyPress.js +1 -1
  127. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  128. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  129. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  130. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  131. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  132. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  133. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  134. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  135. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  136. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Number.js CHANGED
@@ -61,7 +61,7 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- default: () => /* reexport */ re
64
+ default: () => /* reexport */ oe
65
65
  });
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const r = require("react");
@@ -86,26 +86,24 @@
86
86
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
87
87
  const m = require("@splunk/ui-utils/i18n");
88
88
  // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
89
- const h = require("@splunk/ui-utils/keyboard");
89
+ const b = require("@splunk/ui-utils/keyboard");
90
90
  // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
91
- const b = require("@splunk/react-icons/SVGEnterprise");
92
- var y = e.n(b);
91
+ const h = require("@splunk/react-icons/SVGEnterprise");
92
+ var y = e.n(h);
93
93
  // CONCATENATED MODULE: ./src/Number/IncrementIcon.tsx
94
94
  function g() {
95
- g = Object.assign || function(e) {
95
+ return g = Object.assign ? Object.assign.bind() : function(e) {
96
96
  for (var t = 1; t < arguments.length; t++) {
97
97
  var r = arguments[t];
98
98
  for (var n in r) {
99
- if (Object.prototype.hasOwnProperty.call(r, n)) {
100
- e[n] = r[n];
101
- }
99
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
102
100
  }
103
101
  }
104
102
  return e;
105
- };
106
- return g.apply(this, arguments);
103
+ }, g.apply(null, arguments)
104
+ /* eslint-disable max-len */;
107
105
  }
108
- /* eslint-disable max-len */ function k(e) {
106
+ function k(e) {
109
107
 
110
108
  return n().createElement(y(), g({
111
109
  viewBox: "0 0 933 600"
@@ -116,18 +114,18 @@
116
114
  }
117
115
  // CONCATENATED MODULE: external "styled-components"
118
116
  const S = require("styled-components");
119
- var x = e.n(S);
117
+ var O = e.n(S);
120
118
  // CONCATENATED MODULE: external "@splunk/react-ui/Button"
121
- const O = require("@splunk/react-ui/Button");
122
- var w = e.n(O);
119
+ const w = require("@splunk/react-ui/Button");
120
+ var x = e.n(w);
123
121
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
124
- const C = require("@splunk/react-ui/Clickable");
125
- var j = e.n(C);
122
+ const j = require("@splunk/react-ui/Clickable");
123
+ var P = e.n(j);
126
124
  // CONCATENATED MODULE: external "@splunk/react-ui/Text"
127
- const P = require("@splunk/react-ui/Text");
128
- var V = e.n(P);
125
+ const C = require("@splunk/react-ui/Text");
126
+ var T = e.n(C);
129
127
  // CONCATENATED MODULE: ./src/Number/NumberStyles.ts
130
- var T = x()(V()).withConfig({
128
+ var V = O()(T()).withConfig({
131
129
  displayName: "NumberStyles__StyledText",
132
130
  componentId: "sc-2ekj9s-0"
133
131
  })([ "&[data-inline]{", "}" ], (0, v.pick)({
@@ -137,7 +135,7 @@
137
135
  },
138
136
  prisma: (0, S.css)([ "width:100px;" ])
139
137
  }));
140
- var _ = x().div.withConfig({
138
+ var E = O().div.withConfig({
141
139
  displayName: "NumberStyles__StyledControls",
142
140
  componentId: "sc-2ekj9s-1"
143
141
  })([ "width:", ";height:100%;", " ", "" ], (0, v.pick)({
@@ -158,15 +156,15 @@
158
156
  prisma: (0, S.css)([ "transform:translateX(-1px);" ])
159
157
  })) : (0, S.css)([ "margin-left:8px;" ]);
160
158
  }));
161
- var E = (0, S.css)([ "position:relative;padding:3px;font-size:inherit;min-width:0;min-height:0;height:", ";width:100%;" ], (0,
159
+ var _ = (0, S.css)([ "position:relative;padding:3px;font-size:inherit;min-width:0;min-height:0;height:", ";width:100%;" ], (0,
162
160
  v.pick)({
163
161
  enterprise: "calc(50% + 1.5px)",
164
162
  prisma: "50%"
165
163
  }));
166
- var N = x()(w()).withConfig({
164
+ var N = O()(x()).withConfig({
167
165
  displayName: "NumberStyles__StyledPlusButton",
168
166
  componentId: "sc-2ekj9s-2"
169
- })([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
167
+ })([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], _, (function(e) {
170
168
  var t = e.append;
171
169
  return t && (0, v.pick)({
172
170
  enterprise: {
@@ -179,10 +177,10 @@
179
177
  dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
180
178
  }
181
179
  }));
182
- var D = x()(w()).withConfig({
180
+ var D = O()(x()).withConfig({
183
181
  displayName: "NumberStyles__StyledMinusButton",
184
182
  componentId: "sc-2ekj9s-3"
185
- })([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
183
+ })([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], _, (function(e) {
186
184
  var t = e.append;
187
185
  return t && (0, v.pick)({
188
186
  enterprise: {
@@ -195,10 +193,10 @@
195
193
  dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
196
194
  }
197
195
  }));
198
- var B = x()(j()).withConfig({
196
+ var B = O()(P()).withConfig({
199
197
  displayName: "NumberStyles__prismaButton",
200
198
  componentId: "sc-2ekj9s-4"
201
- })([ "", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}" ], E, (0,
199
+ })([ "", ";display:flex;align-items:center;justify-content:center;", " &:hover:not([disabled]){", "}&:active:not([disabled]){", "}" ], _, (0,
202
200
  v.pick)({
203
201
  prisma: (0, S.css)([ "color:", ";" ], v.variables.contentColorDefault)
204
202
  }), (0, v.pick)({
@@ -206,165 +204,145 @@
206
204
  }), (0, v.pick)({
207
205
  prisma: (0, S.css)([ "background-color:", ";color:", ";" ], v.variables.interactiveColorOverlayActive, v.variables.contentColorActive)
208
206
  }));
209
- var I = x()(B).withConfig({
207
+ var I = O()(B).withConfig({
210
208
  displayName: "NumberStyles__StyledPrismaPlusButton",
211
209
  componentId: "sc-2ekj9s-5"
212
210
  })([ "border-top-right-radius:4px;" ]);
213
- var q = x()(B).withConfig({
211
+ var q = O()(B).withConfig({
214
212
  displayName: "NumberStyles__StyledPrismaMinusButton",
215
213
  componentId: "sc-2ekj9s-6"
216
214
  })([ "border-bottom-right-radius:4px;padding-bottom:5px;" ]);
217
215
  // CONCATENATED MODULE: ./src/Number/Number.tsx
218
216
  function K(e) {
219
217
  "@babel/helpers - typeof";
220
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
221
- K = function e(t) {
222
- return typeof t;
223
- };
224
- } else {
225
- K = function e(t) {
226
- return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
227
- };
228
- }
229
- return K(e);
218
+ return K = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
219
+ return typeof e;
220
+ } : function(e) {
221
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
222
+ }, K(e);
230
223
  }
231
224
  function A() {
232
- A = Object.assign || function(e) {
225
+ return A = Object.assign ? Object.assign.bind() : function(e) {
233
226
  for (var t = 1; t < arguments.length; t++) {
234
227
  var r = arguments[t];
235
228
  for (var n in r) {
236
- if (Object.prototype.hasOwnProperty.call(r, n)) {
237
- e[n] = r[n];
238
- }
229
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
239
230
  }
240
231
  }
241
232
  return e;
242
- };
243
- return A.apply(this, arguments);
233
+ }, A.apply(null, arguments);
244
234
  }
245
235
  function M(e, t) {
246
236
  var r = Object.keys(e);
247
237
  if (Object.getOwnPropertySymbols) {
248
238
  var n = Object.getOwnPropertySymbols(e);
249
- if (t) n = n.filter((function(t) {
239
+ t && (n = n.filter((function(t) {
250
240
  return Object.getOwnPropertyDescriptor(e, t).enumerable;
251
- }));
252
- r.push.apply(r, n);
241
+ }))), r.push.apply(r, n);
253
242
  }
254
243
  return r;
255
244
  }
256
- function R(e) {
245
+ function F(e) {
257
246
  for (var t = 1; t < arguments.length; t++) {
258
- var r = arguments[t] != null ? arguments[t] : {};
259
- if (t % 2) {
260
- M(Object(r), true).forEach((function(t) {
261
- Q(e, t, r[t]);
262
- }));
263
- } else if (Object.getOwnPropertyDescriptors) {
264
- Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
265
- } else {
266
- M(Object(r)).forEach((function(t) {
267
- Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
268
- }));
269
- }
247
+ var r = null != arguments[t] ? arguments[t] : {};
248
+ t % 2 ? M(Object(r), !0).forEach((function(t) {
249
+ Q(e, t, r[t]);
250
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : M(Object(r)).forEach((function(t) {
251
+ Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
252
+ }));
270
253
  }
271
254
  return e;
272
255
  }
273
- function F(e, t) {
274
- if (!(e instanceof t)) {
275
- throw new TypeError("Cannot call a class as a function");
276
- }
256
+ function R(e, t) {
257
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
277
258
  }
278
259
  function U(e, t) {
279
260
  for (var r = 0; r < t.length; r++) {
280
261
  var n = t[r];
281
- n.enumerable = n.enumerable || false;
282
- n.configurable = true;
283
- if ("value" in n) n.writable = true;
284
- Object.defineProperty(e, n.key, n);
262
+ n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
263
+ Object.defineProperty(e, W(n.key), n);
285
264
  }
286
265
  }
287
266
  function z(e, t, r) {
288
- if (t) U(e.prototype, t);
289
- if (r) U(e, r);
290
- return e;
267
+ return t && U(e.prototype, t), r && U(e, r), Object.defineProperty(e, "prototype", {
268
+ writable: !1
269
+ }), e;
291
270
  }
292
271
  function X(e, t) {
293
- if (typeof t !== "function" && t !== null) {
294
- throw new TypeError("Super expression must either be null or a function");
295
- }
272
+ if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
296
273
  e.prototype = Object.create(t && t.prototype, {
297
274
  constructor: {
298
275
  value: e,
299
- writable: true,
300
- configurable: true
276
+ writable: !0,
277
+ configurable: !0
301
278
  }
302
- });
303
- if (t) $(e, t);
279
+ }), Object.defineProperty(e, "prototype", {
280
+ writable: !1
281
+ }), t && $(e, t);
304
282
  }
305
283
  function $(e, t) {
306
- $ = Object.setPrototypeOf || function e(t, r) {
307
- t.__proto__ = r;
308
- return t;
309
- };
310
- return $(e, t);
284
+ return $ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
285
+ return e.__proto__ = t, e;
286
+ }, $(e, t);
311
287
  }
312
288
  function L(e) {
313
289
  var t = Y();
314
- return function r() {
315
- var n = J(e), o;
290
+ return function() {
291
+ var r, n = J(e);
316
292
  if (t) {
317
- var i = J(this).constructor;
318
- o = Reflect.construct(n, arguments, i);
319
- } else {
320
- o = n.apply(this, arguments);
321
- }
322
- return G(this, o);
293
+ var o = J(this).constructor;
294
+ r = Reflect.construct(n, arguments, o);
295
+ } else r = n.apply(this, arguments);
296
+ return G(this, r);
323
297
  };
324
298
  }
325
299
  function G(e, t) {
326
- if (t && (K(t) === "object" || typeof t === "function")) {
327
- return t;
328
- }
300
+ if (t && ("object" == K(t) || "function" == typeof t)) return t;
301
+ if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
329
302
  return H(e);
330
303
  }
331
304
  function H(e) {
332
- if (e === void 0) {
333
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
334
- }
305
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
335
306
  return e;
336
307
  }
337
308
  function Y() {
338
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
339
- if (Reflect.construct.sham) return false;
340
- if (typeof Proxy === "function") return true;
341
309
  try {
342
- Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
343
- return true;
344
- } catch (e) {
345
- return false;
346
- }
310
+ var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
311
+ } catch (e) {}
312
+ return (Y = function t() {
313
+ return !!e;
314
+ })();
347
315
  }
348
316
  function J(e) {
349
- J = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
350
- return t.__proto__ || Object.getPrototypeOf(t);
351
- };
352
- return J(e);
317
+ return J = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
318
+ return e.__proto__ || Object.getPrototypeOf(e);
319
+ }, J(e);
353
320
  }
354
321
  function Q(e, t, r) {
355
- if (t in e) {
356
- Object.defineProperty(e, t, {
357
- value: r,
358
- enumerable: true,
359
- configurable: true,
360
- writable: true
361
- });
362
- } else {
363
- e[t] = r;
322
+ return (t = W(t)) in e ? Object.defineProperty(e, t, {
323
+ value: r,
324
+ enumerable: !0,
325
+ configurable: !0,
326
+ writable: !0
327
+ }) : e[t] = r, e;
328
+ }
329
+ function W(e) {
330
+ var t = Z(e, "string");
331
+ return "symbol" == K(t) ? t : t + "";
332
+ }
333
+ function Z(e, t) {
334
+ if ("object" != K(e) || !e) return e;
335
+ var r = e[Symbol.toPrimitive];
336
+ if (void 0 !== r) {
337
+ var n = r.call(e, t || "default");
338
+ if ("object" != K(n)) return n;
339
+ throw new TypeError("@@toPrimitive must return a primitive value.");
364
340
  }
365
- return e;
341
+ return ("string" === t ? String : Number)(e);
366
342
  }
367
- var W = {
343
+ /** @public */
344
+ /** @public */
345
+ /** @public */ var ee = {
368
346
  append: i().bool,
369
347
  children: i().node,
370
348
  defaultValue: i().number,
@@ -396,7 +374,7 @@
396
374
  useSyntheticPlaceholder: i().bool,
397
375
  value: i().number
398
376
  };
399
- var Z = {
377
+ var te = {
400
378
  append: false,
401
379
  disabled: false,
402
380
  error: false,
@@ -408,7 +386,7 @@
408
386
  roundTo: 5,
409
387
  step: 1
410
388
  };
411
- var ee = function(e) {
389
+ var re = function(e) {
412
390
  X(r, e);
413
391
  var t = L(r);
414
392
  z(r, null, [ {
@@ -453,7 +431,7 @@
453
431
  if (r.getDecimalSeparator(n.locale) === ".") {
454
432
  return t.toString();
455
433
  }
456
- // comma separated case
434
+ // comma separated case
457
435
  return t.toString().replace(".", ",");
458
436
  }
459
437
  }, {
@@ -470,14 +448,27 @@
470
448
  if (o !== undefined && u()(o)) {
471
449
  a = Math.min(o, a);
472
450
  }
473
- // eslint-disable-next-line no-restricted-properties
474
- var l = Math.pow(10, i);
451
+ var l = Math.pow(10, i);
475
452
  return Math.round(a * l) / l;
476
453
  }
454
+ }, {
455
+ key: "getDerivedStateFromProps",
456
+ value: function e(t, n) {
457
+ if (l()(t, "value") && t.value !== n.prevValueProp) {
458
+ var o = r.stringToNumber(n.stringValue, t);
459
+ return t.value !== o ? {
460
+ prevValueProp: t.value,
461
+ stringValue: r.numberToString(t.value, t)
462
+ } : {
463
+ prevValueProp: t.value
464
+ };
465
+ }
466
+ return null;
467
+ }
477
468
  } ]);
478
469
  function r(e) {
479
470
  var n;
480
- F(this, r);
471
+ R(this, r);
481
472
  n = t.call(this, e);
482
473
  Q(H(n), "controlledExternally", void 0);
483
474
  Q(H(n), "text", null);
@@ -492,29 +483,29 @@
492
483
  }));
493
484
  Q(H(n), "handleKeyDown", (function(e) {
494
485
  var t, r;
495
- if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, h.addsCharacter)(e.nativeEvent) !== false) {
486
+ if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, b.addsCharacter)(e.nativeEvent) !== false) {
496
487
  // only allow numbers, negative and decimals
497
- if (!(0, h.isNumeric)(e.nativeEvent, {
488
+ if (!(0, b.isNumeric)(e.nativeEvent, {
498
489
  locale: n.props.locale
499
490
  })) {
500
491
  e.preventDefault();
501
492
  }
502
- // if minus is not allowed or there is already one, prevent input
503
- if ((0, h.isMinus)(e.nativeEvent) && (n.preventNegativeNumbers() || n.state.stringValue.indexOf("-") >= 0)) {
493
+ // if minus is not allowed or there is already one, prevent input
494
+ if ((0, b.isMinus)(e.nativeEvent) && (n.preventNegativeNumbers() || n.state.stringValue.indexOf("-") >= 0)) {
504
495
  e.preventDefault();
505
496
  }
506
- // if decimal is not allowed or there is already one, prevent input
507
- if ((0, h.isDecimal)(e.nativeEvent, {
497
+ // if decimal is not allowed or there is already one, prevent input
498
+ if ((0, b.isDecimal)(e.nativeEvent, {
508
499
  locale: n.props.locale
509
500
  }) && (n.props.roundTo <= 0 || n.state.stringValue.indexOf(n.props.locale) >= 0)) {
510
501
  e.preventDefault();
511
502
  }
512
503
  }
513
- // Arrow up and down will increment
514
- if ((0, h.keycode)(e.nativeEvent) === "up") {
504
+ // Arrow up and down will increment
505
+ if ((0, b.keycode)(e.nativeEvent) === "up") {
515
506
  n.increment(e, n.props.step);
516
507
  e.preventDefault();
517
- } else if ((0, h.keycode)(e.nativeEvent) === "down") {
508
+ } else if ((0, b.keycode)(e.nativeEvent) === "down") {
518
509
  n.increment(e, -n.props.step);
519
510
  e.preventDefault();
520
511
  }
@@ -522,7 +513,7 @@
522
513
  }));
523
514
  Q(H(n), "handleKeyUp", (function(e) {
524
515
  var t, r;
525
- if ((0, h.keycode)(e.nativeEvent) === "enter") {
516
+ if ((0, b.keycode)(e.nativeEvent) === "enter") {
526
517
  n.updateString();
527
518
  }
528
519
  (t = (r = n.props).onKeyUp) === null || t === void 0 ? void 0 : t.call(r, e);
@@ -607,6 +598,7 @@
607
598
  /**
608
599
  * Place focus on the input.
609
600
  */
601
+ // eslint-disable-next-line react/no-unused-class-component-methods
610
602
  value: function e(t) {
611
603
  if (this.text) {
612
604
  this.text.focus(t);
@@ -630,7 +622,7 @@
630
622
  value: function e(t, n) {
631
623
  var o = r.stringToNumber(this.state.stringValue, this.props);
632
624
  var i;
633
- // increment appropriate number
625
+ // increment appropriate number
634
626
  if (o !== undefined && u()(o)) {
635
627
  // increment the entered value
636
628
  i = o + n;
@@ -656,30 +648,30 @@
656
648
  key: "render",
657
649
  value: function e() {
658
650
  var t = this;
659
- var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max, h = r.min, b = r.prepend, y = r.splunkTheme;
651
+ var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max, b = r.min, h = r.prepend, y = r.splunkTheme;
660
652
  var g = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
661
653
  var S = y.isPrisma;
662
- var x = S ? {} : {
654
+ var O = S ? {} : {
663
655
  append: o,
664
656
  prepend: !o,
665
657
  error: l,
666
658
  inline: false
667
659
  };
668
- var O = d !== undefined && u()(d) && v !== undefined && u()(v) && d >= v;
669
- var w = d !== undefined && u()(d) && h !== undefined && u()(h) && d <= h;
670
- var C = n().createElement(k, {
660
+ var w = d !== undefined && u()(d) && v !== undefined && u()(v) && d >= v;
661
+ var x = d !== undefined && u()(d) && b !== undefined && u()(b) && d <= b;
662
+ var j = n().createElement(k, {
671
663
  width: "6px",
672
664
  height: "4px",
673
665
  screenReaderText: (0, m._)("Increment")
674
666
  });
675
- var j = R({
667
+ var P = F({
676
668
  "data-test": "increment",
677
- disabled: a || O,
669
+ disabled: a || w,
678
670
  onClick: this.handleIncrement,
679
671
  tabIndex: -1
680
- }, x);
681
- var P = S ? n().createElement(I, j, C) : n().createElement(N, j, C);
682
- var V = n().createElement(k, {
672
+ }, O);
673
+ var C = S ? n().createElement(I, P, j) : n().createElement(N, P, j);
674
+ var T = n().createElement(k, {
683
675
  width: "6px",
684
676
  height: "4px",
685
677
  screenReaderText: (0, m._)("Decrement"),
@@ -687,22 +679,22 @@
687
679
  transform: "rotateX(180deg)"
688
680
  }
689
681
  });
690
- var E = R({
682
+ var _ = F({
691
683
  "data-test": "decrement",
692
- disabled: a || w,
684
+ disabled: a || x,
693
685
  onClick: this.handleDecrement,
694
686
  tabIndex: -1
695
- }, x);
696
- var B = S ? n().createElement(q, E, V) : n().createElement(D, E, V);
697
- var K = o && !b;
698
- var M = (!a || S) && K && !s && n().createElement(_, {
687
+ }, O);
688
+ var B = S ? n().createElement(q, _, T) : n().createElement(D, _, T);
689
+ var K = o && !h;
690
+ var M = (!a || S) && K && !s && n().createElement(E, {
699
691
  $isAppend: K
700
- }, P, B);
701
- var F = (!a || S) && !K && !s && n().createElement(_, {
692
+ }, C, B);
693
+ var R = (!a || S) && !K && !s && n().createElement(E, {
702
694
  $isAppend: K
703
- }, P, B);
695
+ }, C, B);
704
696
 
705
- return n().createElement(T, A({
697
+ return n().createElement(V, A({
706
698
  autoCapitalize: "off",
707
699
  autoComplete: "off",
708
700
  autoCorrect: "off",
@@ -722,30 +714,19 @@
722
714
  error: l,
723
715
  "data-test-value": d,
724
716
  startAdornment: M,
725
- endAdornment: F
717
+ endAdornment: R
726
718
  }));
727
719
  }
728
720
  } ]);
729
721
  return r;
730
722
  }(r.Component);
731
- Q(ee, "propTypes", W);
732
- Q(ee, "defaultProps", Z);
733
- Q(ee, "displayName", "Number");
734
- Q(ee, "getDerivedStateFromProps", (function(e, t) {
735
- if (l()(e, "value") && e.value !== t.prevValueProp) {
736
- var r = ee.stringToNumber(t.stringValue, e);
737
- return e.value !== r ? {
738
- prevValueProp: e.value,
739
- stringValue: ee.numberToString(e.value, e)
740
- } : {
741
- prevValueProp: e.value
742
- };
743
- }
744
- return null;
745
- }));
746
- var te = (0, v.withSplunkTheme)(ee);
747
- te.propTypes = ee.propTypes;
748
- /* harmony default export */ const re = te;
749
- // CONCATENATED MODULE: ./src/Number/index.ts
723
+ Q(re, "propTypes", ee);
724
+ Q(re, "defaultProps", te);
725
+ Q(re, "displayName", "Number");
726
+ var ne = (0, v.withSplunkTheme)(re);
727
+ ne.propTypes = re.propTypes;
728
+ /* harmony default export */ const oe = ne;
729
+ // only for styled components using Number
730
+ // CONCATENATED MODULE: ./src/Number/index.ts
750
731
  module.exports = t;
751
732
  /******/})();