@rjsf/antd 5.24.10 → 6.0.0-beta.1

package/dist/index.js

@@ -28,23 +28,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Form: () => Form3,
   Templates: () => templates_default,
   Theme: () => Theme,
   Widgets: () => widgets_default,
-  default: () => src_default,
+  default: () => index_default,
   generateForm: () => generateForm,
   generateTemplates: () => generateTemplates,
   generateTheme: () => generateTheme,
   generateWidgets: () => generateWidgets
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 var import_core = require("@rjsf/core");
 
 // src/templates/ArrayFieldItemTemplate/index.tsx
 var import_antd = require("antd");
+var import_utils = require("@rjsf/utils");
 var import_jsx_runtime = require("react/jsx-runtime");
 var BTN_GRP_STYLE = {
   width: "100%"
@@ -53,74 +54,23 @@ var BTN_STYLE = {
   width: "calc(100% / 4)"
 };
 function ArrayFieldItemTemplate(props) {
-  const {
-    children,
-    disabled,
-    hasCopy,
-    hasMoveDown,
-    hasMoveUp,
-    hasRemove,
-    hasToolbar,
-    index,
-    onCopyIndexClick,
-    onDropIndexClick,
-    onReorderClick,
-    readonly,
+  const { children, buttonsProps, hasToolbar, index, registry, uiSchema } = props;
+  const uiOptions = (0, import_utils.getUiOptions)(uiSchema);
+  const ArrayFieldItemButtonsTemplate = (0, import_utils.getTemplate)(
+    "ArrayFieldItemButtonsTemplate",
     registry,
-    uiSchema
-  } = props;
-  const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
+    uiOptions
+  );
   const { rowGutter = 24, toolbarAlign = "top" } = registry.formContext;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Row, { align: toolbarAlign, gutter: rowGutter, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Col, { flex: "1", children }),
-    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Col, { flex: "192px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Button.Group, { style: BTN_GRP_STYLE, children: [
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        MoveUpButton2,
-        {
-          disabled: disabled || readonly || !hasMoveUp,
-          onClick: onReorderClick(index, index - 1),
-          style: BTN_STYLE,
-          uiSchema,
-          registry
-        }
-      ),
-      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        MoveDownButton2,
-        {
-          disabled: disabled || readonly || !hasMoveDown,
-          onClick: onReorderClick(index, index + 1),
-          style: BTN_STYLE,
-          uiSchema,
-          registry
-        }
-      ),
-      hasCopy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        CopyButton2,
-        {
-          disabled: disabled || readonly,
-          onClick: onCopyIndexClick(index),
-          style: BTN_STYLE,
-          uiSchema,
-          registry
-        }
-      ),
-      hasRemove && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        RemoveButton2,
-        {
-          disabled: disabled || readonly,
-          onClick: onDropIndexClick(index),
-          style: BTN_STYLE,
-          uiSchema,
-          registry
-        }
-      )
-    ] }) })
-  ] }, `array-item-${index}`);
+    hasToolbar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Col, { flex: "192px", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Space.Compact, { style: BTN_GRP_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArrayFieldItemButtonsTemplate, { ...buttonsProps, style: BTN_STYLE }) }) })
+  ] }, `rjsf-array-item-${index}`);
 }
 
 // src/templates/ArrayFieldTemplate/index.tsx
-var import_utils = require("@rjsf/utils");
-var import_classnames = __toESM(require("classnames"));
+var import_utils2 = require("@rjsf/utils");
+var import_classnames = __toESM(require("classnames"), 1);
 var import_antd2 = require("antd");
 var import_react = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -143,18 +93,18 @@ function ArrayFieldTemplate(props) {
     title,
     uiSchema
   } = props;
