@rjsf/antd 6.0.0-alpha.0 → 6.0.0-beta.2

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 (67) hide show
  1. package/dist/antd.esm.js +116 -144
  2. package/dist/antd.esm.js.map +4 -4
  3. package/dist/antd.umd.js +32 -72
  4. package/dist/index.js +215 -249
  5. package/dist/index.js.map +4 -4
  6. package/lib/index.d.ts +2 -2
  7. package/lib/index.js +2 -2
  8. package/lib/templates/ArrayFieldItemTemplate/index.d.ts +3 -3
  9. package/lib/templates/ArrayFieldItemTemplate/index.js +7 -5
  10. package/lib/templates/ArrayFieldItemTemplate/index.js.map +1 -1
  11. package/lib/templates/ArrayFieldTemplate/index.d.ts +1 -1
  12. package/lib/templates/ArrayFieldTemplate/index.js +4 -6
  13. package/lib/templates/ArrayFieldTemplate/index.js.map +1 -1
  14. package/lib/templates/DescriptionField/index.js +3 -2
  15. package/lib/templates/DescriptionField/index.js.map +1 -1
  16. package/lib/templates/FieldErrorTemplate/index.js.map +1 -1
  17. package/lib/templates/FieldTemplate/index.js +1 -1
  18. package/lib/templates/FieldTemplate/index.js.map +1 -1
  19. package/lib/templates/GridTemplate/index.d.ts +7 -0
  20. package/lib/templates/GridTemplate/index.js +15 -0
  21. package/lib/templates/GridTemplate/index.js.map +1 -0
  22. package/lib/templates/IconButton/index.d.ts +1 -1
  23. package/lib/templates/ObjectFieldTemplate/index.js +6 -8
  24. package/lib/templates/ObjectFieldTemplate/index.js.map +1 -1
  25. package/lib/templates/SubmitButton/index.js.map +1 -1
  26. package/lib/templates/TitleField/index.js.map +1 -1
  27. package/lib/templates/WrapIfAdditionalTemplate/index.js +2 -2
  28. package/lib/templates/WrapIfAdditionalTemplate/index.js.map +1 -1
  29. package/lib/templates/index.js +14 -12
  30. package/lib/templates/index.js.map +1 -1
  31. package/lib/tsconfig.tsbuildinfo +1 -1
  32. package/lib/widgets/AltDateTimeWidget/index.js +1 -1
  33. package/lib/widgets/AltDateWidget/index.js.map +1 -1
  34. package/lib/widgets/RadioWidget/index.js +1 -1
  35. package/lib/widgets/RadioWidget/index.js.map +1 -1
  36. package/lib/widgets/SelectWidget/index.js +1 -1
  37. package/lib/widgets/SelectWidget/index.js.map +1 -1
  38. package/lib/widgets/index.js +11 -11
  39. package/package.json +46 -41
  40. package/src/index.ts +2 -2
  41. package/src/templates/ArrayFieldItemTemplate/index.tsx +22 -60
  42. package/src/templates/ArrayFieldTemplate/index.tsx +11 -9
  43. package/src/templates/BaseInputTemplate/index.tsx +1 -1
  44. package/src/templates/DescriptionField/index.tsx +8 -3
  45. package/src/templates/FieldErrorTemplate/index.tsx +1 -1
  46. package/src/templates/FieldTemplate/index.tsx +3 -3
  47. package/src/templates/GridTemplate/index.tsx +15 -0
  48. package/src/templates/IconButton/index.tsx +9 -9
  49. package/src/templates/ObjectFieldTemplate/index.tsx +6 -4
  50. package/src/templates/SubmitButton/index.tsx +1 -1
  51. package/src/templates/WrapIfAdditionalTemplate/index.tsx +4 -2
  52. package/src/templates/index.ts +3 -1
  53. package/src/tsconfig.json +3 -1
  54. package/src/widgets/AltDateTimeWidget/index.tsx +1 -1
  55. package/src/widgets/AltDateWidget/index.tsx +2 -2
  56. package/src/widgets/CheckboxWidget/index.tsx +1 -1
  57. package/src/widgets/CheckboxesWidget/index.tsx +1 -1
  58. package/src/widgets/DateTimeWidget/index.tsx +1 -1
  59. package/src/widgets/DateWidget/index.tsx +1 -1
  60. package/src/widgets/PasswordWidget/index.tsx +1 -1
  61. package/src/widgets/RadioWidget/index.tsx +1 -1
  62. package/src/widgets/RangeWidget/index.tsx +1 -1
  63. package/src/widgets/SelectWidget/index.tsx +1 -1
  64. package/src/widgets/TextareaWidget/index.tsx +1 -1
  65. package/src/widgets/index.ts +1 -1
  66. package/LICENSE.md +0 -201
  67. package/src/index.less +0 -38
package/dist/antd.esm.js CHANGED
@@ -2,7 +2,11 @@
2
2
  import { withTheme } from "@rjsf/core";
3
3
 
4
4
  // src/templates/ArrayFieldItemTemplate/index.tsx
5
- import { Button, Col, Row } from "antd";
5
+ import { Col, Row, Space } from "antd";
6
+ import {
7
+ getUiOptions,
8
+ getTemplate
9
+ } from "@rjsf/utils";
6
10
  import { jsx, jsxs } from "react/jsx-runtime";
