@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/FormRows.js CHANGED
@@ -61,8 +61,8 @@
61
61
  e.r(t);
62
62
  // EXPORTS
63
63
  e.d(t, {
64
- Row: () => /* reexport */ xe,
65
- default: () => /* reexport */ Le
64
+ Row: () => /* reexport */ Oe,
65
+ default: () => /* reexport */ Ge
66
66
  });
67
67
  // CONCATENATED MODULE: external "react"
68
68
  const r = require("react");
@@ -84,51 +84,51 @@
84
84
  // CONCATENATED MODULE: external "@splunk/themes"
85
85
  const s = require("@splunk/themes");
86
86
  // CONCATENATED MODULE: external "@splunk/react-icons/Plus"
87
- const f = require("@splunk/react-icons/Plus");
88
- var p = e.n(f);
87
+ const p = require("@splunk/react-icons/Plus");
88
+ var f = e.n(p);
89
89
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Plus"
90
90
  const d = require("@splunk/react-icons/enterprise/Plus");
91
91
  var v = e.n(d);
92
92
  // CONCATENATED MODULE: ./src/FormRows/icons/FormRowsPlusIcon.tsx
93
- var y = function e() {
93
+ var b = function e() {
94
94
  var t = (0, s.useSplunkTheme)(), r = t.isEnterprise, o = t.isCompact;
95
95
  var i = o ? "20px" : "24px";
96
96
  return r ? n().createElement(v(), {
97
97
  screenReaderText: null,
98
98
  hideDefaultTooltip: true
99
- }) : n().createElement(p(), {
99
+ }) : n().createElement(f(), {
100
100
  width: i,
101
101
  height: i
102
102
  });
103
103
  };
104
- /* harmony default export */ const b = y;
104
+ /* harmony default export */ const y = b;
105
105
  // CONCATENATED MODULE: external "lodash/omit"
106
106
  const m = require("lodash/omit");
107
107
  var h = e.n(m);
108
108
  // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
109
109
  const g = require("@splunk/react-icons/Cross");
110
- var x = e.n(g);
110
+ var w = e.n(g);
111
111
  // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
112
- const w = require("@splunk/react-icons/enterprise/Close");
113
- var O = e.n(w);
112
+ const x = require("@splunk/react-icons/enterprise/Close");
113
+ var O = e.n(x);
114
114
  // CONCATENATED MODULE: external "styled-components"
115
115
  const S = require("styled-components");
116
- var R = e.n(S);
116
+ var j = e.n(S);
117
117
  // CONCATENATED MODULE: external "@splunk/react-ui/Box"
118
- const j = require("@splunk/react-ui/Box");
119
- var k = e.n(j);
118
+ const R = require("@splunk/react-ui/Box");
119
+ var P = e.n(R);
120
120
  // CONCATENATED MODULE: external "@splunk/react-ui/Button"
121
121
  const E = require("@splunk/react-ui/Button");
122
- var _ = e.n(E);
122
+ var k = e.n(E);
123
123
  // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
124
- const P = require("@splunk/react-ui/ButtonSimple");
125
- var q = e.n(P);
124
+ const _ = require("@splunk/react-ui/ButtonSimple");
125
+ var q = e.n(_);
126
126
  // CONCATENATED MODULE: ./src/FormRows/FormRowsStyles.ts
127
- var C = R()(k()).withConfig({
127
+ var C = j()(P()).withConfig({
128
128
  displayName: "FormRowsStyles__StyledBox",
129
129
  componentId: "sc-1j4j7h3-0"
130
130
  })([ "", ";" ], s.mixins.reset("block"));
131
- var D = R().div.withConfig({
131
+ var T = j().div.withConfig({
132
132
  displayName: "FormRowsStyles__StyledHeader",
133
133
  componentId: "sc-1j4j7h3-1"
134
134
  })([ "padding-left:", ";", "" ], (0, s.pick)({
@@ -140,7 +140,7 @@
140
140
  compact: (0, S.css)([ "padding-bottom:6px;" ])
141
141
  }
142
142
  }));
143
- var I = R()(_()).withConfig({
143
+ var D = j()(k()).withConfig({
144
144
  displayName: "FormRowsStyles__StyledAddRowButton",
145
145
  componentId: "sc-1j4j7h3-2"
146
146
  })([ "", "" ], (function(e) {
@@ -149,7 +149,7 @@
149
149
  prisma: (0, S.css)([ "margin-left:16px;" ])
150
150
  });
151
151
  }));
152
- var T = R().div.withConfig({
152
+ var I = j().div.withConfig({
153
153
  displayName: "FormRowsStyles__StyledRows",
154
154
  componentId: "sc-1j4j7h3-3"
155
155
  })([ "position:relative;", "" ], (0, s.pick)({
@@ -158,7 +158,7 @@
158
158
  compact: (0, S.css)([ "padding-bottom:10px;" ])
159
159
  }
160
160
  }));
161
- var A = R().div.withConfig({
161
+ var B = j().div.withConfig({
162
162
  displayName: "FormRowsStyles__Styled",
163
163
  componentId: "sc-1j4j7h3-4"
164
164
  })([ "", ";position:relative;&.sorting{z-index:calc(", " + 1);}", " &:focus{outline:0;box-shadow:", ";}" ], (0,
@@ -175,7 +175,7 @@
175
175
  prisma: "16px"
176
176
  }));
177
177
  }), s.variables.focusShadow);
178
- var B = R().div.withConfig({
178
+ var N = j().div.withConfig({
179
179
  displayName: "FormRowsStyles__StyledButton",
180
180
  componentId: "sc-1j4j7h3-5"
181
181
  })([ "position:absolute;right:0;top:", ";float:right;" ], (0, s.pick)({
@@ -185,11 +185,11 @@
185
185
  compact: "6px"
186
186
  }
187
187
  }));
188
- var N = R()(q()).withConfig({
188
+ var A = j()(q()).withConfig({
189
189
  displayName: "FormRowsStyles__StyledButtonSimple",
190
190
  componentId: "sc-1j4j7h3-6"
191
191
  })([ "float:right;width:", ";height:", ";text-align:center;" ], s.variables.inputHeight, s.variables.inputHeight);
192
- var H = R().div.withConfig({
192
+ var H = j().div.withConfig({
193
193
  displayName: "FormRowsStyles__StyledDrag",
194
194
  componentId: "sc-1j4j7h3-7"
195
195
  })([ "position:absolute;left:0;right:0;content:'';cursor:move;background:", ";width:", ";top:", ";", "" ], s.variables.draggableBackground, (0,
@@ -208,43 +208,35 @@
208
208
  }));
209
209
  // CONCATENATED MODULE: ./src/FormRows/RowInternal.tsx
210
210
  function M() {
211
- M = Object.assign || function(e) {
211
+ return M = Object.assign ? Object.assign.bind() : function(e) {
212
212
  for (var t = 1; t < arguments.length; t++) {
213
213
  var r = arguments[t];
214
214
  for (var n in r) {
215
- if (Object.prototype.hasOwnProperty.call(r, n)) {
216
- e[n] = r[n];
217
- }
215
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
218
216
  }
219
217
  }
220
218
  return e;
221
- };
222
- return M.apply(this, arguments);
219
+ }, M.apply(null, arguments);
223
220
  }
224
221
  function F(e, t) {
225
- if (e == null) return {};
226
- var r = K(e, t);
227
- var n, o;
222
+ if (null == e) return {};
223
+ var r, n, o = K(e, t);
228
224
  if (Object.getOwnPropertySymbols) {
229
225
  var i = Object.getOwnPropertySymbols(e);
230
- for (o = 0; o < i.length; o++) {
231
- n = i[o];
232
- if (t.indexOf(n) >= 0) continue;
233
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
234
- r[n] = e[n];
226
+ for (n = 0; n < i.length; n++) {
227
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
235
228
  }
236
229
  }
237
- return r;
230
+ return o;
238
231
  }
239
232
  function K(e, t) {
240
- if (e == null) return {};
233
+ if (null == e) return {};
241
234
  var r = {};
242
- var n = Object.keys(e);
243
- var o, i;
244
- for (i = 0; i < n.length; i++) {
245
- o = n[i];
246
- if (t.indexOf(o) >= 0) continue;
247
- r[o] = e[o];
235
+ for (var n in e) {
236
+ if ({}.hasOwnProperty.call(e, n)) {
237
+ if (t.includes(n)) continue;
238
+ r[n] = e[n];
239
+ }
248
240
  }
249
241
  return r;
250
242
  }
@@ -257,47 +249,47 @@
257
249
  value: i().node
258
250
  };
259
251
  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, S = b.sortable;
264
- var R = (0, r.useCallback)((function(e) {
252
+ var o = e.children, i = e.index, l = e.onRequestRemove, u = e.renderDragHandle, p = F(e, [ "children", "index", "onRequestRemove", "renderDragHandle" ]);
253
+ var f = (0, s.useSplunkTheme)(), d = f.isCompact, v = f.isEnterprise;
254
+ var b = d ? "20px" : "24px";
255
+ var y = (0, r.useContext)(c), m = y.disabledDeleteButton, g = y.hasOnRequestAdd, x = y.onKeyDown, S = y.sortable;
256
+ var j = (0, r.useCallback)((function(e) {
265
257
  // TODO: this callback doesn't work correctly if index isn't provided SUI-5639
266
- w === null || w === void 0 ? void 0 : w(e, {
258
+ x === null || x === void 0 ? void 0 : x(e, {
267
259
  index: i !== null && i !== void 0 ? i : 0
268
260
  });
269
- }), [ w, i ]);
270
- var j = (0, r.useCallback)((function(e) {
261
+ }), [ x, i ]);
262
+ var R = (0, r.useCallback)((function(e) {
271
263
  // TODO: this callback doesn't work correctly if index isn't provided SUI-5639
272
264
  l === null || l === void 0 ? void 0 : l(e, {
273
265
  index: i !== null && i !== void 0 ? i : 0
274
266
  });
275
267
  }), [ l, i ]);
276
- var k = l !== undefined;
268
+ var P = l !== undefined;
277
269
  if (false) {}
278
270
  if (false) {}
279
271
  if (false) {}
280
272
 
281
- return n().createElement(A, M({
273
+ return n().createElement(B, M({
282
274
  $sortable: S,
283
275
  "data-test": "row",
284
276
  ref: t,
285
- onKeyDown: R
286
- }, h()(f, [ "onKeyDown", "onRequestRemove" ])), u && u(), o, k && n().createElement(B, null, n().createElement(N, {
277
+ onKeyDown: j
278
+ }, h()(p, [ "onKeyDown", "onRequestRemove" ])), u && u(), o, P && n().createElement(N, null, n().createElement(A, {
287
279
  appearance: "subtle",
288
280
  "aria-label": (0, a._)("Remove Row"),
289
281
  "data-test": "remove",
290
282
  disabled: m,
291
- onClick: j
283
+ onClick: R
292
284
  }, v ? n().createElement(O(), {
293
285
  "data-test": "cross",
294
286
  inline: false,
295
287
  screenReaderText: null,
296
288
  size: "13px"
297
- }) : n().createElement(x(), {
289
+ }) : n().createElement(w(), {
298
290
  "data-test": "cross",
299
- height: y,
300
- width: y
291
+ height: b,
292
+ width: b
301
293
  }))));
302
294
  }));
303
295
  $.propTypes = L;
@@ -330,45 +322,38 @@
330
322
  }
331
323
  // CONCATENATED MODULE: ./src/FormRows/SortableRow.tsx
332
324
  function W(e, t) {
333
- if (e == null) return {};
334
- var r = X(e, t);
335
- var n, o;
325
+ if (null == e) return {};
326
+ var r, n, o = X(e, t);
336
327
  if (Object.getOwnPropertySymbols) {
337
328
  var i = Object.getOwnPropertySymbols(e);
338
- for (o = 0; o < i.length; o++) {
339
- n = i[o];
340
- if (t.indexOf(n) >= 0) continue;
341
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
342
- r[n] = e[n];
329
+ for (n = 0; n < i.length; n++) {
330
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
343
331
  }
344
332
  }
345
- return r;
333
+ return o;
346
334
  }
347
335
  function X(e, t) {
348
- if (e == null) return {};
336
+ if (null == e) return {};
349
337
  var r = {};
350
- var n = Object.keys(e);
351
- var o, i;
352
- for (i = 0; i < n.length; i++) {
353
- o = n[i];
354
- if (t.indexOf(o) >= 0) continue;
355
- r[o] = e[o];
338
+ for (var n in e) {
339
+ if ({}.hasOwnProperty.call(e, n)) {
340
+ if (t.includes(n)) continue;
341
+ r[n] = e[n];
342
+ }
356
343
  }
357
344
  return r;
358
345
  }
359
346
  function Y() {
360
- Y = Object.assign || function(e) {
347
+ return Y = Object.assign ? Object.assign.bind() : function(e) {
361
348
  for (var t = 1; t < arguments.length; t++) {
362
349
  var r = arguments[t];
363
350
  for (var n in r) {
364
- if (Object.prototype.hasOwnProperty.call(r, n)) {
365
- e[n] = r[n];
366
- }
351
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
367
352
  }
368
353
  }
369
354
  return e;
370
- };
371
- return Y.apply(this, arguments);
355
+ }, Y.apply(null, arguments)
356
+ /** @public */;
372
357
  }
373
358
  var Z = {
374
359
  children: i().node,
@@ -390,10 +375,10 @@
390
375
  // @dnd-kit requires "id" to be greater than 0 https://github.com/clauderic/dnd-kit/issues/1150
391
376
  // TODO: FormRows drag functionality doesn't work without an index, but it's not a required prop SUI-5639
392
377
  id: (o || 0) + 1
393
- }), l = a.attributes, u = a.listeners, c = a.setActivatorNodeRef, s = a.setNodeRef, f = a.transform, p = a.transition;
378
+ }), l = a.attributes, u = a.listeners, c = a.setActivatorNodeRef, s = a.setNodeRef, p = a.transform, f = a.transition;
394
379
  var d = {
395
- transform: G.CSS.Transform.toString(f),
396
- transition: p
380
+ transform: G.CSS.Transform.toString(p),
381
+ transition: f
397
382
  };
398
383
  var v = function e(r) {
399
384
  s(r);
@@ -417,162 +402,142 @@
417
402
  // CONCATENATED MODULE: ./src/FormRows/Row.tsx
418
403
  function ne(e) {
419
404
  "@babel/helpers - typeof";
420
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
421
- ne = function e(t) {
422
- return typeof t;
423
- };
424
- } else {
425
- ne = function e(t) {
426
- return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
427
- };
428
- }
429
- return ne(e);
405
+ return ne = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
406
+ return typeof e;
407
+ } : function(e) {
408
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
409
+ }, ne(e);
430
410
  }
431
411
  function oe() {
432
- oe = Object.assign || function(e) {
412
+ return oe = Object.assign ? Object.assign.bind() : function(e) {
433
413
  for (var t = 1; t < arguments.length; t++) {
434
414
  var r = arguments[t];
435
415
  for (var n in r) {
436
- if (Object.prototype.hasOwnProperty.call(r, n)) {
437
- e[n] = r[n];
438
- }
416
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
439
417
  }
440
418
  }
441
419
  return e;
442
- };
443
- return oe.apply(this, arguments);
420
+ }, oe.apply(null, arguments);
444
421
  }
445
422
  function ie(e, t) {
446
- if (e == null) return {};
447
- var r = ae(e, t);
448
- var n, o;
423
+ if (null == e) return {};
424
+ var r, n, o = ae(e, t);
449
425
  if (Object.getOwnPropertySymbols) {
450
426
  var i = Object.getOwnPropertySymbols(e);
451
- for (o = 0; o < i.length; o++) {
452
- n = i[o];
453
- if (t.indexOf(n) >= 0) continue;
454
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
455
- r[n] = e[n];
427
+ for (n = 0; n < i.length; n++) {
428
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
456
429
  }
457
430
  }
458
- return r;
431
+ return o;
459
432
  }
460
433
  function ae(e, t) {
461
- if (e == null) return {};
434
+ if (null == e) return {};
462
435
  var r = {};
463
- var n = Object.keys(e);
464
- var o, i;
465
- for (i = 0; i < n.length; i++) {
466
- o = n[i];
467
- if (t.indexOf(o) >= 0) continue;
468
- r[o] = e[o];
436
+ for (var n in e) {
437
+ if ({}.hasOwnProperty.call(e, n)) {
438
+ if (t.includes(n)) continue;
439
+ r[n] = e[n];
440
+ }
469
441
  }
470
442
  return r;
471
443
  }
472
444
  function le(e, t) {
473
- if (!(e instanceof t)) {
474
- throw new TypeError("Cannot call a class as a function");
475
- }
445
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
476
446
  }
477
447
  function ue(e, t) {
478
448
  for (var r = 0; r < t.length; r++) {
479
449
  var n = t[r];
480
- n.enumerable = n.enumerable || false;
481
- n.configurable = true;
482
- if ("value" in n) n.writable = true;
483
- Object.defineProperty(e, n.key, n);
450
+ n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
451
+ Object.defineProperty(e, he(n.key), n);
484
452
  }
485
453
  }
486
454
  function ce(e, t, r) {
487
- if (t) ue(e.prototype, t);
488
- if (r) ue(e, r);
489
- return e;
455
+ return t && ue(e.prototype, t), r && ue(e, r), Object.defineProperty(e, "prototype", {
456
+ writable: !1
457
+ }), e;
490
458
  }
491
459
  function se(e, t) {
492
- if (typeof t !== "function" && t !== null) {
493
- throw new TypeError("Super expression must either be null or a function");
494
- }
460
+ if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
495
461
  e.prototype = Object.create(t && t.prototype, {
496
462
  constructor: {
497
463
  value: e,
498
- writable: true,
499
- configurable: true
464
+ writable: !0,
465
+ configurable: !0
500
466
  }
501
- });
502
- if (t) fe(e, t);
503
- }
504
- function fe(e, t) {
505
- fe = Object.setPrototypeOf || function e(t, r) {
506
- t.__proto__ = r;
507
- return t;
508
- };
509
- return fe(e, t);
510
- }
511
- function pe(e) {
512
- var t = ye();
513
- return function r() {
514
- var n = be(e), o;
467
+ }), Object.defineProperty(e, "prototype", {
468
+ writable: !1
469
+ }), t && pe(e, t);
470
+ }
471
+ function pe(e, t) {
472
+ return pe = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
473
+ return e.__proto__ = t, e;
474
+ }, pe(e, t);
475
+ }
476
+ function fe(e) {
477
+ var t = be();
478
+ return function() {
479
+ var r, n = ye(e);
515
480
  if (t) {
516
- var i = be(this).constructor;
517
- o = Reflect.construct(n, arguments, i);
518
- } else {
519
- o = n.apply(this, arguments);
520
- }
521
- return de(this, o);
481
+ var o = ye(this).constructor;
482
+ r = Reflect.construct(n, arguments, o);
483
+ } else r = n.apply(this, arguments);
484
+ return de(this, r);
522
485
  };
523
486
  }
524
487
  function de(e, t) {
525
- if (t && (ne(t) === "object" || typeof t === "function")) {
526
- return t;
527
- }
488
+ if (t && ("object" == ne(t) || "function" == typeof t)) return t;
489
+ if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
528
490
  return ve(e);
529
491
  }
530
492
  function ve(e) {
531
- if (e === void 0) {
532
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
533
- }
493
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
534
494
  return e;
535
495
  }
536
- function ye() {
537
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
538
- if (Reflect.construct.sham) return false;
539
- if (typeof Proxy === "function") return true;
496
+ function be() {
540
497
  try {
541
- Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
542
- return true;
543
- } catch (e) {
544
- return false;
545
- }
498
+ var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
499
+ } catch (e) {}
500
+ return (be = function t() {
501
+ return !!e;
502
+ })();
546
503
  }
547
- function be(e) {
548
- be = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
549
- return t.__proto__ || Object.getPrototypeOf(t);
550
- };
551
- return be(e);
504
+ function ye(e) {
505
+ return ye = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
506
+ return e.__proto__ || Object.getPrototypeOf(e);
507
+ }, ye(e);
552
508
  }
553
509
  function me(e, t, r) {
554
- if (t in e) {
555
- Object.defineProperty(e, t, {
556
- value: r,
557
- enumerable: true,
558
- configurable: true,
559
- writable: true
560
- });
561
- } else {
562
- e[t] = r;
563
- }
564
- return e;
565
- }
566
- var he = {
510
+ return (t = he(t)) in e ? Object.defineProperty(e, t, {
511
+ value: r,
512
+ enumerable: !0,
513
+ configurable: !0,
514
+ writable: !0
515
+ }) : e[t] = r, e;
516
+ }
517
+ function he(e) {
518
+ var t = ge(e, "string");
519
+ return "symbol" == ne(t) ? t : t + "";
520
+ }
521
+ function ge(e, t) {
522
+ if ("object" != ne(e) || !e) return e;
523
+ var r = e[Symbol.toPrimitive];
524
+ if (void 0 !== r) {
525
+ var n = r.call(e, t || "default");
526
+ if ("object" != ne(n)) return n;
527
+ throw new TypeError("@@toPrimitive must return a primitive value.");
528
+ }
529
+ return ("string" === t ? String : Number)(e);
530
+ }
531
+ /** @public */ var we = {
567
532
  children: i().node,
568
533
  elementRef: i().oneOfType([ i().func, i().object ]),
569
534
  index: i().number,
570
535
  onRequestRemove: i().func,
571
536
  value: i().node
572
537
  };
573
- var ge = function(e) {
538
+ var xe = function(e) {
574
539
  se(r, e);
575
- var t = pe(r);
540
+ var t = fe(r);
576
541
  function r() {
577
542
  le(this, r);
578
543
  return t.apply(this, arguments);
@@ -593,20 +558,20 @@
593
558
  } ]);
594
559
  return r;
595
560
  }(r.Component);
596
- me(ge, "propTypes", he);
597
- me(ge, "contextType", c);
598
- /* harmony default export */ const xe = ge;
561
+ me(xe, "propTypes", we);
562
+ me(xe, "contextType", c);
563
+ /* harmony default export */ const Oe = xe;
599
564
  // CONCATENATED MODULE: external "@dnd-kit/core"
600
- const we = require("@dnd-kit/core");
565
+ const Se = require("@dnd-kit/core");
601
566
  // CONCATENATED MODULE: ./src/FormRows/SortableList.tsx
602
- var Oe = function e(t) {
567
+ var je = function e(t) {
603
568
  var o = t.children, i = t.onSortEnd;
604
- var a = (0, we.useSensors)((0, we.useSensor)(we.PointerSensor), (0, we.useSensor)(we.MouseSensor));
569
+ var a = (0, Se.useSensors)((0, Se.useSensor)(Se.PointerSensor), (0, Se.useSensor)(Se.MouseSensor));
605
570
  var l = r.Children.toArray(o).filter(r.isValidElement);
606
571
  var u = l.map((function(e) {
607
572
  return (e.props.index || 0) + 1;
608
573
  }));
609
- function c(e) {
574
+ var c = (0, r.useCallback)((function(e) {
610
575
  var t = e.active, r = e.over;
611
576
  if (r && t.id !== r.id) {
612
577
  var n = u.indexOf(t.id);
@@ -616,168 +581,148 @@
616
581
  newIndex: o
617
582
  });
618
583
  }
619
- }
584
+ }), [ u, i ]);
620
585
 
621
- return n().createElement(we.DndContext, {
586
+ return n().createElement(Se.DndContext, {
622
587
  sensors: a,
623
- collisionDetection: we.closestCenter,
588
+ collisionDetection: Se.closestCenter,
624
589
  onDragEnd: c
625
590
  }, n().createElement(V.SortableContext, {
626
591
  items: u,
627
592
  strategy: V.verticalListSortingStrategy
628
593
  }, l));
629
594
  };
630
- /* harmony default export */ const Se = Oe;
595
+ /* harmony default export */ const Re = je;
631
596
  // CONCATENATED MODULE: ./src/FormRows/FormRows.tsx
632
- function Re(e) {
597
+ function Pe(e) {
633
598
  "@babel/helpers - typeof";
634
- if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
635
- Re = function e(t) {
636
- return typeof t;
637
- };
638
- } else {
639
- Re = function e(t) {
640
- return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
641
- };
642
- }
643
- return Re(e);
644
- }
645
- function je() {
646
- je = Object.assign || function(e) {
599
+ return Pe = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
600
+ return typeof e;
601
+ } : function(e) {
602
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
603
+ }, Pe(e);
604
+ }
605
+ function Ee() {
606
+ return Ee = Object.assign ? Object.assign.bind() : function(e) {
647
607
  for (var t = 1; t < arguments.length; t++) {
648
608
  var r = arguments[t];
649
609
  for (var n in r) {
650
- if (Object.prototype.hasOwnProperty.call(r, n)) {
651
- e[n] = r[n];
652
- }
610
+ ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
653
611
  }
654
612
  }
655
613
  return e;
656
- };
657
- return je.apply(this, arguments);
614
+ }, Ee.apply(null, arguments);
658
615
  }
659
616
  function ke(e, t) {
660
- if (e == null) return {};
661
- var r = Ee(e, t);
662
- var n, o;
617
+ if (null == e) return {};
618
+ var r, n, o = _e(e, t);
663
619
  if (Object.getOwnPropertySymbols) {
664
620
  var i = Object.getOwnPropertySymbols(e);
665
- for (o = 0; o < i.length; o++) {
666
- n = i[o];
667
- if (t.indexOf(n) >= 0) continue;
668
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
669
- r[n] = e[n];
621
+ for (n = 0; n < i.length; n++) {
622
+ r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
670
623
  }
671
624
  }
672
- return r;
625
+ return o;
673
626
  }
674
- function Ee(e, t) {
675
- if (e == null) return {};
627
+ function _e(e, t) {
628
+ if (null == e) return {};
676
629
  var r = {};
677
- var n = Object.keys(e);
678
- var o, i;
679
- for (i = 0; i < n.length; i++) {
680
- o = n[i];
681
- if (t.indexOf(o) >= 0) continue;
682
- r[o] = e[o];
630
+ for (var n in e) {
631
+ if ({}.hasOwnProperty.call(e, n)) {
632
+ if (t.includes(n)) continue;
633
+ r[n] = e[n];
634
+ }
683
635
  }
684
636
  return r;
685
637
  }
686
- function _e(e, t) {
687
- if (!(e instanceof t)) {
688
- throw new TypeError("Cannot call a class as a function");
689
- }
638
+ function qe(e, t) {
639
+ if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
690
640
  }
691
- function Pe(e, t) {
641
+ function Ce(e, t) {
692
642
  for (var r = 0; r < t.length; r++) {
693
643
  var n = t[r];
694
- n.enumerable = n.enumerable || false;
695
- n.configurable = true;
696
- if ("value" in n) n.writable = true;
697
- Object.defineProperty(e, n.key, n);
644
+ n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0),
645
+ Object.defineProperty(e, Ke(n.key), n);
698
646
  }
699
647
  }
700
- function qe(e, t, r) {
701
- if (t) Pe(e.prototype, t);
702
- if (r) Pe(e, r);
703
- return e;
648
+ function Te(e, t, r) {
649
+ return t && Ce(e.prototype, t), r && Ce(e, r), Object.defineProperty(e, "prototype", {
650
+ writable: !1
651
+ }), e;
704
652
  }
705
- function Ce(e, t) {
706
- if (typeof t !== "function" && t !== null) {
707
- throw new TypeError("Super expression must either be null or a function");
708
- }
653
+ function De(e, t) {
654
+ if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
709
655
  e.prototype = Object.create(t && t.prototype, {
710
656
  constructor: {
711
657
  value: e,
712
- writable: true,
713
- configurable: true
658
+ writable: !0,
659
+ configurable: !0
714
660
  }
715
- });
716
- if (t) De(e, t);
717
- }
718
- function De(e, t) {
719
- De = Object.setPrototypeOf || function e(t, r) {
720
- t.__proto__ = r;
721
- return t;
722
- };
723
- return De(e, t);
724
- }
725
- function Ie(e) {
726
- var t = Be();
727
- return function r() {
728
- var n = Ne(e), o;
661
+ }), Object.defineProperty(e, "prototype", {
662
+ writable: !1
663
+ }), t && Ie(e, t);
664
+ }
665
+ function Ie(e, t) {
666
+ return Ie = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
667
+ return e.__proto__ = t, e;
668
+ }, Ie(e, t);
669
+ }
670
+ function Be(e) {
671
+ var t = He();
672
+ return function() {
673
+ var r, n = Me(e);
729
674
  if (t) {
730
- var i = Ne(this).constructor;
731
- o = Reflect.construct(n, arguments, i);
732
- } else {
733
- o = n.apply(this, arguments);
734
- }
735
- return Te(this, o);
675
+ var o = Me(this).constructor;
676
+ r = Reflect.construct(n, arguments, o);
677
+ } else r = n.apply(this, arguments);
678
+ return Ne(this, r);
736
679
  };
737
680
  }
738
- function Te(e, t) {
739
- if (t && (Re(t) === "object" || typeof t === "function")) {
740
- return t;
741
- }
681
+ function Ne(e, t) {
682
+ if (t && ("object" == Pe(t) || "function" == typeof t)) return t;
683
+ if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
742
684
  return Ae(e);
743
685
  }
744
686
  function Ae(e) {
745
- if (e === void 0) {
746
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
747
- }
687
+ if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
748
688
  return e;
749
689
  }
750
- function Be() {
751
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
752
- if (Reflect.construct.sham) return false;
753
- if (typeof Proxy === "function") return true;
690
+ function He() {
754
691
  try {
755
- Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
756
- return true;
757
- } catch (e) {
758
- return false;
759
- }
760
- }
761
- function Ne(e) {
762
- Ne = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
763
- return t.__proto__ || Object.getPrototypeOf(t);
764
- };
765
- return Ne(e);
766
- }
767
- function He(e, t, r) {
768
- if (t in e) {
769
- Object.defineProperty(e, t, {
770
- value: r,
771
- enumerable: true,
772
- configurable: true,
773
- writable: true
774
- });
775
- } else {
776
- e[t] = r;
777
- }
778
- return e;
779
- }
780
- var Me = {
692
+ var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
693
+ } catch (e) {}
694
+ return (He = function t() {
695
+ return !!e;
696
+ })();
697
+ }
698
+ function Me(e) {
699
+ return Me = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
700
+ return e.__proto__ || Object.getPrototypeOf(e);
701
+ }, Me(e);
702
+ }
703
+ function Fe(e, t, r) {
704
+ return (t = Ke(t)) in e ? Object.defineProperty(e, t, {
705
+ value: r,
706
+ enumerable: !0,
707
+ configurable: !0,
708
+ writable: !0
709
+ }) : e[t] = r, e;
710
+ }
711
+ function Ke(e) {
712
+ var t = Le(e, "string");
713
+ return "symbol" == Pe(t) ? t : t + "";
714
+ }
715
+ function Le(e, t) {
716
+ if ("object" != Pe(e) || !e) return e;
717
+ var r = e[Symbol.toPrimitive];
718
+ if (void 0 !== r) {
719
+ var n = r.call(e, t || "default");
720
+ if ("object" != Pe(n)) return n;
721
+ throw new TypeError("@@toPrimitive must return a primitive value.");
722
+ }
723
+ return ("string" === t ? String : Number)(e);
724
+ }
725
+ /** @public */ var $e = {
781
726
  addLabel: i().string,
782
727
  children: i().node,
783
728
  disabled: i().bool,
@@ -787,22 +732,22 @@
787
732
  onRequestAdd: i().func,
788
733
  onRequestMove: i().func
789
734
  };
790
- var Fe = {
735
+ var ze = {
791
736
  addLabel: (0, a._)("Add Row"),
792
737
  disabled: false,
793
738
  header: null
794
739
  };
795
- var Ke = function(e) {
796
- Ce(o, e);
797
- var t = Ie(o);
740
+ var Ve = function(e) {
741
+ De(o, e);
742
+ var t = Be(o);
798
743
  function o() {
799
744
  var e;
800
- _e(this, o);
745
+ qe(this, o);
801
746
  for (var r = arguments.length, i = new Array(r), a = 0; a < r; a++) {
802
747
  i[a] = arguments[a];
803
748
  }
804
749
  e = t.call.apply(t, [ this ].concat(i));
805
- He(Ae(e), "handleKeyDown", (function(t, r) {
750
+ Fe(Ae(e), "handleKeyDown", (function(t, r) {
806
751
  var o = r.index;
807
752
  if (t.currentTarget !== t.target) {
808
753
  return;
@@ -827,7 +772,7 @@
827
772
  }
828
773
  }
829
774
  }));
830
- He(Ae(e), "handleSortEnd", (function(t) {
775
+ Fe(Ae(e), "handleSortEnd", (function(t) {
831
776
  var r, n;
832
777
  var o = t.oldIndex, i = t.newIndex;
833
778
  (r = (n = e.props).onRequestMove) === null || r === void 0 ? void 0 : r.call(n, {
@@ -837,33 +782,35 @@
837
782
  }));
838
783
  return e;
839
784
  }
840
- qe(o, [ {
785
+ // @docs-props-type FormRowsPropsBase
786
+ Te(o, [ {
841
787
  key: "render",
842
788
  value: function e() {
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" ]);
844
- var p = s !== undefined && !i;
845
- var d = p ? D : "div";
789
+ 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, p = ke(t, [ "addLabel", "children", "disabled", "header", "menu", "onRequestAdd", "onRequestMove" ]);
790
+ var f = s !== undefined && !i;
791
+ var d = f ? T : "div";
846
792
  var v = u !== undefined;
847
793
 
848
- return n().createElement(C, je({
794
+ return n().createElement(C, Ee({
849
795
  "data-test": "form-rows"
850
- }, f), n().createElement(c.Provider, {
796
+ }, p), n().createElement(c.Provider, {
797
+ // eslint-disable-next-line react/jsx-no-constructed-context-values
851
798
  value: {
852
799
  disabledDeleteButton: i,
853
800
  onKeyDown: this.handleKeyDown,
854
801
  hasOnRequestAdd: v,
855
- sortable: p
802
+ sortable: f
856
803
  }
857
- }, a && n().createElement(d, null, a), n().createElement(T, null, n().createElement(Se, {
804
+ }, a && n().createElement(d, null, a), n().createElement(I, null, n().createElement(Re, {
858
805
  onSortEnd: this.handleSortEnd
859
- }, o)), l || v && n().createElement(I, {
806
+ }, o)), l || v && n().createElement(D, {
860
807
  disabled: i,
861
808
  appearance: "subtle",
862
809
  "data-test": "add-row",
863
- icon: n().createElement(b, null),
810
+ icon: n().createElement(y, null),
864
811
  label: r,
865
812
  onClick: u,
866
- $sortable: p
813
+ $sortable: f
867
814
  })));
868
815
  }
869
816
  } ], [ {
@@ -953,10 +900,10 @@
953
900
  } ]);
954
901
  return o;
955
902
  }(r.Component);
956
- He(Ke, "propTypes", Me);
957
- He(Ke, "defaultProps", Fe);
958
- He(Ke, "Row", xe);
959
- /* harmony default export */ const Le = Ke;
903
+ Fe(Ve, "propTypes", $e);
904
+ Fe(Ve, "defaultProps", ze);
905
+ Fe(Ve, "Row", Oe);
906
+ /* harmony default export */ const Ge = Ve;
960
907
  // CONCATENATED MODULE: ./src/FormRows/index.ts
961
908
  module.exports = t;
962
909
  /******/})();