@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.
- package/Button.js +42 -45
- package/ButtonSimple.js +372 -336
- package/CHANGELOG.md +23 -0
- package/Clickable.js +21 -19
- package/FormRows.js +229 -207
- package/MIGRATION.mdx +23 -0
- package/Menu.js +1 -1
- package/Modal.js +156 -131
- package/Multiselect.js +47 -33
- package/Select.js +236 -220
- package/TabBar.js +1 -1
- package/Text.js +13 -11
- package/package.json +5 -5
- package/types/src/Button/Button.d.ts +4 -4
- package/types/src/ButtonSimple/ButtonSimple.d.ts +8 -6
- package/types/src/ButtonSimple/mixin.d.ts +2 -2
- package/types/src/Clickable/Clickable.d.ts +3 -2
- package/types/src/Date/Date.d.ts +2 -2
- package/types/src/Menu/Item.d.ts +0 -1
- package/types/src/Number/Number.d.ts +2 -2
- package/types/src/Select/Select.d.ts +6 -2
- package/types/src/Select/SelectBase.d.ts +6 -2
- package/types/src/Slider/Slider.d.ts +2 -2
- package/types/src/Text/docs/examples/Basic.d.ts +1 -9
- package/types/src/Text/docs/examples/Error.d.ts +2 -10
- package/types/src/Text/docs/examples/Inline.d.ts +1 -9
- package/types/src/Text/docs/examples/Multiline.d.ts +1 -9
- package/types/src/Text/docs/examples/Password.d.ts +1 -9
- package/types/src/Text/docs/examples/Search.d.ts +1 -9
- package/types/src/Button/docs/examples/prisma/Basic.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Block.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Disabled.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Icons.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Menus.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/To.d.ts +0 -2
- package/types/src/Button/docs/examples/prisma/Truncated.d.ts +0 -2
- /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 */
|
|
65
|
-
default: () => /* reexport */
|
|
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
|
|
76
|
+
const l = require("@splunk/ui-utils/keyboard");
|
|
77
77
|
// CONCATENATED MODULE: ./src/FormRows/FormRowsContext.tsx
|
|
78
|
-
var
|
|
78
|
+
var u = (0, r.createContext)({
|
|
79
79
|
disabledDeleteButton: false,
|
|
80
80
|
sortable: true
|
|
81
81
|
});
|
|
82
|
-
|
|
83
|
-
/* harmony default export */ const c =
|
|
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-
|
|
109
|
-
const g = require("@splunk/react-
|
|
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 "
|
|
112
|
-
const w = require("
|
|
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
|
|
116
|
-
var
|
|
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
|
|
119
|
-
var
|
|
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
|
|
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
|
|
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,
|
|
134
|
-
compact: (0,
|
|
139
|
+
comfortable: (0, R.css)([ "padding-bottom:8px;" ]),
|
|
140
|
+
compact: (0, R.css)([ "padding-bottom:6px;" ])
|
|
135
141
|
}
|
|
136
142
|
}));
|
|
137
|
-
var
|
|
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,
|
|
149
|
+
prisma: (0, R.css)([ "margin-left:16px;" ])
|
|
144
150
|
});
|
|
145
151
|
}));
|
|
146
|
-
var
|
|
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,
|
|
152
|
-
compact: (0,
|
|
157
|
+
comfortable: (0, R.css)([ "padding-bottom:12px;" ]),
|
|
158
|
+
compact: (0, R.css)([ "padding-bottom:10px;" ])
|
|
153
159
|
}
|
|
154
160
|
}));
|
|
155
|
-
var
|
|
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,
|
|
166
|
+
enterprise: (0, R.css)([ "3px calc(", " + 3px) 3px 0" ], s.variables.inputHeight),
|
|
161
167
|
prisma: {
|
|
162
|
-
comfortable: (0,
|
|
163
|
-
compact: (0,
|
|
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,
|
|
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
|
|
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
|
|
183
|
-
displayName: "
|
|
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,
|
|
197
|
-
prisma: (0,
|
|
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
|
|
201
|
-
|
|
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
|
|
222
|
+
return M.apply(this, arguments);
|
|
213
223
|
}
|
|
214
|
-
function
|
|
224
|
+
function F(e, t) {
|
|
215
225
|
if (e == null) return {};
|
|
216
|
-
var r =
|
|
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
|
|
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
|
|
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
|
|
250
|
-
var o = e.children, i = e.index,
|
|
251
|
-
var
|
|
252
|
-
var
|
|
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
|
-
|
|
266
|
+
w === null || w === void 0 ? void 0 : w(e, {
|
|
255
267
|
index: i !== null && i !== void 0 ? i : 0
|
|
256
268
|
});
|
|
257
|
-
}), [
|
|
258
|
-
var
|
|
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
|
-
|
|
272
|
+
l === null || l === void 0 ? void 0 : l(e, {
|
|
261
273
|
index: i !== null && i !== void 0 ? i : 0
|
|
262
274
|
});
|
|
263
|
-
}), [
|
|
264
|
-
var
|
|
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(
|
|
270
|
-
$sortable:
|
|
281
|
+
return n().createElement(H, M({
|
|
282
|
+
$sortable: R,
|
|
271
283
|
"data-test": "row",
|
|
272
284
|
ref: t,
|
|
273
|
-
onKeyDown:
|
|
274
|
-
}, h()(
|
|
275
|
-
|
|
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
|
-
|
|
278
|
-
|
|
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
|
-
|
|
282
|
-
/* harmony default export */ const
|
|
303
|
+
$.propTypes = L;
|
|
304
|
+
/* harmony default export */ const z = $;
|
|
283
305
|
// CONCATENATED MODULE: external "@dnd-kit/sortable"
|
|
284
|
-
const
|
|
306
|
+
const V = require("@dnd-kit/sortable");
|
|
285
307
|
// CONCATENATED MODULE: external "@dnd-kit/utilities"
|
|
286
|
-
const
|
|
308
|
+
const G = require("@dnd-kit/utilities");
|
|
287
309
|
// CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
|
|
288
|
-
const
|
|
289
|
-
var
|
|
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
|
|
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
|
|
332
|
+
function W(e, t) {
|
|
311
333
|
if (e == null) return {};
|
|
312
|
-
var r =
|
|
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
|
|
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
|
|
338
|
-
|
|
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
|
|
371
|
+
return Y.apply(this, arguments);
|
|
350
372
|
}
|
|
351
|
-
var
|
|
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
|
|
379
|
+
var ee = n().forwardRef((function(e, t) {
|
|
358
380
|
|
|
359
|
-
return n().createElement(
|
|
381
|
+
return n().createElement(N, Y({
|
|
360
382
|
"data-test": "drag-handle",
|
|
361
383
|
ref: t
|
|
362
|
-
}, e), n().createElement(
|
|
384
|
+
}, e), n().createElement(Q(), null, (0, a._)("Press arrow up or arrow down to re-order items")));
|
|
363
385
|
}));
|
|
364
|
-
var
|
|
365
|
-
var r = e.children, o = e.index, i =
|
|
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,
|
|
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
|
-
}),
|
|
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:
|
|
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
|
-
|
|
400
|
+
U(t, r);
|
|
379
401
|
};
|
|
380
402
|
|
|
381
|
-
return n().createElement(
|
|
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(
|
|
408
|
+
return n().createElement(ee, Y({
|
|
387
409
|
ref: c
|
|
388
|
-
},
|
|
410
|
+
}, u));
|
|
389
411
|
},
|
|
390
412
|
style: d
|
|
391
|
-
}, i,
|
|
413
|
+
}, i, l), r);
|
|
392
414
|
}));
|
|
393
|
-
|
|
394
|
-
/* harmony default export */ const
|
|
415
|
+
te.propTypes = Z;
|
|
416
|
+
/* harmony default export */ const re = te;
|
|
395
417
|
// CONCATENATED MODULE: ./src/FormRows/Row.tsx
|
|
396
|
-
function
|
|
418
|
+
function ne(e) {
|
|
397
419
|
"@babel/helpers - typeof";
|
|
398
420
|
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
399
|
-
|
|
421
|
+
ne = function e(t) {
|
|
400
422
|
return typeof t;
|
|
401
423
|
};
|
|
402
424
|
} else {
|
|
403
|
-
|
|
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
|
|
429
|
+
return ne(e);
|
|
408
430
|
}
|
|
409
|
-
function
|
|
410
|
-
|
|
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
|
|
443
|
+
return oe.apply(this, arguments);
|
|
422
444
|
}
|
|
423
|
-
function
|
|
445
|
+
function ie(e, t) {
|
|
424
446
|
if (e == null) return {};
|
|
425
|
-
var r =
|
|
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
|
|
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
|
|
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
|
|
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
|
|
465
|
-
if (t)
|
|
466
|
-
if (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
|
|
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)
|
|
502
|
+
if (t) fe(e, t);
|
|
481
503
|
}
|
|
482
|
-
function
|
|
483
|
-
|
|
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
|
|
509
|
+
return fe(e, t);
|
|
488
510
|
}
|
|
489
|
-
function
|
|
490
|
-
var t =
|
|
511
|
+
function pe(e) {
|
|
512
|
+
var t = ye();
|
|
491
513
|
return function r() {
|
|
492
|
-
var n =
|
|
514
|
+
var n = be(e), o;
|
|
493
515
|
if (t) {
|
|
494
|
-
var i =
|
|
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
|
|
521
|
+
return de(this, o);
|
|
500
522
|
};
|
|
501
523
|
}
|
|
502
|
-
function
|
|
503
|
-
if (t && (
|
|
524
|
+
function de(e, t) {
|
|
525
|
+
if (t && (ne(t) === "object" || typeof t === "function")) {
|
|
504
526
|
return t;
|
|
505
527
|
}
|
|
506
|
-
return
|
|
528
|
+
return ve(e);
|
|
507
529
|
}
|
|
508
|
-
function
|
|
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
|
|
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
|
|
526
|
-
|
|
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
|
|
551
|
+
return be(e);
|
|
530
552
|
}
|
|
531
|
-
function
|
|
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
|
|
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
|
|
552
|
-
|
|
553
|
-
var t =
|
|
573
|
+
var ge = function(e) {
|
|
574
|
+
se(r, e);
|
|
575
|
+
var t = pe(r);
|
|
554
576
|
function r() {
|
|
555
|
-
|
|
577
|
+
le(this, r);
|
|
556
578
|
return t.apply(this, arguments);
|
|
557
579
|
}
|
|
558
|
-
|
|
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 =
|
|
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
|
|
565
|
-
var
|
|
586
|
+
var l = h()(i, [ "onKeyDown" ]);
|
|
587
|
+
var u = a ? re : z;
|
|
566
588
|
|
|
567
|
-
return n().createElement(
|
|
589
|
+
return n().createElement(u, oe({
|
|
568
590
|
ref: o
|
|
569
|
-
},
|
|
591
|
+
}, l), r);
|
|
570
592
|
}
|
|
571
593
|
} ]);
|
|
572
594
|
return r;
|
|
573
595
|
}(r.Component);
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
/* harmony default export */ const
|
|
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
|
|
600
|
+
const we = require("@dnd-kit/core");
|
|
579
601
|
// CONCATENATED MODULE: ./src/FormRows/SortableList.tsx
|
|
580
|
-
var
|
|
602
|
+
var Oe = function e(t) {
|
|
581
603
|
var o = t.children, i = t.onSortEnd;
|
|
582
|
-
var a = (0,
|
|
583
|
-
var
|
|
584
|
-
var
|
|
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 =
|
|
591
|
-
var o =
|
|
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(
|
|
621
|
+
return n().createElement(we.DndContext, {
|
|
600
622
|
sensors: a,
|
|
601
|
-
collisionDetection:
|
|
623
|
+
collisionDetection: we.closestCenter,
|
|
602
624
|
onDragEnd: c
|
|
603
|
-
}, n().createElement(
|
|
604
|
-
items:
|
|
605
|
-
strategy:
|
|
606
|
-
},
|
|
625
|
+
}, n().createElement(V.SortableContext, {
|
|
626
|
+
items: u,
|
|
627
|
+
strategy: V.verticalListSortingStrategy
|
|
628
|
+
}, l));
|
|
607
629
|
};
|
|
608
|
-
/* harmony default export */ const
|
|
630
|
+
/* harmony default export */ const Re = Oe;
|
|
609
631
|
// CONCATENATED MODULE: ./src/FormRows/FormRows.tsx
|
|
610
|
-
function
|
|
632
|
+
function Se(e) {
|
|
611
633
|
"@babel/helpers - typeof";
|
|
612
634
|
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
613
|
-
|
|
635
|
+
Se = function e(t) {
|
|
614
636
|
return typeof t;
|
|
615
637
|
};
|
|
616
638
|
} else {
|
|
617
|
-
|
|
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
|
|
643
|
+
return Se(e);
|
|
622
644
|
}
|
|
623
|
-
function
|
|
624
|
-
|
|
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
|
|
657
|
+
return je.apply(this, arguments);
|
|
636
658
|
}
|
|
637
|
-
function
|
|
659
|
+
function ke(e, t) {
|
|
638
660
|
if (e == null) return {};
|
|
639
|
-
var r =
|
|
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
|
|
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
|
|
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
|
|
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
|
|
679
|
-
if (t)
|
|
680
|
-
if (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
|
|
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)
|
|
716
|
+
if (t) De(e, t);
|
|
695
717
|
}
|
|
696
|
-
function
|
|
697
|
-
|
|
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
|
|
723
|
+
return De(e, t);
|
|
702
724
|
}
|
|
703
|
-
function
|
|
704
|
-
var t =
|
|
725
|
+
function Ie(e) {
|
|
726
|
+
var t = Ae();
|
|
705
727
|
return function r() {
|
|
706
|
-
var n =
|
|
728
|
+
var n = Be(e), o;
|
|
707
729
|
if (t) {
|
|
708
|
-
var i =
|
|
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
|
|
735
|
+
return Te(this, o);
|
|
714
736
|
};
|
|
715
737
|
}
|
|
716
|
-
function
|
|
717
|
-
if (t && (
|
|
738
|
+
function Te(e, t) {
|
|
739
|
+
if (t && (Se(t) === "object" || typeof t === "function")) {
|
|
718
740
|
return t;
|
|
719
741
|
}
|
|
720
|
-
return
|
|
742
|
+
return He(e);
|
|
721
743
|
}
|
|
722
|
-
function
|
|
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
|
|
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
|
|
740
|
-
|
|
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
|
|
765
|
+
return Be(e);
|
|
744
766
|
}
|
|
745
|
-
function
|
|
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
|
|
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
|
|
790
|
+
var Fe = {
|
|
769
791
|
addLabel: (0, a._)("Add Row"),
|
|
770
792
|
disabled: false,
|
|
771
793
|
header: null
|
|
772
794
|
};
|
|
773
|
-
var
|
|
774
|
-
|
|
775
|
-
var t =
|
|
795
|
+
var Ke = function(e) {
|
|
796
|
+
Ce(o, e);
|
|
797
|
+
var t = Ie(o);
|
|
776
798
|
function o() {
|
|
777
799
|
var e;
|
|
778
|
-
|
|
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
|
-
|
|
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,
|
|
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,
|
|
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
|
|
801
|
-
(
|
|
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
|
-
|
|
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
|
-
|
|
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,
|
|
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 ?
|
|
824
|
-
var v =
|
|
845
|
+
var d = p ? D : "div";
|
|
846
|
+
var v = u !== undefined;
|
|
825
847
|
|
|
826
|
-
return n().createElement(
|
|
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(
|
|
857
|
+
}, a && n().createElement(d, null, a), n().createElement(T, null, n().createElement(Re, {
|
|
836
858
|
onSortEnd: this.handleSortEnd
|
|
837
|
-
}, o)),
|
|
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:
|
|
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
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
/* harmony default export */ const
|
|
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
|
/******/})();
|