@splunk/react-ui 4.32.0 → 4.33.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 (37) hide show
  1. package/Button.js +42 -45
  2. package/ButtonSimple.js +372 -336
  3. package/CHANGELOG.md +23 -0
  4. package/Clickable.js +21 -19
  5. package/FormRows.js +229 -207
  6. package/MIGRATION.mdx +23 -0
  7. package/Menu.js +1 -1
  8. package/Modal.js +156 -131
  9. package/Multiselect.js +47 -33
  10. package/Select.js +236 -220
  11. package/TabBar.js +1 -1
  12. package/Text.js +13 -11
  13. package/package.json +5 -5
  14. package/types/src/Button/Button.d.ts +4 -4
  15. package/types/src/ButtonSimple/ButtonSimple.d.ts +8 -6
  16. package/types/src/ButtonSimple/mixin.d.ts +2 -2
  17. package/types/src/Clickable/Clickable.d.ts +3 -2
  18. package/types/src/Date/Date.d.ts +2 -2
  19. package/types/src/Menu/Item.d.ts +0 -1
  20. package/types/src/Number/Number.d.ts +2 -2
  21. package/types/src/Select/Select.d.ts +6 -2
  22. package/types/src/Select/SelectBase.d.ts +6 -2
  23. package/types/src/Slider/Slider.d.ts +2 -2
  24. package/types/src/Text/docs/examples/Basic.d.ts +1 -9
  25. package/types/src/Text/docs/examples/Error.d.ts +2 -10
  26. package/types/src/Text/docs/examples/Inline.d.ts +1 -9
  27. package/types/src/Text/docs/examples/Multiline.d.ts +1 -9
  28. package/types/src/Text/docs/examples/Password.d.ts +1 -9
  29. package/types/src/Text/docs/examples/Search.d.ts +1 -9
  30. package/types/src/Button/docs/examples/prisma/Basic.d.ts +0 -2
  31. package/types/src/Button/docs/examples/prisma/Block.d.ts +0 -2
  32. package/types/src/Button/docs/examples/prisma/Disabled.d.ts +0 -2
  33. package/types/src/Button/docs/examples/prisma/Icons.d.ts +0 -2
  34. package/types/src/Button/docs/examples/prisma/Menus.d.ts +0 -2
  35. package/types/src/Button/docs/examples/prisma/To.d.ts +0 -2
  36. package/types/src/Button/docs/examples/prisma/Truncated.d.ts +0 -2
  37. /package/types/src/{Button/docs/examples/prisma → Clickable/docs/examples}/Dimmed.d.ts +0 -0
package/FormRows.js CHANGED
@@ -61,8 +61,8 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- Row: () => /* reexport */ ye,
65
- default: () => /* reexport */ He
64
+ Row: () => /* reexport */ xe,
65
+ default: () => /* reexport */ Le
66
66
  });
67
67
  // CONCATENATED MODULE: external "react"
68
68
  const r = require("react");
@@ -73,14 +73,14 @@
73
73
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
74
74
  const a = require("@splunk/ui-utils/i18n");
75
75
  // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
76
- const u = require("@splunk/ui-utils/keyboard");
76
+ const l = require("@splunk/ui-utils/keyboard");
77
77
  // CONCATENATED MODULE: ./src/FormRows/FormRowsContext.tsx