7
11
  var BTN_GRP_STYLE = {
8
12
  width: "100%"
@@ -11,75 +15,25 @@ var BTN_STYLE = {
11
15
  width: "calc(100% / 4)"
12
16
  };
13
17
  function ArrayFieldItemTemplate(props) {
14
- const {
15
- children,
16
- disabled,
17
- hasCopy,
18
- hasMoveDown,
19
- hasMoveUp,
20
- hasRemove,
21
- hasToolbar,
22
- index,
23
- onCopyIndexClick,
24
- onDropIndexClick,
25
- onReorderClick,
26
- readonly,
18
+ const { children, buttonsProps, hasToolbar, index, registry, uiSchema } = props;
19
+ const uiOptions = getUiOptions(uiSchema);
20
+ const ArrayFieldItemButtonsTemplate = getTemplate(
21
+ "ArrayFieldItemButtonsTemplate",
27
22
  registry,
28
- uiSchema
29
- } = props;
30
- const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
23
+ uiOptions
24
+ );
31
25
  const { rowGutter = 24, toolbarAlign = "top" } = registry.formContext;
32
26
  return /* @__PURE__ */ jsxs(Row, { align: toolbarAlign, gutter: rowGutter, children: [
33
27
  /* @__PURE__ */ jsx(Col, { flex: "1", children }),
34
- hasToolbar && /* @__PURE__ */ jsx(Col, { flex: "192px", children: /* @__PURE__ */ jsxs(Button.Group, { style: BTN_GRP_STYLE, children: [
35
- (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx(
36
- MoveUpButton2,
37
- {
38
- disabled: disabled || readonly || !hasMoveUp,
39
- onClick: onReorderClick(index, index - 1),
40
- style: BTN_STYLE,
41
- uiSchema,
42
- registry
43
- }
44
- ),
45
- (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx(
46
- MoveDownButton2,
47
- {
48
- disabled: disabled || readonly || !hasMoveDown,
49
- onClick: onReorderClick(index, index + 1),
50
- style: BTN_STYLE,
51
- uiSchema,
52
- registry
53
- }
54
- ),
55
- hasCopy && /* @__PURE__ */ jsx(
56
- CopyButton2,
57
- {
58
- disabled: disabled || readonly,
59
- onClick: onCopyIndexClick(index),
60
- style: BTN_STYLE,
61
- uiSchema,
62
- registry
63
- }
64
- ),
65
- hasRemove && /* @__PURE__ */ jsx(
66
- RemoveButton2,
67
- {
68
- disabled: disabled || readonly,
69
- onClick: onDropIndexClick(index),
70
- style: BTN_STYLE,
71
- uiSchema,
72
- registry
73
- }
74
- )
75
- ] }) })
76
- ] }, `array-item-${index}`);
28
+ hasToolbar && /* @__PURE__ */ jsx(Col, { flex: "192px", children: /* @__PURE__ */ jsx(Space.Compact, { style: BTN_GRP_STYLE, children: /* @__PURE__ */ jsx(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: BTN_STYLE }) }) })
29
+ ] }, `rjsf-array-item-${index}`);
77
30
  }
78
31
 
79
32
  // src/templates/ArrayFieldTemplate/index.tsx
80
33
  import {
81
- getTemplate,
82
- getUiOptions
34
+ getTemplate as getTemplate2,
35
+ getUiOptions as getUiOptions2,
36
+ buttonId
83
37
  } from "@rjsf/utils";
84
38
  import classNames from "classnames";
85
39
  import { Col as Col2, Row as Row2, ConfigProvider } from "antd";
@@ -104,18 +58,18 @@ function ArrayFieldTemplate(props) {
104
58
  title,
105
59
  uiSchema
106
60
  } = props;