-  const uiOptions = (0, import_utils.getUiOptions)(uiSchema);
-  const ArrayFieldDescriptionTemplate = (0, import_utils.getTemplate)(
+  const uiOptions = (0, import_utils2.getUiOptions)(uiSchema);
+  const ArrayFieldDescriptionTemplate = (0, import_utils2.getTemplate)(
     "ArrayFieldDescriptionTemplate",
     registry,
     uiOptions
   );
-  const ArrayFieldItemTemplate2 = (0, import_utils.getTemplate)(
+  const ArrayFieldItemTemplate2 = (0, import_utils2.getTemplate)(
     "ArrayFieldItemTemplate",
     registry,
     uiOptions
   );
-  const ArrayFieldTitleTemplate = (0, import_utils.getTemplate)(
+  const ArrayFieldTitleTemplate = (0, import_utils2.getTemplate)(
     "ArrayFieldTitleTemplate",
     registry,
     uiOptions
@@ -197,7 +147,8 @@ function ArrayFieldTemplate(props) {
     canAdd && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Col, { span: 24, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Row, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_antd2.Col, { flex: "192px", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       AddButton2,
       {
-        className: "array-item-add",
+        id: (0, import_utils2.buttonId)(idSchema, "add"),
+        className: "rjsf-array-item-add",
         disabled: disabled || readonly,
         onClick: onAddClick,
         uiSchema,
@@ -209,7 +160,7 @@ function ArrayFieldTemplate(props) {
 
 // src/templates/BaseInputTemplate/index.tsx
 var import_antd3 = require("antd");
-var import_utils2 = require("@rjsf/utils");
+var import_utils3 = require("@rjsf/utils");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var INPUT_STYLE = {
   width: "100%"
@@ -230,7 +181,7 @@ function BaseInputTemplate(props) {
     value,
     type
   } = props;
-  const inputProps = (0, import_utils2.getInputProps)(schema, type, options, false);
+  const inputProps = (0, import_utils3.getInputProps)(schema, type, options, false);
   const { readonlyAsDisabled = true } = formContext;
   const handleNumberChange = (nextValue) => onChange(nextValue);
   const handleTextChange = onChangeOverride ? onChangeOverride : ({ target }) => onChange(target.value === "" ? options.emptyValue : target.value);
@@ -247,10 +198,10 @@ function BaseInputTemplate(props) {
       onFocus: !readonly ? handleFocus : void 0,
       placeholder,
       style: INPUT_STYLE,
-      list: schema.examples ? (0, import_utils2.examplesId)(id) : void 0,
+      list: schema.examples ? (0, import_utils3.examplesId)(id) : void 0,
       ...inputProps,
       value,
-      "aria-describedby": (0, import_utils2.ariaDescribedByIds)(id, !!schema.examples)
+      "aria-describedby": (0, import_utils3.ariaDescribedByIds)(id, !!schema.examples)
     }
   ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_antd3.Input,
@@ -263,15 +214,15 @@ function BaseInputTemplate(props) {
       onFocus: !readonly ? handleFocus : void 0,
       placeholder,
       style: INPUT_STYLE,
-      list: schema.examples ? (0, import_utils2.examplesId)(id) : void 0,
+      list: schema.examples ? (0, import_utils3.examplesId)(id) : void 0,
       ...inputProps,
       value,
-      "aria-describedby": (0, import_utils2.ariaDescribedByIds)(id, !!schema.examples)
+      "aria-describedby": (0, import_utils3.ariaDescribedByIds)(id, !!schema.examples)
     }
   );
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     input,
-    Array.isArray(schema.examples) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("datalist", { id: (0, import_utils2.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
+    Array.isArray(schema.examples) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("datalist", { id: (0, import_utils3.examplesId)(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
       return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: example }, example);
     }) })
   ] });
@@ -289,8 +240,8 @@ function DescriptionField(props) {
 
 // src/templates/ErrorList/index.tsx
 var import_antd4 = require("antd");
-var import_ExclamationCircleOutlined = __toESM(require("@ant-design/icons/ExclamationCircleOutlined"));
-var import_utils3 = require("@rjsf/utils");
+var import_ExclamationCircleOutlined = __toESM(require("@ant-design/icons/ExclamationCircleOutlined"), 1);
+var import_utils4 = require("@rjsf/utils");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function ErrorList({
   errors,
@@ -306,7 +257,7 @@ function ErrorList({
     {
       className: "panel panel-danger errors",
       description: renderErrors(),
-      message: translateString(import_utils3.TranslatableString.ErrorsLabel),
+      message: translateString(import_utils4.TranslatableString.ErrorsLabel),
       type: "error"
     }
   );
@@ -314,12 +265,12 @@ function ErrorList({
 
 // src/templates/IconButton/index.tsx
 var import_antd5 = require("antd");
-var import_ArrowDownOutlined = __toESM(require("@ant-design/icons/ArrowDownOutlined"));
-var import_ArrowUpOutlined = __toESM(require("@ant-design/icons/ArrowUpOutlined"));
-var import_CopyOutlined = __toESM(require("@ant-design/icons/CopyOutlined"));
-var import_DeleteOutlined = __toESM(require("@ant-design/icons/DeleteOutlined"));
-var import_PlusCircleOutlined = __toESM(require("@ant-design/icons/PlusCircleOutlined"));
-var import_utils4 = require("@rjsf/utils");
+var import_ArrowDownOutlined = __toESM(require("@ant-design/icons/ArrowDownOutlined"), 1);
+var import_ArrowUpOutlined = __toESM(require("@ant-design/icons/ArrowUpOutlined"), 1);
+var import_CopyOutlined = __toESM(require("@ant-design/icons/CopyOutlined"), 1);
+var import_DeleteOutlined = __toESM(require("@ant-design/icons/DeleteOutlined"), 1);
+var import_PlusCircleOutlined = __toESM(require("@ant-design/icons/PlusCircleOutlined"), 1);
+var import_utils5 = require("@rjsf/utils");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function IconButton(props) {
   const { iconType = "default", icon, onClick, uiSchema, registry, ...otherProps } = props;
@@ -340,7 +291,7 @@ function AddButton(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     IconButton,
     {
-      title: translateString(import_utils4.TranslatableString.AddItemButton),
+      title: translateString(import_utils5.TranslatableString.AddItemButton),
       ...props,
       block: true,
       iconType: "primary",
@@ -352,29 +303,29 @@ function CopyButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils4.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CopyOutlined.default, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.CopyButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_CopyOutlined.default, {}) });
 }
 function MoveDownButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils4.TranslatableString.MoveDownButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ArrowDownOutlined.default, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.MoveDownButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ArrowDownOutlined.default, {}) });
 }
 function MoveUpButton(props) {
   const {
     registry: { translateString }
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils4.TranslatableString.MoveUpButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ArrowUpOutlined.default, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { title: translateString(import_utils5.TranslatableString.MoveUpButton), ...props, icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ArrowUpOutlined.default, {}) });
 }
 function RemoveButton(props) {
-  const options = (0, import_utils4.getUiOptions)(props.uiSchema);
+  const options = (0, import_utils5.getUiOptions)(props.uiSchema);
   const {
     registry: { translateString }
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     IconButton,
     {
-      title: translateString(import_utils4.TranslatableString.RemoveButton),
+      title: translateString(import_utils5.TranslatableString.RemoveButton),
       ...props,
       danger: true,
       block: !!options.block,
@@ -385,20 +336,20 @@ function RemoveButton(props) {
 }
 
 // src/templates/FieldErrorTemplate/index.tsx
-var import_utils5 = require("@rjsf/utils");
+var import_utils6 = require("@rjsf/utils");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function FieldErrorTemplate(props) {
   const { errors = [], idSchema } = props;
   if (errors.length === 0) {
     return null;
   }
-  const id = (0, import_utils5.errorId)(idSchema);
+  const id = (0, import_utils6.errorId)(idSchema);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { id, children: errors.map((error) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: error }, `field-${id}-error-${error}`)) });
 }
 
 // src/templates/FieldTemplate/index.tsx
 var import_antd6 = require("antd");
-var import_utils6 = require("@rjsf/utils");
+var import_utils7 = require("@rjsf/utils");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var VERTICAL_LABEL_COL = { span: 24 };
 var VERTICAL_WRAPPER_COL = { span: 24 };
@@ -434,14 +385,14 @@ function FieldTemplate(props) {
     wrapperStyle,
     descriptionLocation = "below"
   } = formContext;
-  const uiOptions = (0, import_utils6.getUiOptions)(uiSchema);
-  const WrapIfAdditionalTemplate2 = (0, import_utils6.getTemplate)(
+  const uiOptions = (0, import_utils7.getUiOptions)(uiSchema);
+  const WrapIfAdditionalTemplate2 = (0, import_utils7.getTemplate)(
     "WrapIfAdditionalTemplate",
     registry,
     uiOptions
   );
   if (hidden) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "field-hidden", children });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rjsf-field-hidden", children });
   }
   const descriptionNode = rawDescription ? description : void 0;
   const descriptionProps = {};
@@ -490,15 +441,26 @@ function FieldTemplate(props) {
   );
 }
 
-// src/templates/ObjectFieldTemplate/index.tsx
-var import_classnames2 = __toESM(require("classnames"));
-var import_isObject = __toESM(require("lodash/isObject"));
-var import_isNumber = __toESM(require("lodash/isNumber"));
-var import_isString = __toESM(require("lodash/isString"));
-var import_utils7 = require("@rjsf/utils");
+// src/templates/GridTemplate/index.tsx
 var import_antd7 = require("antd");
-var import_react2 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+function GridTemplate(props) {
+  const { children, column, ...rest } = props;
+  if (column) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Col, { ...rest, children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Row, { ...rest, children });
+}
+
+// src/templates/ObjectFieldTemplate/index.tsx
+var import_classnames2 = __toESM(require("classnames"), 1);
+var import_isObject = __toESM(require("lodash/isObject"), 1);
+var import_isNumber = __toESM(require("lodash/isNumber"), 1);
+var import_isString = __toESM(require("lodash/isString"), 1);
+var import_utils8 = require("@rjsf/utils");
+var import_antd8 = require("antd");
+var import_react2 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var DESCRIPTION_COL_STYLE2 = {
   paddingBottom: "8px"
 };
@@ -518,9 +480,9 @@ function ObjectFieldTemplate(props) {
     title,
     uiSchema
   } = props;
-  const uiOptions = (0, import_utils7.getUiOptions)(uiSchema);
-  const TitleFieldTemplate = (0, import_utils7.getTemplate)("TitleFieldTemplate", registry, uiOptions);
-  const DescriptionFieldTemplate = (0, import_utils7.getTemplate)(
+  const uiOptions = (0, import_utils8.getUiOptions)(uiSchema);
+  const TitleFieldTemplate = (0, import_utils8.getTemplate)("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = (0, import_utils8.getTemplate)(
     "DescriptionFieldTemplate",
     registry,
     uiOptions
@@ -532,8 +494,8 @@ function ObjectFieldTemplate(props) {
   const findSchema = (element) => element.content.props.schema;
   const findSchemaType = (element) => findSchema(element).type;
   const findUiSchema = (element) => element.content.props.uiSchema;
-  const findUiSchemaField = (element) => (0, import_utils7.getUiOptions)(findUiSchema(element)).field;
-  const findUiSchemaWidget = (element) => (0, import_utils7.getUiOptions)(findUiSchema(element)).widget;
+  const findUiSchemaField = (element) => (0, import_utils8.getUiOptions)(findUiSchema(element)).field;
+  const findUiSchemaWidget = (element) => (0, import_utils8.getUiOptions)(findUiSchema(element)).widget;
   const calculateColSpan = (element) => {
     const type = findSchemaType(element);
     const field = findUiSchemaField(element);
@@ -557,7 +519,7 @@ function ObjectFieldTemplate(props) {
     }
     return defaultColSpan;
   };
-  const { getPrefixCls } = (0, import_react2.useContext)(import_antd7.ConfigProvider.ConfigContext);
+  const { getPrefixCls } = (0, import_react2.useContext)(import_antd8.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("form");
   const labelClsBasic = `${prefixCls}-item-label`;
   const labelColClassName = (0, import_classnames2.default)(
@@ -565,12 +527,12 @@ function ObjectFieldTemplate(props) {
     labelAlign === "left" && `${labelClsBasic}-left`
     // labelCol.className,
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("fieldset", { id: idSchema.$id, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_antd7.Row, { gutter: rowGutter, children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Col, { className: labelColClassName, span: 24, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("fieldset", { id: idSchema.$id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_antd8.Row, { gutter: rowGutter, children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Col, { className: labelColClassName, span: 24, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         TitleFieldTemplate,
         {
-          id: (0, import_utils7.titleId)(idSchema),
+          id: (0, import_utils8.titleId)(idSchema),
           title,
           required,
           schema,
@@ -578,22 +540,23 @@ function ObjectFieldTemplate(props) {
           registry
         }
       ) }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Col, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Col, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         DescriptionFieldTemplate,
         {
-          id: (0, import_utils7.descriptionId)(idSchema),
+          id: (0, import_utils8.descriptionId)(idSchema),
           description,
           schema,
           uiSchema,
           registry
         }
       ) }),
-      properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Col, { span: calculateColSpan(element), children: element.content }, element.name))
+      properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Col, { span: calculateColSpan(element), children: element.content }, element.name))
     ] }),
-    (0, import_utils7.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Col, { span: 24, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Row, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_antd7.Col, { flex: "192px", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    (0, import_utils8.canExpand)(schema, uiSchema, formData) && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Col, { span: 24, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Row, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Col, { flex: "192px", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       AddButton2,
       {
-        className: "object-property-expand",
+        id: (0, import_utils8.buttonId)(idSchema, "add"),
+        className: "rjsf-object-property-expand",
         disabled: disabled || readonly,
         onClick: onAddClick(schema),
         uiSchema,
@@ -604,22 +567,22 @@ function ObjectFieldTemplate(props) {
 }
 
 // src/templates/SubmitButton/index.tsx
-var import_antd8 = require("antd");
-var import_utils8 = require("@rjsf/utils");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_antd9 = require("antd");
+var import_utils9 = require("@rjsf/utils");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function SubmitButton({ uiSchema }) {
-  const { submitText, norender, props: submitButtonProps } = (0, import_utils8.getSubmitButtonOptions)(uiSchema);
+  const { submitText, norender, props: submitButtonProps } = (0, import_utils9.getSubmitButtonOptions)(uiSchema);
   if (norender) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_antd8.Button, { type: "submit", ...submitButtonProps, htmlType: "submit", children: submitText });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_antd9.Button, { type: "submit", ...submitButtonProps, htmlType: "submit", children: submitText });
 }
 
 // src/templates/TitleField/index.tsx
-var import_classnames3 = __toESM(require("classnames"));
-var import_antd9 = require("antd");
+var import_classnames3 = __toESM(require("classnames"), 1);
+var import_antd10 = require("antd");
 var import_react3 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function TitleField({
   id,
   required,
@@ -641,13 +604,13 @@ function TitleField({
       control.focus();
     }
   };
-  const { getPrefixCls } = (0, import_react3.useContext)(import_antd9.ConfigProvider.ConfigContext);
+  const { getPrefixCls } = (0, import_react3.useContext)(import_antd10.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("form");
   const labelClassName = (0, import_classnames3.default)({
     [`${prefixCls}-item-required`]: required,
     [`${prefixCls}-item-no-colon`]: !colon
   });
-  return title ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return title ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "label",
     {
       className: labelClassName,
@@ -660,9 +623,9 @@ function TitleField({
 }
 
 // src/templates/WrapIfAdditionalTemplate/index.tsx
-var import_antd10 = require("antd");
-var import_utils9 = require("@rjsf/utils");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_antd11 = require("antd");
+var import_utils10 = require("@rjsf/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var VERTICAL_LABEL_COL2 = { span: 24 };
 var VERTICAL_WRAPPER_COL2 = { span: 24 };
 var INPUT_STYLE2 = {
@@ -695,20 +658,20 @@ function WrapIfAdditionalTemplate(props) {
   } = registry.formContext;
   const { templates, translateString } = registry;
   const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
-  const keyLabel = translateString(import_utils9.TranslatableString.KeyLabel, [label]);
-  const additional = import_utils9.ADDITIONAL_PROPERTY_FLAG in schema;
+  const keyLabel = translateString(import_utils10.TranslatableString.KeyLabel, [label]);
+  const additional = import_utils10.ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: classNames4, style, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: classNames4, style, children });
   }
   const handleBlur = ({ target }) => onKeyChange(target && target.value);
-  const uiOptions = uiSchema ? uiSchema[import_utils9.UI_OPTIONS_KEY] : {};
+  const uiOptions = uiSchema ? uiSchema[import_utils10.UI_OPTIONS_KEY] : {};
   const buttonUiOptions = {
     ...uiSchema,
-    [import_utils9.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
+    [import_utils10.UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: classNames4, style, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_antd10.Row, { align: toolbarAlign, gutter: rowGutter, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd10.Col, { className: "form-additional", flex: "1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "form-group", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      import_antd10.Form.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: classNames4, style, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd11.Row, { align: toolbarAlign, gutter: rowGutter, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Col, { className: "form-additional", flex: "1", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "form-group", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_antd11.Form.Item,
       {
         colon,
         className: "form-group",
@@ -719,8 +682,8 @@ function WrapIfAdditionalTemplate(props) {
         required,
         style: wrapperStyle,
         wrapperCol,
-        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          import_antd10.Input,
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          import_antd11.Input,
           {
             className: "form-control",
             defaultValue: label,
@@ -734,11 +697,12 @@ function WrapIfAdditionalTemplate(props) {
         )
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd10.Col, { className: "form-additional", flex: "1", children }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_antd10.Col, { flex: "192px", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Col, { className: "form-additional", flex: "1", children }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Col, { flex: "192px", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       RemoveButton2,
       {
-        className: "array-item-remove",
+        id: (0, import_utils10.buttonId)(id, "remove"),
+        className: "rjsf-object-property-remove",
         disabled: disabled || readonly,
         onClick: onDropPropertyClick(label),
         uiSchema: buttonUiOptions,
@@ -766,6 +730,7 @@ function generateTemplates() {
     ErrorListTemplate: ErrorList,
     FieldErrorTemplate,
     FieldTemplate,
+    GridTemplate,
     ObjectFieldTemplate,
     TitleFieldTemplate: TitleField,
     WrapIfAdditionalTemplate
@@ -775,9 +740,9 @@ var templates_default = generateTemplates();
 
 // src/widgets/AltDateWidget/index.tsx
 var import_react4 = require("react");
-var import_antd11 = require("antd");
-var import_utils10 = require("@rjsf/utils");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_antd12 = require("antd");
+var import_utils11 = require("@rjsf/utils");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var readyForChange = (state) => {
   return Object.values(state).every((value) => value !== -1);
 };
@@ -799,9 +764,9 @@ function AltDateWidget(props) {
   const { translateString, widgets } = registry;
   const { SelectWidget: SelectWidget2 } = widgets;
   const { rowGutter = 24 } = formContext;
-  const [state, setState] = (0, import_react4.useState)((0, import_utils10.parseDateString)(value, showTime));
+  const [state, setState] = (0, import_react4.useState)((0, import_utils11.parseDateString)(value, showTime));
   (0, import_react4.useEffect)(() => {
-    setState((0, import_utils10.parseDateString)(value, showTime));
+    setState((0, import_utils11.parseDateString)(value, showTime));
   }, [showTime, value]);
   const handleChange = (property, nextValue) => {
     const nextState = {
@@ -809,7 +774,7 @@ function AltDateWidget(props) {
       [property]: typeof nextValue === "undefined" ? -1 : nextValue
     };
     if (readyForChange(nextState)) {
-      onChange((0, import_utils10.toDateString)(nextState, showTime));
+      onChange((0, import_utils11.toDateString)(nextState, showTime));
     } else {
       setState(nextState);
     }
@@ -819,8 +784,8 @@ function AltDateWidget(props) {
     if (disabled || readonly) {
       return;
     }
-    const nextState = (0, import_utils10.parseDateString)((/* @__PURE__ */ new Date()).toJSON(), showTime);
-    onChange((0, import_utils10.toDateString)(nextState, showTime));
+    const nextState = (0, import_utils11.parseDateString)((/* @__PURE__ */ new Date()).toJSON(), showTime);
+    onChange((0, import_utils11.toDateString)(nextState, showTime));
   };
   const handleClear = (event) => {
     event.preventDefault();
@@ -829,7 +794,7 @@ function AltDateWidget(props) {
     }
     onChange(void 0);
   };
-  const renderDateElement = (elemProps) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  const renderDateElement = (elemProps) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     SelectWidget2,
     {
       autofocus: elemProps.autofocus,
@@ -841,7 +806,7 @@ function AltDateWidget(props) {
       onChange: (elemValue) => elemProps.select(elemProps.type, elemValue),
       onFocus: elemProps.onFocus,
       options: {
-        enumOptions: (0, import_utils10.dateRangeOptions)(elemProps.range[0], elemProps.range[1])
+        enumOptions: (0, import_utils11.dateRangeOptions)(elemProps.range[0], elemProps.range[1])
       },
       placeholder: elemProps.type,
       readonly: elemProps.readonly,
@@ -849,18 +814,18 @@ function AltDateWidget(props) {
       value: elemProps.value,
       registry,
       label: "",
-      "aria-describedby": (0, import_utils10.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils11.ariaDescribedByIds)(id)
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_antd11.Row, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
-    (0, import_utils10.getDateElementProps)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_antd12.Row, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
+    (0, import_utils11.getDateElementProps)(
       state,
       showTime,
       options.yearsRange,
       options.format
     ).map((elemProps, i) => {
       const elemId = id + "_" + elemProps.type;
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Col, { flex: "88px", children: renderDateElement({
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd12.Col, { flex: "88px", children: renderDateElement({
         ...elemProps,
         autofocus: autofocus && i === 0,
         disabled,
@@ -876,8 +841,8 @@ function AltDateWidget(props) {
         value: elemProps.value || -1 < 0 ? void 0 : elemProps.value
       }) }, elemId);
     }),
-    !options.hideNowButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Col, { flex: "88px", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Button, { block: true, className: "btn-now", onClick: handleNow, type: "primary", children: translateString(import_utils10.TranslatableString.NowLabel) }) }),
-    !options.hideClearButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Col, { flex: "88px", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_antd11.Button, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(import_utils10.TranslatableString.ClearLabel) }) })
+    !options.hideNowButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd12.Col, { flex: "88px", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd12.Button, { block: true, className: "btn-now", onClick: handleNow, type: "primary", children: translateString(import_utils11.TranslatableString.NowLabel) }) }),
+    !options.hideClearButton && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd12.Col, { flex: "88px", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_antd12.Button, { block: true, className: "btn-clear", danger: true, onClick: handleClear, type: "primary", children: translateString(import_utils11.TranslatableString.ClearLabel) }) })
   ] });
 }
 AltDateWidget.defaultProps = {
@@ -891,10 +856,10 @@ AltDateWidget.defaultProps = {
 };
 
 // src/widgets/AltDateTimeWidget/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function AltDateTimeWidget(props) {
   const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(AltDateWidget2, { showTime: true, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AltDateWidget2, { showTime: true, ...props });
 }
 AltDateTimeWidget.defaultProps = {
   ...AltDateWidget.defaultProps,
@@ -902,35 +867,35 @@ AltDateTimeWidget.defaultProps = {
 };
 
 // src/widgets/CheckboxesWidget/index.tsx
-var import_antd12 = require("antd");
-var import_utils11 = require("@rjsf/utils");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_antd13 = require("antd");
+var import_utils12 = require("@rjsf/utils");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChange, onFocus, options, readonly, value }) {
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, inline, emptyValue } = options;
-  const handleChange = (nextValue) => onChange((0, import_utils11.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
-  const handleBlur = ({ target }) => onBlur(id, (0, import_utils11.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
-  const handleFocus = ({ target }) => onFocus(id, (0, import_utils11.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
+  const handleChange = (nextValue) => onChange((0, import_utils12.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils12.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils12.enumOptionsValueForIndex)(target.value, enumOptions, emptyValue));
   const extraProps = {
     id,
     onBlur: !readonly ? handleBlur : void 0,
     onFocus: !readonly ? handleFocus : void 0
   };
-  const selectedIndexes = (0, import_utils11.enumOptionsIndexForValue)(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_antd12.Checkbox.Group,
+  const selectedIndexes = (0, import_utils12.enumOptionsIndexForValue)(value, enumOptions, true);
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_antd13.Checkbox.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       name: id,
       onChange: !readonly ? handleChange : void 0,
       value: selectedIndexes,
       ...extraProps,
-      "aria-describedby": (0, import_utils11.ariaDescribedByIds)(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_antd12.Checkbox,
+      "aria-describedby": (0, import_utils12.ariaDescribedByIds)(id),
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_antd13.Checkbox,
           {
-            id: (0, import_utils11.optionId)(id, i),
+            id: (0, import_utils12.optionId)(id, i),
             name: id,
             autoFocus: i === 0 ? autofocus : false,
             disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
@@ -938,16 +903,16 @@ function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChan
             children: option.label
           }
         ),
-        !inline && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("br", {})
+        !inline && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("br", {})
       ] }, i))
     }
   ) }) : null;
 }
 
 // src/widgets/CheckboxWidget/index.tsx
-var import_antd13 = require("antd");
-var import_utils12 = require("@rjsf/utils");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_antd14 = require("antd");
+var import_utils13 = require("@rjsf/utils");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function CheckboxWidget(props) {
   const { autofocus, disabled, formContext, id, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
   const { readonlyAsDisabled = true } = formContext;
@@ -958,8 +923,8 @@ function CheckboxWidget(props) {
     onBlur: !readonly ? handleBlur : void 0,
     onFocus: !readonly ? handleFocus : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_antd13.Checkbox,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_antd14.Checkbox,
     {
       autoFocus: autofocus,
       checked: typeof value === "undefined" ? false : value,
@@ -968,17 +933,17 @@ function CheckboxWidget(props) {
       name: id,
       onChange: !readonly ? handleChange : void 0,
       ...extraProps,
-      "aria-describedby": (0, import_utils12.ariaDescribedByIds)(id),
-      children: (0, import_utils12.labelValue)(label, hideLabel, "")
+      "aria-describedby": (0, import_utils13.ariaDescribedByIds)(id),
+      children: (0, import_utils13.labelValue)(label, hideLabel, "")
     }
   );
 }
 
 // src/widgets/DateTimeWidget/index.tsx
-var import_dayjs = __toESM(require("dayjs"));
-var import_utils13 = require("@rjsf/utils");
-var import_antd14 = require("antd");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_dayjs = __toESM(require("dayjs"), 1);
+var import_utils14 = require("@rjsf/utils");
+var import_antd15 = require("antd");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var DATE_PICKER_STYLE = {
   width: "100%"
 };
@@ -989,8 +954,8 @@ function DateTimeWidget(props) {
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
   const getPopupContainer = (node) => node.parentNode;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_antd14.DatePicker,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    import_antd15.DatePicker,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer,
@@ -1003,16 +968,16 @@ function DateTimeWidget(props) {
       showTime: true,
       style: DATE_PICKER_STYLE,
       value: value && (0, import_dayjs.default)(value),
-      "aria-describedby": (0, import_utils13.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/DateWidget/index.tsx
-var import_dayjs2 = __toESM(require("dayjs"));
-var import_utils14 = require("@rjsf/utils");
-var import_antd15 = require("antd");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_dayjs2 = __toESM(require("dayjs"), 1);
+var import_utils15 = require("@rjsf/utils");
+var import_antd16 = require("antd");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var DATE_PICKER_STYLE2 = {
   width: "100%"
 };
@@ -1023,8 +988,8 @@ function DateWidget(props) {
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
   const getPopupContainer = (node) => node.parentNode;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_antd15.DatePicker,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_antd16.DatePicker,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       getPopupContainer,
@@ -1037,15 +1002,15 @@ function DateWidget(props) {
       showTime: false,
       style: DATE_PICKER_STYLE2,
       value: value && (0, import_dayjs2.default)(value),
-      "aria-describedby": (0, import_utils14.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/PasswordWidget/index.tsx
-var import_antd16 = require("antd");
-var import_utils15 = require("@rjsf/utils");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_antd17 = require("antd");
+var import_utils16 = require("@rjsf/utils");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function PasswordWidget(props) {
   const { disabled, formContext, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
   const { readonlyAsDisabled = true } = formContext;
@@ -1053,8 +1018,8 @@ function PasswordWidget(props) {
   const handleChange = ({ target }) => onChange(target.value === "" ? emptyValue : target.value);
   const handleBlur = ({ target }) => onBlur(id, target.value);
   const handleFocus = ({ target }) => onFocus(id, target.value);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_antd16.Input.Password,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_antd17.Input.Password,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
@@ -1064,15 +1029,15 @@ function PasswordWidget(props) {
       onFocus: !readonly ? handleFocus : void 0,
       placeholder,
       value: value || "",
-      "aria-describedby": (0, import_utils15.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/RadioWidget/index.tsx
-var import_antd17 = require("antd");
-var import_utils16 = require("@rjsf/utils");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_antd18 = require("antd");
+var import_utils17 = require("@rjsf/utils");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function RadioWidget({
   autofocus,
   disabled,
@@ -1087,12 +1052,12 @@ function RadioWidget({
 }) {
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const handleChange = ({ target: { value: nextValue } }) => onChange((0, import_utils16.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
-  const handleBlur = ({ target }) => onBlur(id, (0, import_utils16.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const handleFocus = ({ target }) => onFocus(id, (0, import_utils16.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
-  const selectedIndexes = (0, import_utils16.enumOptionsIndexForValue)(value, enumOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_antd17.Radio.Group,
+  const handleChange = ({ target: { value: nextValue } }) => onChange((0, import_utils17.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, (0, import_utils17.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, (0, import_utils17.enumOptionsValueForIndex)(target && target.value, enumOptions, emptyValue));
+  const selectedIndexes = (0, import_utils17.enumOptionsIndexForValue)(value, enumOptions);
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_antd18.Radio.Group,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
@@ -1101,11 +1066,11 @@ function RadioWidget({
       onBlur: !readonly ? handleBlur : void 0,
       onFocus: !readonly ? handleFocus : void 0,
       value: selectedIndexes,
-      "aria-describedby": (0, import_utils16.ariaDescribedByIds)(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_antd17.Radio,
+      "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id),
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_antd18.Radio,
         {
-          id: (0, import_utils16.optionId)(id, i),
+          id: (0, import_utils17.optionId)(id, i),
           name: id,
           autoFocus: i === 0 ? autofocus : false,
           disabled: disabled || Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1,
@@ -1119,9 +1084,9 @@ function RadioWidget({
 }
 
 // src/widgets/RangeWidget/index.tsx
-var import_antd18 = require("antd");
-var import_utils17 = require("@rjsf/utils");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_antd19 = require("antd");
+var import_utils18 = require("@rjsf/utils");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function RangeWidget(props) {
   const {
     autofocus,
@@ -1138,7 +1103,7 @@ function RangeWidget(props) {
     value
   } = props;
   const { readonlyAsDisabled = true } = formContext;
-  const { min, max, step } = (0, import_utils17.rangeSpec)(schema);
+  const { min, max, step } = (0, import_utils18.rangeSpec)(schema);
   const emptyValue = options.emptyValue || "";
   const handleChange = (nextValue) => onChange(nextValue === "" ? emptyValue : nextValue);
   const handleBlur = () => onBlur(id, value);
@@ -1148,8 +1113,8 @@ function RangeWidget(props) {
     onBlur: !readonly ? handleBlur : void 0,
     onFocus: !readonly ? handleFocus : void 0
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_antd18.Slider,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_antd19.Slider,
     {
       autoFocus: autofocus,
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -1161,17 +1126,17 @@ function RangeWidget(props) {
       step,
       value,
       ...extraProps,
-      "aria-describedby": (0, import_utils17.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id)
     }
   );
 }
 
 // src/widgets/SelectWidget/index.tsx
-var import_antd19 = require("antd");
-var import_utils18 = require("@rjsf/utils");
-var import_isString2 = __toESM(require("lodash/isString"));
+var import_antd20 = require("antd");
+var import_utils19 = require("@rjsf/utils");
+var import_isString2 = __toESM(require("lodash/isString"), 1);
 var import_react5 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var SELECT_STYLE = {
   width: "100%"
 };
@@ -1192,9 +1157,9 @@ function SelectWidget({
 }) {
   const { readonlyAsDisabled = true } = formContext;
   const { enumOptions, enumDisabled, emptyValue } = options;
-  const handleChange = (nextValue) => onChange((0, import_utils18.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
-  const handleBlur = () => onBlur(id, (0, import_utils18.enumOptionsValueForIndex)(value, enumOptions, emptyValue));
-  const handleFocus = () => onFocus(id, (0, import_utils18.enumOptionsValueForIndex)(value, enumOptions, emptyValue));
+  const handleChange = (nextValue) => onChange((0, import_utils19.enumOptionsValueForIndex)(nextValue, enumOptions, emptyValue));
+  const handleBlur = () => onBlur(id, (0, import_utils19.enumOptionsValueForIndex)(value, enumOptions, emptyValue));
+  const handleFocus = () => onFocus(id, (0, import_utils19.enumOptionsValueForIndex)(value, enumOptions, emptyValue));
   const filterOption = (input, option) => {
     if (option && (0, import_isString2.default)(option.label)) {
       return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
@@ -1202,7 +1167,7 @@ function SelectWidget({
     return false;
   };
   const getPopupContainer = (node) => node.parentNode;
-  const selectedIndexes = (0, import_utils18.enumOptionsIndexForValue)(value, enumOptions, multiple);
+  const selectedIndexes = (0, import_utils19.enumOptionsIndexForValue)(value, enumOptions, multiple);
   const extraProps = {
     name: id
   };
@@ -1222,8 +1187,8 @@ function SelectWidget({
     }
     return void 0;
   }, [enumDisabled, enumOptions, placeholder, showPlaceholderOption]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_antd19.Select,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_antd20.Select,
     {
       autoFocus: autofocus,
       disabled: disabled || readonlyAsDisabled && readonly,
@@ -1238,16 +1203,16 @@ function SelectWidget({
       value: selectedIndexes,
       ...extraProps,
       filterOption,
-      "aria-describedby": (0, import_utils18.ariaDescribedByIds)(id),
+      "aria-describedby": (0, import_utils19.ariaDescribedByIds)(id),
       options: selectOptions
     }
   );
 }
 
 // src/widgets/TextareaWidget/index.tsx
-var import_antd20 = require("antd");
-var import_utils19 = require("@rjsf/utils");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_antd21 = require("antd");
+var import_utils20 = require("@rjsf/utils");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var INPUT_STYLE3 = {
   width: "100%"
 };
@@ -1270,8 +1235,8 @@ function TextareaWidget({
   const extraProps = {
     type: "textarea"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_antd20.Input.TextArea,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_antd21.Input.TextArea,
     {
       disabled: disabled || readonlyAsDisabled && readonly,
       id,
@@ -1284,7 +1249,7 @@ function TextareaWidget({
       style: INPUT_STYLE3,
       value,
       ...extraProps,
-      "aria-describedby": (0, import_utils19.ariaDescribedByIds)(id)
+      "aria-describedby": (0, import_utils20.ariaDescribedByIds)(id)
     }
   );
 }
@@ -1319,5 +1284,5 @@ function generateForm() {
   return (0, import_core.withTheme)(generateTheme());
 }
 var Form3 = generateForm();
-var src_default = Form3;
+var index_default = Form3;
 //# sourceMappingURL=index.js.map