78
- var l = (0, r.createContext)({
78
+ var u = (0, r.createContext)({
79
79
  disabledDeleteButton: false,
80
80
  sortable: true
81
81
  });
82
- l.displayName = "FormRows";
83
- /* harmony default export */ const c = l;
82
+ u.displayName = "FormRows";
83
+ /* harmony default export */ const c = u;
84
84
  // CONCATENATED MODULE: external "@splunk/themes"
85
85
  const s = require("@splunk/themes");
86
86
  // CONCATENATED MODULE: external "@splunk/react-icons/Plus"
@@ -105,24 +105,30 @@
105
105
  // CONCATENATED MODULE: external "lodash/omit"
106
106
  const m = require("lodash/omit");
107
107
  var h = e.n(m);
108
- // CONCATENATED MODULE: external "@splunk/react-ui/CloseButton"
109
- const g = require("@splunk/react-ui/CloseButton");
108
+ // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
109
+ const g = require("@splunk/react-icons/Cross");
110
110
  var x = e.n(g);
111
- // CONCATENATED MODULE: external "styled-components"
112
- const w = require("styled-components");
111
+ // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
112
+ const w = require("@splunk/react-icons/enterprise/Close");
113
113
  var O = e.n(w);
114
+ // CONCATENATED MODULE: external "styled-components"
115
+ const R = require("styled-components");
116
+ var S = e.n(R);
114
117
  // CONCATENATED MODULE: external "@splunk/react-ui/Box"
115
- const R = require("@splunk/react-ui/Box");
116
- var j = e.n(R);
118
+ const j = require("@splunk/react-ui/Box");
119
+ var k = e.n(j);
117
120
  // CONCATENATED MODULE: external "@splunk/react-ui/Button"
118
- const S = require("@splunk/react-ui/Button");
119
- var k = e.n(S);
121
+ const E = require("@splunk/react-ui/Button");
122
+ var _ = e.n(E);
123
+ // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
124
+ const P = require("@splunk/react-ui/ButtonSimple");
125
+ var q = e.n(P);
120
126
  // CONCATENATED MODULE: ./src/FormRows/FormRowsStyles.ts
121
- var E = O()(j()).withConfig({
127
+ var C = S()(k()).withConfig({
122
128
  displayName: "FormRowsStyles__StyledBox",
123
129
  componentId: "sc-1j4j7h3-0"
124
130
  })([ "", ";" ], s.mixins.reset("block"));
125
- var P = O().div.withConfig({
131
+ var D = S().div.withConfig({
126
132
  displayName: "FormRowsStyles__StyledHeader",
127
133
  componentId: "sc-1j4j7h3-1"
128
134
  })([ "padding-left:", ";", "" ], (0, s.pick)({
@@ -130,46 +136,46 @@
130
136
  prisma: "16px"
131
137
  }), (0, s.pick)({
132
138
  prisma: {
133
- comfortable: (0, w.css)([ "padding-bottom:8px;" ]),
134
- compact: (0, w.css)([ "padding-bottom:6px;" ])
139
+ comfortable: (0, R.css)([ "padding-bottom:8px;" ]),
140
+ compact: (0, R.css)([ "padding-bottom:6px;" ])
135
141
  }
136
142
  }));
137
- var _ = O()(k()).withConfig({
143
+ var I = S()(_()).withConfig({
138
144
  displayName: "FormRowsStyles__StyledAddRowButton",
139
145
  componentId: "sc-1j4j7h3-2"
140
146
  })([ "", "" ], (function(e) {
141
147
  var t = e.$sortable;
142
148
  return t && (0, s.pick)({
143
- prisma: (0, w.css)([ "margin-left:16px;" ])
149
+ prisma: (0, R.css)([ "margin-left:16px;" ])
144
150
  });
145
151
  }));
146
- var q = O().div.withConfig({
152
+ var T = S().div.withConfig({
147
153
  displayName: "FormRowsStyles__StyledRows",
148
154
  componentId: "sc-1j4j7h3-3"
149
155
  })([ "position:relative;", "" ], (0, s.pick)({
150
156
  prisma: {
151
- comfortable: (0, w.css)([ "padding-bottom:12px;" ]),
152
- compact: (0, w.css)([ "padding-bottom:10px;" ])
157
+ comfortable: (0, R.css)([ "padding-bottom:12px;" ]),
158
+ compact: (0, R.css)([ "padding-bottom:10px;" ])
153
159
  }
154
160
  }));
155
- var C = O().div.withConfig({
161
+ var H = S().div.withConfig({
156
162
  displayName: "FormRowsStyles__Styled",
157
163
  componentId: "sc-1j4j7h3-4"
158
164
  })([ "padding:", ";position:relative;&.sorting{z-index:calc(", " + 1);}", " &:focus{outline:0;box-shadow:", ";}" ], (0,
159
165
  s.pick)({
160
- enterprise: (0, w.css)([ "3px calc(", " + 3px) 3px 0" ], s.variables.inputHeight),
166
+ enterprise: (0, R.css)([ "3px calc(", " + 3px) 3px 0" ], s.variables.inputHeight),
161
167
  prisma: {
162
- comfortable: (0, w.css)([ "8px calc(", " + 8px) 8px 0" ], s.variables.inputHeight),
163
- compact: (0, w.css)([ "6px calc(", " + 8px) 6px 0" ], s.variables.inputHeight)
168
+ comfortable: (0, R.css)([ "8px calc(", " + 8px) 8px 0" ], s.variables.inputHeight),
169
+ compact: (0, R.css)([ "6px calc(", " + 8px) 6px 0" ], s.variables.inputHeight)
164
170
  }
165
171
  }), s.variables.zindexPopover, (function(e) {
166
172
  var t = e.$sortable;
167
- return t && (0, w.css)([ "padding-left:", ";" ], (0, s.pick)({
173
+ return t && (0, R.css)([ "padding-left:", ";" ], (0, s.pick)({
168
174
  enterprise: s.variables.spacingHalf,
169
175
  prisma: "16px"
170
176
  }));
171
177
  }), s.variables.focusShadow);
172
- var D = O().div.withConfig({
178
+ var A = S().div.withConfig({
173
179
  displayName: "FormRowsStyles__StyledButton",
174
180
  componentId: "sc-1j4j7h3-5"
175
181
  })([ "position:absolute;right:0;top:", ";float:right;" ], (0, s.pick)({
@@ -179,9 +185,13 @@
179
185
  compact: "6px"
180
186
  }
181
187
  }));
182
- var I = O().div.withConfig({
183
- displayName: "FormRowsStyles__StyledDrag",
188
+ var B = S()(q()).withConfig({
189
+ displayName: "FormRowsStyles__StyledButtonSimple",
184
190
  componentId: "sc-1j4j7h3-6"
191
+ })([ "float:right;width:", ";height:", ";text-align:center;" ], s.variables.inputHeight, s.variables.inputHeight);
192
+ var N = S().div.withConfig({
193
+ displayName: "FormRowsStyles__StyledDrag",
194
+ componentId: "sc-1j4j7h3-7"
185
195
  })([ "position:absolute;left:0;right:0;content:'';cursor:move;background:", ";width:", ";top:", ";", "" ], s.variables.draggableBackground, (0,
186
196
  s.pick)({
187
197
  enterprise: "7px",
@@ -193,12 +203,12 @@
193
203
  compact: "12px"
194
204
  }
195
205
  }), (0, s.pick)({
196
- enterprise: (0, w.css)([ "bottom:3px;opacity:0.5;" ]),
197
- prisma: (0, w.css)([ "height:20px;" ])
206
+ enterprise: (0, R.css)([ "bottom:3px;opacity:0.5;" ]),
207
+ prisma: (0, R.css)([ "height:20px;" ])
198
208
  }));
199
209
  // CONCATENATED MODULE: ./src/FormRows/RowInternal.tsx
200
- function T() {
201
- T = Object.assign || function(e) {
210
+ function M() {
211
+ M = Object.assign || function(e) {
202
212
  for (var t = 1; t < arguments.length; t++) {
203
213
  var r = arguments[t];
204
214
  for (var n in r) {
@@ -209,11 +219,11 @@
209
219
  }
210
220
  return e;
211
221
  };
212
- return T.apply(this, arguments);
222
+ return M.apply(this, arguments);
213
223
  }
214
- function A(e, t) {
224
+ function F(e, t) {
215
225
  if (e == null) return {};
216
- var r = B(e, t);
226
+ var r = K(e, t);
217
227
  var n, o;
218
228
  if (Object.getOwnPropertySymbols) {
219
229
  var i = Object.getOwnPropertySymbols(e);
@@ -226,7 +236,7 @@
226
236
  }
227
237
  return r;
228
238
  }
229
- function B(e, t) {
239
+ function K(e, t) {
230
240
  if (e == null) return {};
231
241
  var r = {};
232
242
  var n = Object.keys(e);
@@ -238,7 +248,7 @@
238
248
  }
239
249
  return r;
240
250
  }
241
- /** @public */ var H = {
251
+ /** @public */ var L = {
242
252
  children: i().node,
243
253
  index: i().number,
244
254
  onRequestRemove: i().func,
@@ -246,47 +256,59 @@
246
256
  style: i().object,
247
257
  value: i().node
248
258
  };
249
- var M = n().forwardRef((function(e, t) {
250
- var o = e.children, i = e.index, u = e.onRequestRemove, l = e.renderDragHandle, s = A(e, [ "children", "index", "onRequestRemove", "renderDragHandle" ]);
251
- var f = (0, r.useContext)(c), p = f.disabledDeleteButton, d = f.hasOnRequestAdd, v = f.onKeyDown, y = f.sortable;
252
- var b = (0, r.useCallback)((function(e) {
259
+ var $ = n().forwardRef((function(e, t) {
260
+ var o = e.children, i = e.index, l = e.onRequestRemove, u = e.renderDragHandle, f = F(e, [ "children", "index", "onRequestRemove", "renderDragHandle" ]);
261
+ var p = (0, s.useSplunkTheme)(), d = p.isCompact, v = p.isEnterprise;
262
+ var y = d ? "20px" : "24px";
263
+ var b = (0, r.useContext)(c), m = b.disabledDeleteButton, g = b.hasOnRequestAdd, w = b.onKeyDown, R = b.sortable;
264
+ var S = (0, r.useCallback)((function(e) {
253
265
  // TODO: this callback doesn't work correctly if index isn't provided SUI-5639
254
- v === null || v === void 0 ? void 0 : v(e, {
266
+ w === null || w === void 0 ? void 0 : w(e, {
255
267
  index: i !== null && i !== void 0 ? i : 0
256
268
  });
257
- }), [ v, i ]);
258
- var m = (0, r.useCallback)((function(e) {
269
+ }), [ w, i ]);
270
+ var j = (0, r.useCallback)((function(e) {
259
271
  // TODO: this callback doesn't work correctly if index isn't provided SUI-5639
260
- u === null || u === void 0 ? void 0 : u(e, {
272
+ l === null || l === void 0 ? void 0 : l(e, {
261
273
  index: i !== null && i !== void 0 ? i : 0
262
274
  });
263
- }), [ u, i ]);
264
- var g = u !== undefined;
275
+ }), [ l, i ]);
276
+ var k = l !== undefined;
265
277
  if (false) {}
266
278
  if (false) {}
267
279
  if (false) {}
268
280
 
269
- return n().createElement(C, T({
270
- $sortable: y,
281
+ return n().createElement(H, M({
282
+ $sortable: R,
271
283
  "data-test": "row",
272
284
  ref: t,
273
- onKeyDown: b
274
- }, h()(s, [ "onKeyDown", "onRequestRemove" ])), l && l(), o, g && n().createElement(D, null, n().createElement(x(), {
275
- disabled: p,
285
+ onKeyDown: S
286
+ }, h()(f, [ "onKeyDown", "onRequestRemove" ])), u && u(), o, k && n().createElement(A, null, n().createElement(B, {
287
+ appearance: "pill",
288
+ "aria-label": (0, a._)("Remove Row"),
276
289
  "data-test": "remove",
277
- onClick: m,
278
- screenReaderText: (0, a._)("Remove Row")
279
- })));
290
+ disabled: m,
291
+ onClick: j
292
+ }, v ? n().createElement(O(), {
293
+ "data-test": "cross",
294
+ inline: false,
295
+ screenReaderText: null,
296
+ size: "13px"
297
+ }) : n().createElement(x(), {
298
+ "data-test": "cross",
299
+ height: y,
300
+ width: y
301
+ }))));
280
302
  }));
281
- M.propTypes = H;
282
- /* harmony default export */ const N = M;
303
+ $.propTypes = L;
304
+ /* harmony default export */ const z = $;
283
305
  // CONCATENATED MODULE: external "@dnd-kit/sortable"
284
- const F = require("@dnd-kit/sortable");
306
+ const V = require("@dnd-kit/sortable");
285
307
  // CONCATENATED MODULE: external "@dnd-kit/utilities"
286
- const K = require("@dnd-kit/utilities");
308
+ const G = require("@dnd-kit/utilities");
287
309
  // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
288
- const L = require("@splunk/react-ui/ScreenReaderContent");
289
- var $ = e.n(L);
310
+ const J = require("@splunk/react-ui/ScreenReaderContent");
311
+ var Q = e.n(J);
290
312
  // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
291
313
  /**
292
314
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -294,7 +316,7 @@
294
316
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
295
317
  * @param current - The new value of the ref.
296
318
  */
297
- function z(e, t) {
319
+ function U(e, t) {
298
320
  if (e) {
299
321
  if (typeof e === "function") {
300
322
  e(t);
@@ -307,9 +329,9 @@
307
329
  }
308
330
  }
309
331
  // CONCATENATED MODULE: ./src/FormRows/SortableRow.tsx
310
- function V(e, t) {
332
+ function W(e, t) {
311
333
  if (e == null) return {};
312
- var r = G(e, t);
334
+ var r = X(e, t);
313
335
  var n, o;
314
336
  if (Object.getOwnPropertySymbols) {
315
337
  var i = Object.getOwnPropertySymbols(e);
@@ -322,7 +344,7 @@
322
344
  }
323
345
  return r;
324
346
  }
325
- function G(e, t) {
347
+ function X(e, t) {
326
348
  if (e == null) return {};
327
349
  var r = {};
328
350
  var n = Object.keys(e);
@@ -334,8 +356,8 @@
334
356
  }
335
357
  return r;
336
358
  }
337
- function J() {
338
- J = Object.assign || function(e) {
359
+ function Y() {
360
+ Y = Object.assign || function(e) {
339
361
  for (var t = 1; t < arguments.length; t++) {
340
362
  var r = arguments[t];
341
363
  for (var n in r) {
@@ -346,68 +368,68 @@
346
368
  }
347
369
  return e;
348
370
  };
349
- return J.apply(this, arguments);
371
+ return Y.apply(this, arguments);
350
372
  }
351
- var Q = {
373
+ var Z = {
352
374
  children: i().node,
353
375
  index: i().number,
354
376
  onRequestRemove: i().func,
355
377
  value: i().node
356
378
  };
357
- var U = n().forwardRef((function(e, t) {
379
+ var ee = n().forwardRef((function(e, t) {
358
380
 
359
- return n().createElement(I, J({
381
+ return n().createElement(N, Y({
360
382
  "data-test": "drag-handle",
361
383
  ref: t
362
- }, e), n().createElement($(), null, (0, a._)("Press arrow up or arrow down to re-order items")));
384
+ }, e), n().createElement(Q(), null, (0, a._)("Press arrow up or arrow down to re-order items")));
363
385
  }));
364
- var W = n().forwardRef((function(e, t) {
365
- var r = e.children, o = e.index, i = V(e, [ "children", "index" ]);
386
+ var te = n().forwardRef((function(e, t) {
387
+ var r = e.children, o = e.index, i = W(e, [ "children", "index" ]);
366
388
  // @docs-props-type RowPropsBase
367
- var a = (0, F.useSortable)({
389
+ var a = (0, V.useSortable)({
368
390
  // @dnd-kit requires "id" to be greater than 0 https://github.com/clauderic/dnd-kit/issues/1150
369
391
  // TODO: FormRows drag functionality doesn't work without an index, but it's not a required prop SUI-5639
370
392
  id: (o || 0) + 1
371
- }), u = a.attributes, l = a.listeners, c = a.setActivatorNodeRef, s = a.setNodeRef, f = a.transform, p = a.transition;
393
+ }), l = a.attributes, u = a.listeners, c = a.setActivatorNodeRef, s = a.setNodeRef, f = a.transform, p = a.transition;
372
394
  var d = {
373
- transform: K.CSS.Transform.toString(f),
395
+ transform: G.CSS.Transform.toString(f),
374
396
  transition: p
375
397
  };
376
398
  var v = function e(r) {
377
399
  s(r);
378
- z(t, r);
400
+ U(t, r);
379
401
  };
380
402
 
381
- return n().createElement(N, J({
403
+ return n().createElement(z, Y({
382
404
  index: o,
383
405
  ref: v,
384
406
  renderDragHandle: function e() {
385
407
 
386
- return n().createElement(U, J({
408
+ return n().createElement(ee, Y({
387
409
  ref: c
388
- }, l));
410
+ }, u));
389
411
  },
390
412
  style: d
391
- }, i, u), r);
413
+ }, i, l), r);
392
414
  }));
393
- W.propTypes = Q;
394
- /* harmony default export */ const X = W;
415
+ te.propTypes = Z;
416
+ /* harmony default export */ const re = te;
395
417
  // CONCATENATED MODULE: ./src/FormRows/Row.tsx
396
- function Y(e) {
418
+ function ne(e) {
397
419
  "@babel/helpers - typeof";
398
420
  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
399
- Y = function e(t) {
421
+ ne = function e(t) {
400
422
  return typeof t;
401
423
  };
402
424
  } else {
403
- Y = function e(t) {
425
+ ne = function e(t) {
404
426
  return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
405
427
  };
406
428
  }
407
- return Y(e);
429
+ return ne(e);
408
430
  }
409
- function Z() {
410
- Z = Object.assign || function(e) {
431
+ function oe() {
432
+ oe = Object.assign || function(e) {
411
433
  for (var t = 1; t < arguments.length; t++) {
412
434
  var r = arguments[t];
413
435
  for (var n in r) {
@@ -418,11 +440,11 @@
418
440
  }
419
441
  return e;
420
442
  };
421
- return Z.apply(this, arguments);
443
+ return oe.apply(this, arguments);
422
444
  }
423
- function ee(e, t) {
445
+ function ie(e, t) {
424
446
  if (e == null) return {};
425
- var r = te(e, t);
447
+ var r = ae(e, t);
426
448
  var n, o;
427
449
  if (Object.getOwnPropertySymbols) {
428
450
  var i = Object.getOwnPropertySymbols(e);
@@ -435,7 +457,7 @@
435
457
  }
436
458
  return r;
437
459
  }
438
- function te(e, t) {
460
+ function ae(e, t) {
439
461
  if (e == null) return {};
440
462
  var r = {};
441
463
  var n = Object.keys(e);
@@ -447,12 +469,12 @@
447
469
  }
448
470
  return r;
449
471
  }
450
- function re(e, t) {
472
+ function le(e, t) {
451
473
  if (!(e instanceof t)) {
452
474
  throw new TypeError("Cannot call a class as a function");
453
475
  }
454
476
  }
455
- function ne(e, t) {
477
+ function ue(e, t) {
456
478
  for (var r = 0; r < t.length; r++) {
457
479
  var n = t[r];
458
480
  n.enumerable = n.enumerable || false;
@@ -461,12 +483,12 @@
461
483
  Object.defineProperty(e, n.key, n);
462
484
  }
463
485
  }
464
- function oe(e, t, r) {
465
- if (t) ne(e.prototype, t);
466
- if (r) ne(e, r);
486
+ function ce(e, t, r) {
487
+ if (t) ue(e.prototype, t);
488
+ if (r) ue(e, r);
467
489
  return e;
468
490
  }
469
- function ie(e, t) {
491
+ function se(e, t) {
470
492
  if (typeof t !== "function" && t !== null) {
471
493
  throw new TypeError("Super expression must either be null or a function");
472
494
  }
@@ -477,41 +499,41 @@
477
499
  configurable: true
478
500
  }
479
501
  });
480
- if (t) ae(e, t);
502
+ if (t) fe(e, t);
481
503
  }
482
- function ae(e, t) {
483
- ae = Object.setPrototypeOf || function e(t, r) {
504
+ function fe(e, t) {
505
+ fe = Object.setPrototypeOf || function e(t, r) {
484
506
  t.__proto__ = r;
485
507
  return t;
486
508
  };
487
- return ae(e, t);
509
+ return fe(e, t);
488
510
  }
489
- function ue(e) {
490
- var t = se();
511
+ function pe(e) {
512
+ var t = ye();
491
513
  return function r() {
492
- var n = fe(e), o;
514
+ var n = be(e), o;
493
515
  if (t) {
494
- var i = fe(this).constructor;
516
+ var i = be(this).constructor;
495
517
  o = Reflect.construct(n, arguments, i);
496
518
  } else {
497
519
  o = n.apply(this, arguments);
498
520
  }
499
- return le(this, o);
521
+ return de(this, o);
500
522
  };
501
523
  }
502
- function le(e, t) {
503
- if (t && (Y(t) === "object" || typeof t === "function")) {
524
+ function de(e, t) {
525
+ if (t && (ne(t) === "object" || typeof t === "function")) {
504
526
  return t;
505
527
  }
506
- return ce(e);
528
+ return ve(e);
507
529
  }
508
- function ce(e) {
530
+ function ve(e) {
509
531
  if (e === void 0) {
510
532
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
511
533
  }
512
534
  return e;
513
535
  }
514
- function se() {
536
+ function ye() {
515
537
  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
516
538
  if (Reflect.construct.sham) return false;
517
539
  if (typeof Proxy === "function") return true;
@@ -522,13 +544,13 @@
522
544
  return false;
523
545
  }
524
546
  }
525
- function fe(e) {
526
- fe = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
547
+ function be(e) {
548
+ be = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
527
549
  return t.__proto__ || Object.getPrototypeOf(t);
528
550
  };
529
- return fe(e);
551
+ return be(e);
530
552
  }
531
- function pe(e, t, r) {
553
+ function me(e, t, r) {
532
554
  if (t in e) {
533
555
  Object.defineProperty(e, t, {
534
556
  value: r,
@@ -541,54 +563,54 @@
541
563
  }
542
564
  return e;
543
565
  }
544
- var de = {
566
+ var he = {
545
567
  children: i().node,
546
568
  elementRef: i().oneOfType([ i().func, i().object ]),
547
569
  index: i().number,
548
570
  onRequestRemove: i().func,
549
571
  value: i().node
550
572
  };
551
- var ve = function(e) {
552
- ie(r, e);
553
- var t = ue(r);
573
+ var ge = function(e) {
574
+ se(r, e);
575
+ var t = pe(r);
554
576
  function r() {
555
- re(this, r);
577
+ le(this, r);
556
578
  return t.apply(this, arguments);
557
579
  }
558
- oe(r, [ {
580
+ ce(r, [ {
559
581
  key: "render",
560
582
  // @docs-props-type RowPropsBase
561
583
  value: function e() {
562
- var t = this.props, r = t.children, o = t.elementRef, i = ee(t, [ "children", "elementRef" ]);
584
+ var t = this.props, r = t.children, o = t.elementRef, i = ie(t, [ "children", "elementRef" ]);
563
585
  var a = this.context.sortable;
564
- var u = h()(i, [ "onKeyDown" ]);
565
- var l = a ? X : N;
586
+ var l = h()(i, [ "onKeyDown" ]);
587
+ var u = a ? re : z;
566
588
 
567
- return n().createElement(l, Z({
589
+ return n().createElement(u, oe({
568
590
  ref: o
569
- }, u), r);
591
+ }, l), r);
570
592
  }
571
593
  } ]);
572
594
  return r;
573
595
  }(r.Component);
574
- pe(ve, "propTypes", de);
575
- pe(ve, "contextType", c);
576
- /* harmony default export */ const ye = ve;
596
+ me(ge, "propTypes", he);
597
+ me(ge, "contextType", c);
598
+ /* harmony default export */ const xe = ge;
577
599
  // CONCATENATED MODULE: external "@dnd-kit/core"
578
- const be = require("@dnd-kit/core");
600
+ const we = require("@dnd-kit/core");
579
601
  // CONCATENATED MODULE: ./src/FormRows/SortableList.tsx
580
- var me = function e(t) {
602
+ var Oe = function e(t) {
581
603
  var o = t.children, i = t.onSortEnd;
582
- var a = (0, be.useSensors)((0, be.useSensor)(be.PointerSensor), (0, be.useSensor)(be.MouseSensor));
583
- var u = r.Children.toArray(o).filter(r.isValidElement);
584
- var l = u.map((function(e) {
604
+ var a = (0, we.useSensors)((0, we.useSensor)(we.PointerSensor), (0, we.useSensor)(we.MouseSensor));
605
+ var l = r.Children.toArray(o).filter(r.isValidElement);
606
+ var u = l.map((function(e) {
585
607
  return (e.props.index || 0) + 1;
586
608
  }));
587
609
  function c(e) {
588
610
  var t = e.active, r = e.over;
589
611
  if (r && t.id !== r.id) {
590
- var n = l.indexOf(t.id);
591
- var o = l.indexOf(r.id);
612
+ var n = u.indexOf(t.id);
613
+ var o = u.indexOf(r.id);
592
614
  i({
593
615
  oldIndex: n,
594
616
  newIndex: o
@@ -596,32 +618,32 @@
596
618
  }
597
619
  }
598
620
 
599
- return n().createElement(be.DndContext, {
621
+ return n().createElement(we.DndContext, {
600
622
  sensors: a,
601
- collisionDetection: be.closestCenter,
623
+ collisionDetection: we.closestCenter,
602
624
  onDragEnd: c
603
- }, n().createElement(F.SortableContext, {
604
- items: l,
605
- strategy: F.verticalListSortingStrategy
606
- }, u));
625
+ }, n().createElement(V.SortableContext, {
626
+ items: u,
627
+ strategy: V.verticalListSortingStrategy
628
+ }, l));
607
629
  };
608
- /* harmony default export */ const he = me;
630
+ /* harmony default export */ const Re = Oe;
609
631
  // CONCATENATED MODULE: ./src/FormRows/FormRows.tsx
610
- function ge(e) {
632
+ function Se(e) {
611
633
  "@babel/helpers - typeof";
612
634
  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
613
- ge = function e(t) {
635
+ Se = function e(t) {
614
636
  return typeof t;
615
637
  };
616
638
  } else {
617
- ge = function e(t) {
639
+ Se = function e(t) {
618
640
  return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
619
641
  };
620
642
  }
621
- return ge(e);
643
+ return Se(e);
622
644
  }
623
- function xe() {
624
- xe = Object.assign || function(e) {
645
+ function je() {
646
+ je = Object.assign || function(e) {
625
647
  for (var t = 1; t < arguments.length; t++) {
626
648
  var r = arguments[t];
627
649
  for (var n in r) {
@@ -632,11 +654,11 @@
632
654
  }
633
655
  return e;
634
656
  };
635
- return xe.apply(this, arguments);
657
+ return je.apply(this, arguments);
636
658
  }
637
- function we(e, t) {
659
+ function ke(e, t) {
638
660
  if (e == null) return {};
639
- var r = Oe(e, t);
661
+ var r = Ee(e, t);
640
662
  var n, o;
641
663
  if (Object.getOwnPropertySymbols) {
642
664
  var i = Object.getOwnPropertySymbols(e);
@@ -649,7 +671,7 @@
649
671
  }
650
672
  return r;
651
673
  }
652
- function Oe(e, t) {
674
+ function Ee(e, t) {
653
675
  if (e == null) return {};
654
676
  var r = {};
655
677
  var n = Object.keys(e);
@@ -661,12 +683,12 @@
661
683
  }
662
684
  return r;
663
685
  }
664
- function Re(e, t) {
686
+ function _e(e, t) {
665
687
  if (!(e instanceof t)) {
666
688
  throw new TypeError("Cannot call a class as a function");
667
689
  }
668
690
  }
669
- function je(e, t) {
691
+ function Pe(e, t) {
670
692
  for (var r = 0; r < t.length; r++) {
671
693
  var n = t[r];
672
694
  n.enumerable = n.enumerable || false;
@@ -675,12 +697,12 @@
675
697
  Object.defineProperty(e, n.key, n);
676
698
  }
677
699
  }
678
- function Se(e, t, r) {
679
- if (t) je(e.prototype, t);
680
- if (r) je(e, r);
700
+ function qe(e, t, r) {
701
+ if (t) Pe(e.prototype, t);
702
+ if (r) Pe(e, r);
681
703
  return e;
682
704
  }
683
- function ke(e, t) {
705
+ function Ce(e, t) {
684
706
  if (typeof t !== "function" && t !== null) {
685
707
  throw new TypeError("Super expression must either be null or a function");
686
708
  }
@@ -691,41 +713,41 @@
691
713
  configurable: true
692
714
  }
693
715
  });
694
- if (t) Ee(e, t);
716
+ if (t) De(e, t);
695
717
  }
696
- function Ee(e, t) {
697
- Ee = Object.setPrototypeOf || function e(t, r) {
718
+ function De(e, t) {
719
+ De = Object.setPrototypeOf || function e(t, r) {
698
720
  t.__proto__ = r;
699
721
  return t;
700
722
  };
701
- return Ee(e, t);
723
+ return De(e, t);
702
724
  }
703
- function Pe(e) {
704
- var t = Ce();
725
+ function Ie(e) {
726
+ var t = Ae();
705
727
  return function r() {
706
- var n = De(e), o;
728
+ var n = Be(e), o;
707
729
  if (t) {
708
- var i = De(this).constructor;
730
+ var i = Be(this).constructor;
709
731
  o = Reflect.construct(n, arguments, i);
710
732
  } else {
711
733
  o = n.apply(this, arguments);
712
734
  }
713
- return _e(this, o);
735
+ return Te(this, o);
714
736
  };
715
737
  }
716
- function _e(e, t) {
717
- if (t && (ge(t) === "object" || typeof t === "function")) {
738
+ function Te(e, t) {
739
+ if (t && (Se(t) === "object" || typeof t === "function")) {
718
740
  return t;
719
741
  }
720
- return qe(e);
742
+ return He(e);
721
743
  }
722
- function qe(e) {
744
+ function He(e) {
723
745
  if (e === void 0) {
724
746
  throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
725
747
  }
726
748
  return e;
727
749
  }
728
- function Ce() {
750
+ function Ae() {
729
751
  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
730
752
  if (Reflect.construct.sham) return false;
731
753
  if (typeof Proxy === "function") return true;
@@ -736,13 +758,13 @@
736
758
  return false;
737
759
  }
738
760
  }
739
- function De(e) {
740
- De = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
761
+ function Be(e) {
762
+ Be = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
741
763
  return t.__proto__ || Object.getPrototypeOf(t);
742
764
  };
743
- return De(e);
765
+ return Be(e);
744
766
  }
745
- function Ie(e, t, r) {
767
+ function Ne(e, t, r) {
746
768
  if (t in e) {
747
769
  Object.defineProperty(e, t, {
748
770
  value: r,
@@ -755,7 +777,7 @@
755
777
  }
756
778
  return e;
757
779
  }
758
- var Te = {
780
+ var Me = {
759
781
  addLabel: i().string,
760
782
  children: i().node,
761
783
  disabled: i().bool,
@@ -765,27 +787,27 @@
765
787
  onRequestAdd: i().func,
766
788
  onRequestMove: i().func
767
789
  };
768
- var Ae = {
790
+ var Fe = {
769
791
  addLabel: (0, a._)("Add Row"),
770
792
  disabled: false,
771
793
  header: null
772
794
  };
773
- var Be = function(e) {
774
- ke(o, e);
775
- var t = Pe(o);
795
+ var Ke = function(e) {
796
+ Ce(o, e);
797
+ var t = Ie(o);
776
798
  function o() {
777
799
  var e;
778
- Re(this, o);
800
+ _e(this, o);
779
801
  for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++) {
780
802
  i[a] = arguments[a];
781
803
  }
782
804
  e = t.call.apply(t, [ this ].concat(i));
783
- Ie(qe(e), "handleKeyDown", (function(t, r) {
805
+ Ne(He(e), "handleKeyDown", (function(t, r) {
784
806
  var o = r.index;
785
807
  if (t.currentTarget !== t.target) {
786
808
  return;
787
809
  }
788
- if ((0, u.keycode)(t.nativeEvent) === "up") {
810
+ if ((0, l.keycode)(t.nativeEvent) === "up") {
789
811
  t.preventDefault();
790
812
  if (o > 0) {
791
813
  var i, a;
@@ -794,18 +816,18 @@
794
816
  toIndex: o - 1
795
817
  });
796
818
  }
797
- } else if ((0, u.keycode)(t.nativeEvent) === "down") {
819
+ } else if ((0, l.keycode)(t.nativeEvent) === "down") {
798
820
  t.preventDefault();
799
821
  if (o < n().Children.toArray(e.props.children).length - 1) {
800
- var l, c;
801
- (l = (c = e.props).onRequestMove) === null || l === void 0 ? void 0 : l.call(c, {
822
+ var u, c;
823
+ (u = (c = e.props).onRequestMove) === null || u === void 0 ? void 0 : u.call(c, {
802
824
  fromIndex: o,
803
825
  toIndex: o + 1
804
826
  });
805
827
  }
806
828
  }
807
829
  }));
808
- Ie(qe(e), "handleSortEnd", (function(t) {
830
+ Ne(He(e), "handleSortEnd", (function(t) {
809
831
  var r, n;
810
832
  var o = t.oldIndex, i = t.newIndex;
811
833
  (r = (n = e.props).onRequestMove) === null || r === void 0 ? void 0 : r.call(n, {
@@ -815,15 +837,15 @@
815
837
  }));
816
838
  return e;
817
839
  }
818
- Se(o, [ {
840
+ qe(o, [ {
819
841
  key: "render",
820
842
  value: function e() {
821
- var t = this.props, r = t.addLabel, o = t.children, i = t.disabled, a = t.header, u = t.menu, l = t.onRequestAdd, s = t.onRequestMove, f = we(t, [ "addLabel", "children", "disabled", "header", "menu", "onRequestAdd", "onRequestMove" ]);
843
+ var t = this.props, r = t.addLabel, o = t.children, i = t.disabled, a = t.header, l = t.menu, u = t.onRequestAdd, s = t.onRequestMove, f = ke(t, [ "addLabel", "children", "disabled", "header", "menu", "onRequestAdd", "onRequestMove" ]);
822
844
  var p = s !== undefined && !i;
823
- var d = p ? P : "div";
824
- var v = l !== undefined;
845
+ var d = p ? D : "div";
846
+ var v = u !== undefined;
825
847
 
826
- return n().createElement(E, xe({
848
+ return n().createElement(C, je({
827
849
  "data-test": "form-rows"
828
850
  }, f), n().createElement(c.Provider, {
829
851
  value: {
@@ -832,15 +854,15 @@
832
854
  hasOnRequestAdd: v,
833
855
  sortable: p
834
856
  }
835
- }, a && n().createElement(d, null, a), n().createElement(q, null, n().createElement(he, {
857
+ }, a && n().createElement(d, null, a), n().createElement(T, null, n().createElement(Re, {
836
858
  onSortEnd: this.handleSortEnd
837
- }, o)), u || v && n().createElement(_, {
859
+ }, o)), l || v && n().createElement(I, {
838
860
  disabled: i,
839
861
  appearance: "pill",
840
862
  "data-test": "add-row",
841
863
  icon: n().createElement(b, null),
842
864
  label: r,
843
- onClick: l,
865
+ onClick: u,
844
866
  $sortable: p
845
867
  })));
846
868
  }
@@ -931,10 +953,10 @@
931
953
  } ]);
932
954
  return o;
933
955
  }(r.Component);
934
- Ie(Be, "propTypes", Te);
935
- Ie(Be, "defaultProps", Ae);
936
- Ie(Be, "Row", ye);
937
- /* harmony default export */ const He = Be;
956
+ Ne(Ke, "propTypes", Me);
957
+ Ne(Ke, "defaultProps", Fe);
958
+ Ne(Ke, "Row", xe);
959
+ /* harmony default export */ const Le = Ke;
938
960
  // CONCATENATED MODULE: ./src/FormRows/index.ts
939
961
  module.exports = t;
940
962
  /******/})();