107
- const uiOptions = getUiOptions(uiSchema);
108
- const ArrayFieldDescriptionTemplate = getTemplate(
61
+ const uiOptions = getUiOptions2(uiSchema);
62
+ const ArrayFieldDescriptionTemplate = getTemplate2(
109
63
  "ArrayFieldDescriptionTemplate",
110
64
  registry,
111
65
  uiOptions
112
66
  );
113
- const ArrayFieldItemTemplate2 = getTemplate(
67
+ const ArrayFieldItemTemplate2 = getTemplate2(
114
68
  "ArrayFieldItemTemplate",
115
69
  registry,
116
70
  uiOptions
117
71
  );
118
- const ArrayFieldTitleTemplate = getTemplate(
72
+ const ArrayFieldTitleTemplate = getTemplate2(
119
73
  "ArrayFieldTitleTemplate",
120
74
  registry,
121
75
  uiOptions
@@ -158,7 +112,8 @@ function ArrayFieldTemplate(props) {
158
112
  canAdd && /* @__PURE__ */ jsx2(Col2, { span: 24, children: /* @__PURE__ */ jsx2(Row2, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx2(Col2, { flex: "192px", children: /* @__PURE__ */ jsx2(
159
113
  AddButton2,
160
114
  {
161
- className: "array-item-add",
115
+ id: buttonId(idSchema, "add"),
116
+ className: "rjsf-array-item-add",
162
117
  disabled: disabled || readonly,
163
118
  onClick: onAddClick,
164
119
  uiSchema,
@@ -243,17 +198,18 @@ function BaseInputTemplate(props) {
243
198
  }
244
199
 
245
200
  // src/templates/DescriptionField/index.tsx
201
+ import { RichDescription } from "@rjsf/core";
246
202
  import { jsx as jsx4 } from "react/jsx-runtime";
247
203
  function DescriptionField(props) {
248
- const { id, description } = props;
204
+ const { id, description, registry, uiSchema } = props;
249
205
  if (!description) {
250
206
  return null;
251
207
  }
252
- return /* @__PURE__ */ jsx4("span", { id, children: description });
208
+ return /* @__PURE__ */ jsx4("span", { id, children: /* @__PURE__ */ jsx4(RichDescription, { description, registry, uiSchema }) });
253
209
  }
254
210
 
255
211
  // src/templates/ErrorList/index.tsx
256
- import { Alert, List, Space } from "antd";
212
+ import { Alert, List, Space as Space2 } from "antd";
257
213
  import ExclamationCircleOutlined from "@ant-design/icons/ExclamationCircleOutlined";
258
214
  import { TranslatableString } from "@rjsf/utils";
259
215
  import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -262,7 +218,7 @@ function ErrorList({
262
218
  registry
263
219
  }) {
264
220
  const { translateString } = registry;
265
- const renderErrors = () => /* @__PURE__ */ jsx5(List, { className: "list-group", size: "small", children: errors.map((error, index) => /* @__PURE__ */ jsx5(List.Item, { children: /* @__PURE__ */ jsxs4(Space, { children: [
221
+ const renderErrors = () => /* @__PURE__ */ jsx5(List, { className: "list-group", size: "small", children: errors.map((error, index) => /* @__PURE__ */ jsx5(List.Item, { children: /* @__PURE__ */ jsxs4(Space2, { children: [
266
222
  /* @__PURE__ */ jsx5(ExclamationCircleOutlined, {}),
267
223
  error.stack
268
224
  ] }) }, index)) });
@@ -278,21 +234,21 @@ function ErrorList({
278
234
  }
279
235
 
280
236
  // src/templates/IconButton/index.tsx
281
- import { Button as Button2 } from "antd";
237
+ import { Button } from "antd";
282
238
  import ArrowDownOutlined from "@ant-design/icons/ArrowDownOutlined";
283
239
  import ArrowUpOutlined from "@ant-design/icons/ArrowUpOutlined";
284
240
  import CopyOutlined from "@ant-design/icons/CopyOutlined";
285
241
  import DeleteOutlined from "@ant-design/icons/DeleteOutlined";
286
242
  import PlusCircleOutlined from "@ant-design/icons/PlusCircleOutlined";
287
243
  import {
288
- getUiOptions as getUiOptions2,
244
+ getUiOptions as getUiOptions3,
289
245
  TranslatableString as TranslatableString2
290
246
  } from "@rjsf/utils";
291
247
  import { jsx as jsx6 } from "react/jsx-runtime";
292
248
  function IconButton(props) {
293
249
  const { iconType = "default", icon, onClick, uiSchema, registry, ...otherProps } = props;
294
250
  return /* @__PURE__ */ jsx6(
295
- Button2,
251
+ Button,
296
252
  {
297
253
  onClick,
298
254
  type: iconType,
@@ -335,7 +291,7 @@ function MoveUpButton(props) {
335
291
  return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString2.MoveUpButton), ...props, icon: /* @__PURE__ */ jsx6(ArrowUpOutlined, {}) });
336
292
  }
337
293
  function RemoveButton(props) {
338
- const options = getUiOptions2(props.uiSchema);
294
+ const options = getUiOptions3(props.uiSchema);
339
295
  const {
340
296
  registry: { translateString }
341
297
  } = props;
@@ -367,8 +323,8 @@ function FieldErrorTemplate(props) {
367
323
  // src/templates/FieldTemplate/index.tsx
368
324
  import { Form } from "antd";
369
325
  import {
370
- getTemplate as getTemplate2,
371
- getUiOptions as getUiOptions3
326
+ getTemplate as getTemplate3,
327
+ getUiOptions as getUiOptions4
372
328
  } from "@rjsf/utils";
373
329
  import { jsx as jsx8 } from "react/jsx-runtime";
374
330
  var VERTICAL_LABEL_COL = { span: 24 };
@@ -405,14 +361,14 @@ function FieldTemplate(props) {
405
361
  wrapperStyle,
406
362
  descriptionLocation = "below"
407
363
  } = formContext;
408
- const uiOptions = getUiOptions3(uiSchema);
409
- const WrapIfAdditionalTemplate2 = getTemplate2(
364
+ const uiOptions = getUiOptions4(uiSchema);
365
+ const WrapIfAdditionalTemplate2 = getTemplate3(
410
366
  "WrapIfAdditionalTemplate",
411
367
  registry,
412
368
  uiOptions
413
369
  );
414
370
  if (hidden) {
415
- return /* @__PURE__ */ jsx8("div", { className: "field-hidden", children });
371
+ return /* @__PURE__ */ jsx8("div", { className: "rjsf-field-hidden", children });
416
372
  }
417
373
  const descriptionNode = rawDescription ? description : void 0;
418
374
  const descriptionProps = {};
@@ -461,6 +417,17 @@ function FieldTemplate(props) {
461
417
  );
462
418
  }
463
419
 
420
+ // src/templates/GridTemplate/index.tsx
421
+ import { Col as Col3, Row as Row3 } from "antd";
422
+ import { jsx as jsx9 } from "react/jsx-runtime";
423
+ function GridTemplate(props) {
424
+ const { children, column, ...rest } = props;
425
+ if (column) {
426
+ return /* @__PURE__ */ jsx9(Col3, { ...rest, children });
427
+ }
428
+ return /* @__PURE__ */ jsx9(Row3, { ...rest, children });
429
+ }
430
+
464
431
  // src/templates/ObjectFieldTemplate/index.tsx
465
432
  import classNames2 from "classnames";
466
433
  import isObject from "lodash/isObject";
@@ -469,13 +436,14 @@ import isString from "lodash/isString";
469
436
  import {
470
437
  canExpand,
471
438
  descriptionId,
472
- getTemplate as getTemplate3,
473
- getUiOptions as getUiOptions4,
474
- titleId
439
+ getTemplate as getTemplate4,
440
+ getUiOptions as getUiOptions5,
441
+ titleId,
442
+ buttonId as buttonId2
475
443
  } from "@rjsf/utils";
476
- import { Col as Col3, Row as Row3, ConfigProvider as ConfigProvider2 } from "antd";
444
+ import { Col as Col4, Row as Row4, ConfigProvider as ConfigProvider2 } from "antd";
477
445
  import { useContext as useContext2 } from "react";
478
- import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
446
+ import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
479
447
  var DESCRIPTION_COL_STYLE2 = {
480
448
  paddingBottom: "8px"
481
449
  };
@@ -495,9 +463,9 @@ function ObjectFieldTemplate(props) {
495
463
  title,
496
464
  uiSchema
497
465
  } = props;
498
- const uiOptions = getUiOptions4(uiSchema);
499
- const TitleFieldTemplate = getTemplate3("TitleFieldTemplate", registry, uiOptions);
500
- const DescriptionFieldTemplate = getTemplate3(
466
+ const uiOptions = getUiOptions5(uiSchema);
467
+ const TitleFieldTemplate = getTemplate4("TitleFieldTemplate", registry, uiOptions);
468
+ const DescriptionFieldTemplate = getTemplate4(
501
469
  "DescriptionFieldTemplate",
502
470
  registry,
503
471
  uiOptions
@@ -509,8 +477,8 @@ function ObjectFieldTemplate(props) {
509
477
  const findSchema = (element) => element.content.props.schema;
510
478
  const findSchemaType = (element) => findSchema(element).type;
511
479
  const findUiSchema = (element) => element.content.props.uiSchema;
512
- const findUiSchemaField = (element) => getUiOptions4(findUiSchema(element)).field;
513
- const findUiSchemaWidget = (element) => getUiOptions4(findUiSchema(element)).widget;
480
+ const findUiSchemaField = (element) => getUiOptions5(findUiSchema(element)).field;
481
+ const findUiSchemaWidget = (element) => getUiOptions5(findUiSchema(element)).widget;
514
482
  const calculateColSpan = (element) => {
515
483
  const type = findSchemaType(element);
516
484
  const field = findUiSchemaField(element);
@@ -543,8 +511,8 @@ function ObjectFieldTemplate(props) {
543
511
  // labelCol.className,
544
512
  );
545
513
  return /* @__PURE__ */ jsxs5("fieldset", { id: idSchema.$id, children: [
546
- /* @__PURE__ */ jsxs5(Row3, { gutter: rowGutter, children: [
547
- title && /* @__PURE__ */ jsx9(Col3, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx9(
514
+ /* @__PURE__ */ jsxs5(Row4, { gutter: rowGutter, children: [
515
+ title && /* @__PURE__ */ jsx10(Col4, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx10(
548
516
  TitleFieldTemplate,
549
517
  {
550
518
  id: titleId(idSchema),
@@ -555,7 +523,7 @@ function ObjectFieldTemplate(props) {
555
523
  registry
556
524
  }
557
525
  ) }),
558
- description && /* @__PURE__ */ jsx9(Col3, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ jsx9(
526
+ description && /* @__PURE__ */ jsx10(Col4, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ jsx10(
559
527
  DescriptionFieldTemplate,
560
528
  {
561
529
  id: descriptionId(idSchema),
@@ -565,12 +533,13 @@ function ObjectFieldTemplate(props) {
565
533
  registry
566
534
  }
567
535
  ) }),
568
- properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx9(Col3, { span: calculateColSpan(element), children: element.content }, element.name))
536
+ properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx10(Col4, { span: calculateColSpan(element), children: element.content }, element.name))
569
537
  ] }),
570
- canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx9(Col3, { span: 24, children: /* @__PURE__ */ jsx9(Row3, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx9(Col3, { flex: "192px", children: /* @__PURE__ */ jsx9(
538
+ canExpand(schema, uiSchema, formData) && /* @__PURE__ */ jsx10(Col4, { span: 24, children: /* @__PURE__ */ jsx10(Row4, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx10(Col4, { flex: "192px", children: /* @__PURE__ */ jsx10(
571
539
  AddButton2,
572
540
  {
573
- className: "object-property-expand",
541
+ id: buttonId2(idSchema, "add"),
542
+ className: "rjsf-object-property-expand",
574
543
  disabled: disabled || readonly,
575
544
  onClick: onAddClick(schema),
576
545
  uiSchema,
@@ -581,22 +550,22 @@ function ObjectFieldTemplate(props) {
581
550
  }
582
551
 
583
552
  // src/templates/SubmitButton/index.tsx
584
- import { Button as Button3 } from "antd";
553
+ import { Button as Button2 } from "antd";
585
554
  import { getSubmitButtonOptions } from "@rjsf/utils";
586
- import { jsx as jsx10 } from "react/jsx-runtime";
555
+ import { jsx as jsx11 } from "react/jsx-runtime";
587
556
  function SubmitButton({ uiSchema }) {
588
557
  const { submitText, norender, props: submitButtonProps } = getSubmitButtonOptions(uiSchema);
589
558
  if (norender) {
590
559
  return null;
591
560
  }
592
- return /* @__PURE__ */ jsx10(Button3, { type: "submit", ...submitButtonProps, htmlType: "submit", children: submitText });
561
+ return /* @__PURE__ */ jsx11(Button2, { type: "submit", ...submitButtonProps, htmlType: "submit", children: submitText });
593
562
  }
594
563
 
595
564
  // src/templates/TitleField/index.tsx
596
565
  import classNames3 from "classnames";
597
566
  import { ConfigProvider as ConfigProvider3 } from "antd";
598
567
  import { useContext as useContext3 } from "react";
599
- import { jsx as jsx11 } from "react/jsx-runtime";
568
+ import { jsx as jsx12 } from "react/jsx-runtime";
600
569
  function TitleField({
601
570
  id,
602
571
  required,
@@ -624,7 +593,7 @@ function TitleField({
624
593
  [`${prefixCls}-item-required`]: required,
625
594
  [`${prefixCls}-item-no-colon`]: !colon
626
595
  });
627
- return title ? /* @__PURE__ */ jsx11(
596
+ return title ? /* @__PURE__ */ jsx12(
628
597
  "label",
629
598
  {
630
599
  className: labelClassName,
@@ -637,13 +606,14 @@ function TitleField({
637
606
  }
638
607
 
639
608
  // src/templates/WrapIfAdditionalTemplate/index.tsx
640
- import { Col as Col4, Row as Row4, Form as Form2, Input as Input2 } from "antd";
609
+ import { Col as Col5, Row as Row5, Form as Form2, Input as Input2 } from "antd";
641
610
  import {
642
611
  ADDITIONAL_PROPERTY_FLAG,
643
612
  UI_OPTIONS_KEY,
644
- TranslatableString as TranslatableString3
613
+ TranslatableString as TranslatableString3,
614
+ buttonId as buttonId3
645
615
  } from "@rjsf/utils";
646
- import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
616
+ import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
647
617
  var VERTICAL_LABEL_COL2 = { span: 24 };
648
618
  var VERTICAL_WRAPPER_COL2 = { span: 24 };
649
619
  var INPUT_STYLE2 = {
@@ -679,7 +649,7 @@ function WrapIfAdditionalTemplate(props) {
679
649
  const keyLabel = translateString(TranslatableString3.KeyLabel, [label]);
680
650
  const additional = ADDITIONAL_PROPERTY_FLAG in schema;
681
651
  if (!additional) {
682
- return /* @__PURE__ */ jsx12("div", { className: classNames4, style, children });
652
+ return /* @__PURE__ */ jsx13("div", { className: classNames4, style, children });
683
653
  }
684
654
  const handleBlur = ({ target }) => onKeyChange(target && target.value);
685
655
  const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
@@ -687,8 +657,8 @@ function WrapIfAdditionalTemplate(props) {
687
657
  ...uiSchema,
688
658
  [UI_OPTIONS_KEY]: { ...uiOptions, block: true }
689
659
  };
690
- return /* @__PURE__ */ jsx12("div", { className: classNames4, style, children: /* @__PURE__ */ jsxs6(Row4, { align: toolbarAlign, gutter: rowGutter, children: [
691
- /* @__PURE__ */ jsx12(Col4, { className: "form-additional", flex: "1", children: /* @__PURE__ */ jsx12("div", { className: "form-group", children: /* @__PURE__ */ jsx12(
660
+ return /* @__PURE__ */ jsx13("div", { className: classNames4, style, children: /* @__PURE__ */ jsxs6(Row5, { align: toolbarAlign, gutter: rowGutter, children: [
661
+ /* @__PURE__ */ jsx13(Col5, { className: "form-additional", flex: "1", children: /* @__PURE__ */ jsx13("div", { className: "form-group", children: /* @__PURE__ */ jsx13(
692
662
  Form2.Item,
693
663
  {
694
664
  colon,
@@ -700,7 +670,7 @@ function WrapIfAdditionalTemplate(props) {
700
670
  required,
701
671
  style: wrapperStyle,
702
672
  wrapperCol,
703
- children: /* @__PURE__ */ jsx12(
673
+ children: /* @__PURE__ */ jsx13(
704
674
  Input2,
705
675
  {
706
676
  className: "form-control",
@@ -715,11 +685,12 @@ function WrapIfAdditionalTemplate(props) {
715
685
  )
716
686
  }
717
687
  ) }) }),
718
- /* @__PURE__ */ jsx12(Col4, { className: "form-additional", flex: "1", children }),
719
- /* @__PURE__ */ jsx12(Col4, { flex: "192px", children: /* @__PURE__ */ jsx12(
688
+ /* @__PURE__ */ jsx13(Col5, { className: "form-additional", flex: "1", children }),
689
+ /* @__PURE__ */ jsx13(Col5, { flex: "192px", children: /* @__PURE__ */ jsx13(
720
690
  RemoveButton2,
721
691
  {
722
- className: "array-item-remove",
692
+ id: buttonId3(id, "remove"),
693
+ className: "rjsf-object-property-remove",
723
694
  disabled: disabled || readonly,
724
695
  onClick: onDropPropertyClick(label),
725
696
  uiSchema: buttonUiOptions,
@@ -747,6 +718,7 @@ function generateTemplates() {
747
718
  ErrorListTemplate: ErrorList,
748
719
  FieldErrorTemplate,
749
720
  FieldTemplate,
721
+ GridTemplate,
750
722
  ObjectFieldTemplate,
751
723
  TitleFieldTemplate: TitleField,
752
724
  WrapIfAdditionalTemplate
@@ -756,7 +728,7 @@ var templates_default = generateTemplates();
756
728
 
757
729
  // src/widgets/AltDateWidget/index.tsx
758
730
  import { useEffect, useState } from "react";
759
- import { Row as Row5, Col as Col5, Button as Button4 } from "antd";
731
+ import { Row as Row6, Col as Col6, Button as Button3 } from "antd";
760
732
  import {
761
733
  ariaDescribedByIds as ariaDescribedByIds2,
762
734
  dateRangeOptions,
@@ -765,7 +737,7 @@ import {
765
737
  toDateString,
766
738
  TranslatableString as TranslatableString4
767
739
  } from "@rjsf/utils";
768
- import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
740
+ import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
769
741
  var readyForChange = (state) => {
770
742
  return Object.values(state).every((value) => value !== -1);
771
743
  };
@@ -817,7 +789,7 @@ function AltDateWidget(props) {
817
789
  }
818
790
  onChange(void 0);
819
791
  };
820
- const renderDateElement = (elemProps) => /* @__PURE__ */ jsx13(
792
+ const renderDateElement = (elemProps) => /* @__PURE__ */ jsx14(
821
793
  SelectWidget2,
822
794
  {
823
795
  autofocus: elemProps.autofocus,
@@ -840,7 +812,7 @@ function AltDateWidget(props) {
840
812
  "aria-describedby": ariaDescribedByIds2(id)
841
813
  }
842
814
  );
843
- return /* @__PURE__ */ jsxs7(Row5, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
815
+ return /* @__PURE__ */ jsxs7(Row6, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
844
816
  getDateElementProps(
845
817
  state,
846
818
  showTime,
@@ -848,7 +820,7 @@ function AltDateWidget(props) {
848
820
  options.format
849
821
  ).map((elemProps, i) => {
850
822
  const elemId = id + "_" + elemProps.type;
851
- return /* @__PURE__ */ jsx13(Col5, { flex: "88px", children: renderDateElement({
823
+ return /* @__PURE__ */ jsx14(Col6, { flex: "88px", children: renderDateElement({
852
824
  ...elemProps,
853
825
  autofocus: autofocus && i === 0,
854
826
  disabled,
@@ -864,8 +836,8 @@ function AltDateWidget(props) {
864
836
  value: elemProps.value || -1 < 0 ? void 0 : elemProps.value
865
837
  }) }, elemId);
866
838
  }),
867
- !options.hideNowButton && /* @__PURE__ */ jsx13(Col5, { flex: "88px", children: /* @__PURE__ */ jsx13(Button4, { block: true, className: "btn-now", onClick: handleNow, type: "primary", children: translateString(TranslatableString4.NowLabel) }) }),
868
- !options.hideClearButton && /* @__PURE__ */ jsx13(Col5, { flex: "88px", children: /* @__PURE__ */ jsx13(Button4, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(TranslatableString4.ClearLabel) }) })
839
+ !options.hideNowButton && /* @__PURE__ */ jsx14(Col6, { flex: "88px", children: /* @__PURE__ */ jsx14(Button3, { block: true, className: "btn-now", onClick: handleNow, type: "primary", children: translateString(TranslatableString4.NowLabel) }) }),
840
+ !options.hideClearButton && /* @__PURE__ */ jsx14(Col6, { flex: "88px", children: /* @__PURE__ */ jsx14(Button3, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(TranslatableString4.ClearLabel) }) })
869
841
  ] });
870
842
  }
871
843
  AltDateWidget.defaultProps = {
@@ -879,10 +851,10 @@ AltDateWidget.defaultProps = {
879
851
  };
880
852
 
881
853
  // src/widgets/AltDateTimeWidget/index.tsx
882
- import { jsx as jsx14 } from "react/jsx-runtime";
854
+ import { jsx as jsx15 } from "react/jsx-runtime";
883
855
  function AltDateTimeWidget(props) {
884
856
  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
885
- return /* @__PURE__ */ jsx14(AltDateWidget2, { showTime: true, ...props });
857
+ return /* @__PURE__ */ jsx15(AltDateWidget2, { showTime: true, ...props });
886
858
  }
887
859
  AltDateTimeWidget.defaultProps = {
888
860
  ...AltDateWidget.defaultProps,
@@ -897,7 +869,7 @@ import {
897
869
  enumOptionsValueForIndex,
898
870
  optionId
899
871
  } from "@rjsf/utils";
900
- import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
872
+ import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
901
873
  function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChange, onFocus, options, readonly, value }) {
902
874
  const { readonlyAsDisabled = true } = formContext;
903
875
  const { enumOptions, enumDisabled, inline, emptyValue } = options;
@@ -910,7 +882,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
910
882
  onFocus: !readonly ? handleFocus : void 0
911
883
  };
912
884
  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
913
- return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsx15(Fragment2, { children: /* @__PURE__ */ jsx15(
885
+ return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsx16(Fragment2, { children: /* @__PURE__ */ jsx16(
914
886
  Checkbox.Group,
915
887
  {
916
888
  disabled: disabled || readonlyAsDisabled && readonly,
@@ -920,7 +892,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
920
892
  ...extraProps,
921
893
  "aria-describedby": ariaDescribedByIds3(id),
922
894
  children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsxs8("span", { children: [
923
- /* @__PURE__ */ jsx15(
895
+ /* @__PURE__ */ jsx16(
924
896
  Checkbox,
925
897
  {
926
898
  id: optionId(id, i),
@@ -931,7 +903,7 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
931
903
  children: option.label
932
904
  }
933
905
  ),
934
- !inline && /* @__PURE__ */ jsx15("br", {})
906
+ !inline && /* @__PURE__ */ jsx16("br", {})
935
907
  ] }, i))
936
908
  }
937
909
  ) }) : null;
@@ -943,7 +915,7 @@ import {
943
915
  ariaDescribedByIds as ariaDescribedByIds4,
944
916
  labelValue
945
917
  } from "@rjsf/utils";
946
- import { jsx as jsx16 } from "react/jsx-runtime";
918
+ import { jsx as jsx17 } from "react/jsx-runtime";
947
919
  function CheckboxWidget(props) {
948
920
  const { autofocus, disabled, formContext, id, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
949
921
  const { readonlyAsDisabled = true } = formContext;
@@ -954,7 +926,7 @@ function CheckboxWidget(props) {
954
926
  onBlur: !readonly ? handleBlur : void 0,
955
927
  onFocus: !readonly ? handleFocus : void 0
956
928
  };
957
- return /* @__PURE__ */ jsx16(
929
+ return /* @__PURE__ */ jsx17(
958
930
  Checkbox2,
959
931
  {
960
932
  autoFocus: autofocus,
@@ -976,7 +948,7 @@ import {
976
948
  ariaDescribedByIds as ariaDescribedByIds5
977
949
  } from "@rjsf/utils";
978
950
  import { DatePicker } from "antd";
979
- import { jsx as jsx17 } from "react/jsx-runtime";
951
+ import { jsx as jsx18 } from "react/jsx-runtime";
980
952
  var DATE_PICKER_STYLE = {
981
953
  width: "100%"
982
954
  };
@@ -987,7 +959,7 @@ function DateTimeWidget(props) {
987
959
  const handleBlur = () => onBlur(id, value);
988
960
  const handleFocus = () => onFocus(id, value);
989
961
  const getPopupContainer = (node) => node.parentNode;
990
- return /* @__PURE__ */ jsx17(
962
+ return /* @__PURE__ */ jsx18(
991
963
  DatePicker,
992
964
  {
993
965
  disabled: disabled || readonlyAsDisabled && readonly,
@@ -1012,7 +984,7 @@ import {
1012
984
  ariaDescribedByIds as ariaDescribedByIds6
1013
985
  } from "@rjsf/utils";
1014
986
  import { DatePicker as DatePicker2 } from "antd";
1015
- import { jsx as jsx18 } from "react/jsx-runtime";
987
+ import { jsx as jsx19 } from "react/jsx-runtime";
1016
988
  var DATE_PICKER_STYLE2 = {
1017
989
  width: "100%"
1018
990
  };
@@ -1023,7 +995,7 @@ function DateWidget(props) {
1023
995
  const handleBlur = () => onBlur(id, value);
1024
996
  const handleFocus = () => onFocus(id, value);
1025
997
  const getPopupContainer = (node) => node.parentNode;
1026
- return /* @__PURE__ */ jsx18(
998
+ return /* @__PURE__ */ jsx19(
1027
999
  DatePicker2,
1028
1000
  {
1029
1001
  disabled: disabled || readonlyAsDisabled && readonly,
@@ -1047,7 +1019,7 @@ import { Input as Input3 } from "antd";
1047
1019
  import {
1048
1020
  ariaDescribedByIds as ariaDescribedByIds7
1049
1021
  } from "@rjsf/utils";
1050
- import { jsx as jsx19 } from "react/jsx-runtime";
1022
+ import { jsx as jsx20 } from "react/jsx-runtime";
1051
1023
  function PasswordWidget(props) {
1052
1024
  const { disabled, formContext, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
1053
1025
  const { readonlyAsDisabled = true } = formContext;
@@ -1055,7 +1027,7 @@ function PasswordWidget(props) {
1055
1027
  const handleChange = ({ target }) => onChange(target.value === "" ? emptyValue : target.value);
1056
1028
  const handleBlur = ({ target }) => onBlur(id, target.value);
1057
1029
  const handleFocus = ({ target }) => onFocus(id, target.value);
1058
- return /* @__PURE__ */ jsx19(
1030
+ return /* @__PURE__ */ jsx20(
1059
1031
  Input3.Password,
1060
1032
  {
1061
1033
  disabled: disabled || readonlyAsDisabled && readonly,
@@ -1079,7 +1051,7 @@ import {
1079
1051
  enumOptionsValueForIndex as enumOptionsValueForIndex2,
1080
1052
  optionId as optionId2
1081
1053
  } from "@rjsf/utils";
1082
- import { jsx as jsx20 } from "react/jsx-runtime";
1054
+ import { jsx as jsx21 } from "react/jsx-runtime";
1083
1055
  function RadioWidget({
1084
1056
  autofocus,
1085
1057
  disabled,
@@ -1098,7 +1070,7 @@ function RadioWidget({
1098
1070
  const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
1099
1071
  const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex2(target && target.value, enumOptions, emptyValue));
1100
1072
  const selectedIndexes = enumOptionsIndexForValue2(value, enumOptions);
1101
- return /* @__PURE__ */ jsx20(
1073
+ return /* @__PURE__ */ jsx21(
1102
1074
  Radio.Group,
1103
1075
  {
1104
1076
  disabled: disabled || readonlyAsDisabled && readonly,
@@ -1109,13 +1081,13 @@ function RadioWidget({
1109
1081
  onFocus: !readonly ? handleFocus : void 0,
1110
1082
  value: selectedIndexes,
1111
1083
  "aria-describedby": ariaDescribedByIds8(id),
1112
- children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsx20(
1084
+ children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsx21(
1113
1085
  Radio,
1114
1086
  {
1115
1087
  id: optionId2(id, i),
1116
1088
  name: id,
1117
1089
  autoFocus: i === 0 ? autofocus : false,
1118
- disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
1090
+ disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
1119
1091
  value: String(i),
1120
1092
  children: option.label
1121
1093
  },
@@ -1131,7 +1103,7 @@ import {
1131
1103
  ariaDescribedByIds as ariaDescribedByIds9,
1132
1104
  rangeSpec
1133
1105
  } from "@rjsf/utils";
1134
- import { jsx as jsx21 } from "react/jsx-runtime";
1106
+ import { jsx as jsx22 } from "react/jsx-runtime";
1135
1107
  function RangeWidget(props) {
1136
1108
  const {
1137
1109
  autofocus,
@@ -1158,7 +1130,7 @@ function RangeWidget(props) {
1158
1130
  onBlur: !readonly ? handleBlur : void 0,
1159
1131
  onFocus: !readonly ? handleFocus : void 0
1160
1132
  };
1161
- return /* @__PURE__ */ jsx21(
1133
+ return /* @__PURE__ */ jsx22(
1162
1134
  Slider,
1163
1135
  {
1164
1136
  autoFocus: autofocus,
@@ -1185,7 +1157,7 @@ import {
1185
1157
  } from "@rjsf/utils";
1186
1158
  import isString2 from "lodash/isString";
1187
1159
  import { useMemo } from "react";
1188
- import { jsx as jsx22 } from "react/jsx-runtime";
1160
+ import { jsx as jsx23 } from "react/jsx-runtime";
1189
1161
  var SELECT_STYLE = {
1190
1162
  width: "100%"
1191
1163
  };
@@ -1236,7 +1208,7 @@ function SelectWidget({
1236
1208
  }
1237
1209
  return void 0;
1238
1210
  }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption]);
1239
- return /* @__PURE__ */ jsx22(
1211
+ return /* @__PURE__ */ jsx23(
1240
1212
  Select,
1241
1213
  {
1242
1214
  autoFocus: autofocus,
@@ -1263,7 +1235,7 @@ import { Input as Input4 } from "antd";
1263
1235
  import {
1264
1236
  ariaDescribedByIds as ariaDescribedByIds11
1265
1237
  } from "@rjsf/utils";
1266
- import { jsx as jsx23 } from "react/jsx-runtime";
1238
+ import { jsx as jsx24 } from "react/jsx-runtime";
1267
1239
  var INPUT_STYLE3 = {
1268
1240
  width: "100%"
1269
1241
  };
@@ -1286,7 +1258,7 @@ function TextareaWidget({
1286
1258
  const extraProps = {
1287
1259
  type: "textarea"
1288
1260
  };
1289
- return /* @__PURE__ */ jsx23(
1261
+ return /* @__PURE__ */ jsx24(
1290
1262
  Input4.TextArea,
1291
1263
  {
1292
1264
  disabled: disabled || readonlyAsDisabled && readonly,
@@ -1335,13 +1307,13 @@ function generateForm() {
1335
1307
  return withTheme(generateTheme());
1336
1308
  }
1337
1309
  var Form3 = generateForm();
1338
- var src_default = Form3;
1310
+ var index_default = Form3;
1339
1311
  export {
1340
1312
  Form3 as Form,
1341
1313
  templates_default as Templates,
1342
1314
  Theme,
1343
1315
  widgets_default as Widgets,
1344
- src_default as default,
1316
+ index_default as default,
1345
1317
  generateForm,
1346
1318
  generateTemplates,
1347
1319
  generateTheme,