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