remoraid 2.1.7 → 2.2.5
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/dist/core/index.cjs +37 -16
- package/dist/core/index.d.ts +43 -38
- package/dist/core/index.js +37 -16
- package/dist/jsonforms/index.cjs +66 -156
- package/dist/jsonforms/index.js +48 -150
- package/dist/modals/index.cjs +4 -229
- package/dist/modals/index.js +4 -292
- package/dist/server/index.d.ts +7 -7
- package/package.json +1 -1
package/dist/jsonforms/index.cjs
CHANGED
@@ -167,116 +167,26 @@ var AnyOfControl = import_react2.withJsonFormsControlProps(PlainAnyOfControl);
|
|
167
167
|
var AnyOfControl_default = AnyOfControl;
|
168
168
|
|
169
169
|
// src/jsonforms/renderers/ArrayControl.tsx
|
170
|
-
var
|
171
|
-
var import_core3 = require("@mantine/core");
|
172
|
-
var import_icons_react2 = require("@tabler/icons-react");
|
173
|
-
var import_react5 = require("react");
|
174
|
-
|
175
|
-
// src/core/lib/utils.ts
|
176
|
-
var co = (condition, value, fallback) => condition(value) ? value : fallback;
|
177
|
-
|
178
|
-
// src/core/components/RemoraidProvider/ThemeProvider/index.tsx
|
170
|
+
var import_react3 = require("@jsonforms/react");
|
179
171
|
var import_core2 = require("@mantine/core");
|
180
172
|
var import_icons_react = require("@tabler/icons-react");
|
181
|
-
var
|
173
|
+
var import_react4 = require("react");
|
174
|
+
var import_core3 = require("remoraid/core");
|
182
175
|
var jsx_dev_runtime3 = require("react/jsx-dev-runtime");
|
183
|
-
var isMantinePrimaryShade = (primaryShade) => {
|
184
|
-
if (isNaN(Number(primaryShade))) {
|
185
|
-
return true;
|
186
|
-
}
|
187
|
-
return false;
|
188
|
-
};
|
189
|
-
var createRemoraidTheme = (customTheme, mantineTheme, colorScheme) => {
|
190
|
-
const defaultMediumIconProps = { size: "1.125em" };
|
191
|
-
let transparentBackground;
|
192
|
-
let primaryColor;
|
193
|
-
let spacingPx;
|
194
|
-
if (mantineTheme && colorScheme) {
|
195
|
-
transparentBackground = colorScheme === "dark" ? import_core2.rgba(mantineTheme.colors.dark[8], 0.8) : import_core2.rgba(mantineTheme.white, 0.8);
|
196
|
-
primaryColor = mantineTheme.colors[mantineTheme.primaryColor][isMantinePrimaryShade(mantineTheme.primaryShade) ? mantineTheme.primaryShade[colorScheme === "auto" ? "light" : colorScheme] : mantineTheme.primaryShade];
|
197
|
-
spacingPx = {
|
198
|
-
xs: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.xs)), 0)),
|
199
|
-
sm: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.sm)), 0)),
|
200
|
-
md: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.md)), 0)),
|
201
|
-
lg: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.lg)), 0)),
|
202
|
-
xl: Number(co((v) => !Number.isNaN(v), Number(import_core2.px(mantineTheme.spacing.xl)), 0))
|
203
|
-
};
|
204
|
-
}
|
205
|
-
return {
|
206
|
-
complete: true,
|
207
|
-
transitionDurations: {
|
208
|
-
short: 200,
|
209
|
-
medium: 350,
|
210
|
-
long: 500
|
211
|
-
},
|
212
|
-
breakpoints: {
|
213
|
-
buttonCollapse: "md",
|
214
|
-
badgeGroupCollapse: "md"
|
215
|
-
},
|
216
|
-
scrollAreaProps: {
|
217
|
-
scrollbarSize: 8,
|
218
|
-
scrollHideDelay: 20,
|
219
|
-
type: "hover"
|
220
|
-
},
|
221
|
-
containerSize: 1300,
|
222
|
-
alertProps: {
|
223
|
-
negative: {
|
224
|
-
icon: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.IconAlertCircle, {
|
225
|
-
...defaultMediumIconProps
|
226
|
-
}, undefined, false, undefined, this),
|
227
|
-
variant: "light",
|
228
|
-
color: "red",
|
229
|
-
title: "Attention!"
|
230
|
-
},
|
231
|
-
neutral: {
|
232
|
-
icon: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.IconInfoCircle, {
|
233
|
-
...defaultMediumIconProps
|
234
|
-
}, undefined, false, undefined, this),
|
235
|
-
variant: "light",
|
236
|
-
color: mantineTheme?.primaryColor,
|
237
|
-
title: "Information"
|
238
|
-
},
|
239
|
-
positive: {
|
240
|
-
icon: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.IconCircleCheck, {
|
241
|
-
...defaultMediumIconProps
|
242
|
-
}, undefined, false, undefined, this),
|
243
|
-
variant: "light",
|
244
|
-
color: "green",
|
245
|
-
title: "Success"
|
246
|
-
}
|
247
|
-
},
|
248
|
-
iconProps: {
|
249
|
-
medium: defaultMediumIconProps,
|
250
|
-
tiny: { size: 14, stroke: 3 }
|
251
|
-
},
|
252
|
-
jsonStringifySpace: 2,
|
253
|
-
transparentBackground,
|
254
|
-
primaryColor,
|
255
|
-
spacingPx,
|
256
|
-
...customTheme
|
257
|
-
};
|
258
|
-
};
|
259
|
-
var themeContext = import_react3.default.createContext(createRemoraidTheme());
|
260
|
-
var useRemoraidTheme = () => {
|
261
|
-
return import_react3.useContext(themeContext);
|
262
|
-
};
|
263
|
-
|
264
|
-
// src/jsonforms/renderers/ArrayControl.tsx
|
265
|
-
var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
|
266
176
|
function PlainArrayControl(props) {
|
267
|
-
const mantineTheme =
|
268
|
-
const theme = useRemoraidTheme();
|
177
|
+
const mantineTheme = import_core2.useMantineTheme();
|
178
|
+
const theme = import_core3.useRemoraidTheme();
|
269
179
|
const { label, schema, data, handleChange, path, required } = props;
|
270
180
|
const {
|
271
181
|
formOptions: { withDescriptions }
|
272
182
|
} = useFormOptions();
|
273
|
-
const { renderers, cells } =
|
274
|
-
const [isHoveringDelete, setIsHoveringDelete] =
|
183
|
+
const { renderers, cells } = import_react3.useJsonForms();
|
184
|
+
const [isHoveringDelete, setIsHoveringDelete] = import_react4.useState(null);
|
275
185
|
let schemaItems;
|
276
186
|
if (schema.items && !Array.isArray(schema.items)) {
|
277
187
|
schemaItems = schema.items;
|
278
188
|
} else {
|
279
|
-
return /* @__PURE__ */
|
189
|
+
return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(jsx_dev_runtime3.Fragment, {
|
280
190
|
children: [
|
281
191
|
"No applicable renderer found for '",
|
282
192
|
label,
|
@@ -284,37 +194,37 @@ function PlainArrayControl(props) {
|
|
284
194
|
]
|
285
195
|
}, undefined, true, undefined, this);
|
286
196
|
}
|
287
|
-
return /* @__PURE__ */
|
288
|
-
children: /* @__PURE__ */
|
197
|
+
return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(jsx_dev_runtime3.Fragment, {
|
198
|
+
children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.Input.Wrapper, {
|
289
199
|
label,
|
290
200
|
description: withDescriptions ? schema.description : undefined,
|
291
201
|
withAsterisk: required,
|
292
|
-
children: /* @__PURE__ */
|
202
|
+
children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.Paper, {
|
293
203
|
withBorder: Array.isArray(data) && data.length > 0,
|
294
204
|
shadow: "0",
|
295
205
|
p: Array.isArray(data) && data.length > 0 ? "sm" : 0,
|
296
206
|
mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
|
297
|
-
children: /* @__PURE__ */
|
207
|
+
children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.Stack, {
|
298
208
|
align: "stretch",
|
299
209
|
justify: "flex-start",
|
300
210
|
gap: "sm",
|
301
211
|
children: [
|
302
212
|
Array.isArray(data) ? data.map((item, i) => {
|
303
|
-
return /* @__PURE__ */
|
213
|
+
return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.Flex, {
|
304
214
|
gap: "xs",
|
305
215
|
justify: "flex-start",
|
306
216
|
align: "center",
|
307
217
|
direction: "row",
|
308
218
|
wrap: "nowrap",
|
309
219
|
children: [
|
310
|
-
/* @__PURE__ */
|
220
|
+
/* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.Paper, {
|
311
221
|
p: schemaItems.type === "object" ? "sm" : 0,
|
312
222
|
withBorder: schemaItems.type === "object",
|
313
223
|
style: {
|
314
224
|
borderColor: isHoveringDelete === i ? mantineTheme.colors.red[6] : undefined
|
315
225
|
},
|
316
226
|
flex: 1,
|
317
|
-
children: /* @__PURE__ */
|
227
|
+
children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_react3.JsonForms, {
|
318
228
|
schema: {
|
319
229
|
...schemaItems,
|
320
230
|
$schema: undefined
|
@@ -330,9 +240,9 @@ function PlainArrayControl(props) {
|
|
330
240
|
validationMode: "NoValidation"
|
331
241
|
}, undefined, false, undefined, this)
|
332
242
|
}, undefined, false, undefined, this),
|
333
|
-
/* @__PURE__ */
|
243
|
+
/* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.Tooltip, {
|
334
244
|
label: "Delete Item",
|
335
|
-
children: /* @__PURE__ */
|
245
|
+
children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.ActionIcon, {
|
336
246
|
variant: "default",
|
337
247
|
onClick: () => {
|
338
248
|
const dataCopy = [...data];
|
@@ -348,17 +258,17 @@ function PlainArrayControl(props) {
|
|
348
258
|
onMouseLeave: () => {
|
349
259
|
setIsHoveringDelete(null);
|
350
260
|
},
|
351
|
-
children: /* @__PURE__ */
|
261
|
+
children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.IconTrash, {
|
352
262
|
...theme.iconProps.medium
|
353
263
|
}, undefined, false, undefined, this)
|
354
264
|
}, undefined, false, undefined, this)
|
355
265
|
}, undefined, false, undefined, this)
|
356
266
|
]
|
357
267
|
}, i, true, undefined, this);
|
358
|
-
}) : /* @__PURE__ */
|
359
|
-
/* @__PURE__ */
|
268
|
+
}) : /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(jsx_dev_runtime3.Fragment, {}, undefined, false, undefined, this),
|
269
|
+
/* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_core2.Button, {
|
360
270
|
variant: "default",
|
361
|
-
leftSection: /* @__PURE__ */
|
271
|
+
leftSection: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_icons_react.IconPlus, {
|
362
272
|
...theme.iconProps.medium
|
363
273
|
}, undefined, false, undefined, this),
|
364
274
|
onClick: () => {
|
@@ -382,13 +292,13 @@ function PlainArrayControl(props) {
|
|
382
292
|
}, undefined, false, undefined, this)
|
383
293
|
}, undefined, false, undefined, this);
|
384
294
|
}
|
385
|
-
var ArrayControl =
|
295
|
+
var ArrayControl = import_react3.withJsonFormsControlProps(PlainArrayControl);
|
386
296
|
var ArrayControl_default = ArrayControl;
|
387
297
|
|
388
298
|
// src/jsonforms/renderers/CheckboxControl.tsx
|
389
|
-
var
|
299
|
+
var import_react5 = require("@jsonforms/react");
|
390
300
|
var import_core4 = require("@mantine/core");
|
391
|
-
var
|
301
|
+
var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
|
392
302
|
function PlainCheckboxControl({
|
393
303
|
data,
|
394
304
|
handleChange,
|
@@ -400,8 +310,8 @@ function PlainCheckboxControl({
|
|
400
310
|
const {
|
401
311
|
formOptions: { withDescriptions }
|
402
312
|
} = useFormOptions();
|
403
|
-
return /* @__PURE__ */
|
404
|
-
children: /* @__PURE__ */
|
313
|
+
return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(jsx_dev_runtime4.Fragment, {
|
314
|
+
children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(import_core4.Checkbox, {
|
405
315
|
label,
|
406
316
|
py: "sm",
|
407
317
|
size: "sm",
|
@@ -415,13 +325,13 @@ function PlainCheckboxControl({
|
|
415
325
|
}, undefined, false, undefined, this)
|
416
326
|
}, undefined, false, undefined, this);
|
417
327
|
}
|
418
|
-
var CheckboxControl =
|
328
|
+
var CheckboxControl = import_react5.withJsonFormsControlProps(PlainCheckboxControl);
|
419
329
|
var CheckboxControl_default = CheckboxControl;
|
420
330
|
|
421
331
|
// src/jsonforms/renderers/NumberControl.tsx
|
422
|
-
var
|
332
|
+
var import_react6 = require("@jsonforms/react");
|
423
333
|
var import_core5 = require("@mantine/core");
|
424
|
-
var
|
334
|
+
var jsx_dev_runtime5 = require("react/jsx-dev-runtime");
|
425
335
|
function PlainNumberControl({
|
426
336
|
data,
|
427
337
|
handleChange,
|
@@ -433,8 +343,8 @@ function PlainNumberControl({
|
|
433
343
|
const {
|
434
344
|
formOptions: { withDescriptions }
|
435
345
|
} = useFormOptions();
|
436
|
-
return /* @__PURE__ */
|
437
|
-
children: /* @__PURE__ */
|
346
|
+
return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(jsx_dev_runtime5.Fragment, {
|
347
|
+
children: /* @__PURE__ */ jsx_dev_runtime5.jsxDEV(import_core5.NumberInput, {
|
438
348
|
label,
|
439
349
|
variant: "filled",
|
440
350
|
value: data,
|
@@ -449,30 +359,30 @@ function PlainNumberControl({
|
|
449
359
|
}, undefined, false, undefined, this)
|
450
360
|
}, undefined, false, undefined, this);
|
451
361
|
}
|
452
|
-
var NumberControl =
|
362
|
+
var NumberControl = import_react6.withJsonFormsControlProps(PlainNumberControl);
|
453
363
|
var NumberControl_default = NumberControl;
|
454
364
|
|
455
365
|
// src/jsonforms/renderers/ObjectControl.tsx
|
456
|
-
var
|
366
|
+
var import_react7 = require("@jsonforms/react");
|
457
367
|
var import_core6 = require("@mantine/core");
|
458
|
-
var
|
368
|
+
var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
|
459
369
|
function PlainObjectControl(props) {
|
460
370
|
const { label, schema, data, handleChange, path, required } = props;
|
461
371
|
const {
|
462
372
|
formOptions: { withDescriptions }
|
463
373
|
} = useFormOptions();
|
464
|
-
const { renderers, cells } =
|
465
|
-
return /* @__PURE__ */
|
466
|
-
children: /* @__PURE__ */
|
374
|
+
const { renderers, cells } = import_react7.useJsonForms();
|
375
|
+
return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(jsx_dev_runtime6.Fragment, {
|
376
|
+
children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(import_core6.Input.Wrapper, {
|
467
377
|
label,
|
468
378
|
description: withDescriptions ? schema.description : undefined,
|
469
379
|
withAsterisk: required,
|
470
|
-
children: /* @__PURE__ */
|
380
|
+
children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(import_core6.Paper, {
|
471
381
|
withBorder: true,
|
472
382
|
shadow: "0",
|
473
383
|
p: "sm",
|
474
384
|
mt: withDescriptions && schema.description && schema.description.length > 0 ? 4 : 0,
|
475
|
-
children: /* @__PURE__ */
|
385
|
+
children: /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(import_react7.JsonForms, {
|
476
386
|
schema: {
|
477
387
|
...schema,
|
478
388
|
$schema: undefined
|
@@ -489,13 +399,13 @@ function PlainObjectControl(props) {
|
|
489
399
|
}, undefined, false, undefined, this)
|
490
400
|
}, undefined, false, undefined, this);
|
491
401
|
}
|
492
|
-
var ObjectControl =
|
402
|
+
var ObjectControl = import_react7.withJsonFormsControlProps(PlainObjectControl);
|
493
403
|
var ObjectControl_default = ObjectControl;
|
494
404
|
|
495
405
|
// src/jsonforms/renderers/StringSelectControl.tsx
|
496
|
-
var
|
406
|
+
var import_react8 = require("@jsonforms/react");
|
497
407
|
var import_core7 = require("@mantine/core");
|
498
|
-
var
|
408
|
+
var jsx_dev_runtime7 = require("react/jsx-dev-runtime");
|
499
409
|
function PlainTimestampControl({
|
500
410
|
data,
|
501
411
|
handleChange,
|
@@ -507,8 +417,8 @@ function PlainTimestampControl({
|
|
507
417
|
const {
|
508
418
|
formOptions: { withDescriptions }
|
509
419
|
} = useFormOptions();
|
510
|
-
return /* @__PURE__ */
|
511
|
-
children: /* @__PURE__ */
|
420
|
+
return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(jsx_dev_runtime7.Fragment, {
|
421
|
+
children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV(import_core7.Select, {
|
512
422
|
label,
|
513
423
|
data: schema.enum,
|
514
424
|
value: data,
|
@@ -522,7 +432,7 @@ function PlainTimestampControl({
|
|
522
432
|
}, undefined, false, undefined, this)
|
523
433
|
}, undefined, false, undefined, this);
|
524
434
|
}
|
525
|
-
var TimestampControl =
|
435
|
+
var TimestampControl = import_react8.withJsonFormsControlProps(PlainTimestampControl);
|
526
436
|
var StringSelectControl_default = TimestampControl;
|
527
437
|
|
528
438
|
// src/jsonforms/renderers/testers/anyOfTester.ts
|
@@ -567,9 +477,9 @@ var import_core16 = require("@jsonforms/core");
|
|
567
477
|
var verticalLayoutTester_default = import_core16.rankWith(2, import_core16.uiTypeIs("VerticalLayout"));
|
568
478
|
|
569
479
|
// src/jsonforms/renderers/TextControl.tsx
|
570
|
-
var
|
480
|
+
var import_react9 = require("@jsonforms/react");
|
571
481
|
var import_core17 = require("@mantine/core");
|
572
|
-
var
|
482
|
+
var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
|
573
483
|
function PlainTextControl({
|
574
484
|
data,
|
575
485
|
handleChange,
|
@@ -581,8 +491,8 @@ function PlainTextControl({
|
|
581
491
|
const {
|
582
492
|
formOptions: { withDescriptions }
|
583
493
|
} = useFormOptions();
|
584
|
-
return /* @__PURE__ */
|
585
|
-
children: /* @__PURE__ */
|
494
|
+
return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(jsx_dev_runtime8.Fragment, {
|
495
|
+
children: /* @__PURE__ */ jsx_dev_runtime8.jsxDEV(import_core17.TextInput, {
|
586
496
|
label,
|
587
497
|
variant: "filled",
|
588
498
|
placeholder: "",
|
@@ -595,13 +505,13 @@ function PlainTextControl({
|
|
595
505
|
}, undefined, false, undefined, this)
|
596
506
|
}, undefined, false, undefined, this);
|
597
507
|
}
|
598
|
-
var TextControl =
|
508
|
+
var TextControl = import_react9.withJsonFormsControlProps(PlainTextControl);
|
599
509
|
var TextControl_default = TextControl;
|
600
510
|
|
601
511
|
// src/jsonforms/renderers/TimestampControl.tsx
|
602
|
-
var
|
512
|
+
var import_react10 = require("@jsonforms/react");
|
603
513
|
var import_dates = require("@mantine/dates");
|
604
|
-
var
|
514
|
+
var jsx_dev_runtime9 = require("react/jsx-dev-runtime");
|
605
515
|
function PlainTimestampControl2({
|
606
516
|
data,
|
607
517
|
handleChange,
|
@@ -613,8 +523,8 @@ function PlainTimestampControl2({
|
|
613
523
|
const {
|
614
524
|
formOptions: { withDescriptions }
|
615
525
|
} = useFormOptions();
|
616
|
-
return /* @__PURE__ */
|
617
|
-
children: /* @__PURE__ */
|
526
|
+
return /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(jsx_dev_runtime9.Fragment, {
|
527
|
+
children: /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(import_dates.DatePickerInput, {
|
618
528
|
label,
|
619
529
|
placeholder: "Pick a date",
|
620
530
|
value: new Date(data * 1000),
|
@@ -628,35 +538,35 @@ function PlainTimestampControl2({
|
|
628
538
|
}, undefined, false, undefined, this)
|
629
539
|
}, undefined, false, undefined, this);
|
630
540
|
}
|
631
|
-
var TimestampControl2 =
|
541
|
+
var TimestampControl2 = import_react10.withJsonFormsControlProps(PlainTimestampControl2);
|
632
542
|
var TimestampControl_default = TimestampControl2;
|
633
543
|
|
634
544
|
// src/jsonforms/renderers/VerticalLayout.tsx
|
635
|
-
var
|
545
|
+
var import_react11 = __toESM(require("react"));
|
546
|
+
var import_react12 = require("@jsonforms/react");
|
636
547
|
var import_react13 = require("@jsonforms/react");
|
637
|
-
var import_react14 = require("@jsonforms/react");
|
638
548
|
var import_core18 = require("@mantine/core");
|
639
|
-
var
|
549
|
+
var jsx_dev_runtime10 = require("react/jsx-dev-runtime");
|
640
550
|
"use client";
|
641
551
|
var JsonFormsLayout = ({
|
642
552
|
className,
|
643
553
|
children,
|
644
554
|
visible
|
645
555
|
}) => {
|
646
|
-
return /* @__PURE__ */
|
556
|
+
return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
|
647
557
|
className,
|
648
558
|
hidden: visible === undefined || visible === null ? false : !visible,
|
649
559
|
children
|
650
560
|
}, undefined, false, undefined, this);
|
651
561
|
};
|
652
562
|
var renderChildren = (layout, schema, className, path, enabled) => {
|
653
|
-
const { renderers, cells } =
|
563
|
+
const { renderers, cells } = import_react13.useJsonForms();
|
654
564
|
const theme = import_core18.useMantineTheme();
|
655
565
|
return layout.elements.map((child, index) => {
|
656
|
-
return /* @__PURE__ */
|
566
|
+
return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV("div", {
|
657
567
|
className,
|
658
568
|
style: { marginTop: index === 0 ? 0 : theme.spacing.xs },
|
659
|
-
children: /* @__PURE__ */
|
569
|
+
children: /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(import_react13.JsonFormsDispatch, {
|
660
570
|
renderers,
|
661
571
|
cells,
|
662
572
|
uischema: child,
|
@@ -669,11 +579,11 @@ var renderChildren = (layout, schema, className, path, enabled) => {
|
|
669
579
|
};
|
670
580
|
var VerticalLayoutRenderer = (props) => {
|
671
581
|
const { data: _data, ...otherProps } = props;
|
672
|
-
return /* @__PURE__ */
|
582
|
+
return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(VerticalLayoutRendererComponent, {
|
673
583
|
...otherProps
|
674
584
|
}, undefined, false, undefined, this);
|
675
585
|
};
|
676
|
-
var VerticalLayoutRendererComponent =
|
586
|
+
var VerticalLayoutRendererComponent = import_react11.default.memo(function VerticalLayoutRendererComponent2({
|
677
587
|
schema,
|
678
588
|
uischema,
|
679
589
|
path,
|
@@ -683,7 +593,7 @@ var VerticalLayoutRendererComponent = import_react12.default.memo(function Verti
|
|
683
593
|
const verticalLayout = uischema;
|
684
594
|
const layoutClassName = "";
|
685
595
|
const childClassNames = "";
|
686
|
-
return /* @__PURE__ */
|
596
|
+
return /* @__PURE__ */ jsx_dev_runtime10.jsxDEV(JsonFormsLayout, {
|
687
597
|
className: layoutClassName,
|
688
598
|
uischema,
|
689
599
|
schema,
|
@@ -693,7 +603,7 @@ var VerticalLayoutRendererComponent = import_react12.default.memo(function Verti
|
|
693
603
|
children: renderChildren(verticalLayout, schema, childClassNames, path, enabled)
|
694
604
|
}, undefined, false, undefined, this);
|
695
605
|
});
|
696
|
-
var VerticalLayout =
|
606
|
+
var VerticalLayout = import_react12.withJsonFormsLayoutProps(VerticalLayoutRenderer, false);
|
697
607
|
var VerticalLayout_default = VerticalLayout;
|
698
608
|
|
699
609
|
// src/jsonforms/renderers/index.ts
|