@rjsf/antd 5.11.1 → 5.12.0

package/dist/antd.esm.js

@@ -1,45 +1,17 @@
-import { withTheme } from '@rjsf/core';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import Button from 'antd/es/button';
-import Col from 'antd/es/col';
-import Row from 'antd/es/row';
-import { getUiOptions, getTemplate, getInputProps, examplesId, ariaDescribedByIds, TranslatableString, errorId, titleId, descriptionId, canExpand, getSubmitButtonOptions, ADDITIONAL_PROPERTY_FLAG, UI_OPTIONS_KEY, parseDateString, toDateString, pad, enumOptionsIndexForValue, optionId, enumOptionsValueForIndex, labelValue, rangeSpec } from '@rjsf/utils';
-import classNames from 'classnames';
-import { ConfigConsumer } from 'antd/es/config-provider/context';
-import Input from 'antd/es/input';
-import InputNumber from 'antd/es/input-number';
-import Alert from 'antd/es/alert';
-import List from 'antd/es/list';
-import Space from 'antd/es/space';
-import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutlined';
-import ArrowDownOutlined from '@ant-design/icons/ArrowDownOutlined';
-import ArrowUpOutlined from '@ant-design/icons/ArrowUpOutlined';
-import CopyOutlined from '@ant-design/icons/CopyOutlined';
-import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
-import PlusCircleOutlined from '@ant-design/icons/PlusCircleOutlined';
-import Form$1 from 'antd/es/form';
-import isObject from 'lodash-es/isObject';
-import isNumber from 'lodash-es/isNumber';
-import isString from 'lodash-es/isString';
-import { useState, useEffect } from 'react';
-import Checkbox from 'antd/es/checkbox';
-import dayjs from 'dayjs';
-import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
-import generatePicker from 'antd/es/date-picker/generatePicker';
-import Radio from 'antd/es/radio';
-import Slider from 'antd/es/slider';
-import Select from 'antd/es/select';
+// src/index.ts
+import { withTheme } from "@rjsf/core";
 
-const BTN_GRP_STYLE = {
-  width: '100%'
+// src/templates/ArrayFieldItemTemplate/index.tsx
+import Button from "antd/lib/button";
+import Col from "antd/lib/col";
+import Row from "antd/lib/row";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BTN_GRP_STYLE = {
+  width: "100%"
 };
-const BTN_STYLE = {
-  width: 'calc(100% / 4)'
+var BTN_STYLE = {
+  width: "calc(100% / 4)"
 };
-/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.
- *
- * @param props - The `ArrayFieldTemplateItemType` props for the component
- */
 function ArrayFieldItemTemplate(props) {
   const {
     children,
@@ -57,63 +29,68 @@ function ArrayFieldItemTemplate(props) {
     registry,
     uiSchema
   } = props;
-  const {
-    CopyButton,
-    MoveDownButton,
-    MoveUpButton,
-    RemoveButton
-  } = registry.templates.ButtonTemplates;
-  const {
-    rowGutter = 24,
-    toolbarAlign = 'top'
-  } = registry.formContext;
-  return jsxs(Row, {
-    align: toolbarAlign,
-    gutter: rowGutter,
-    children: [jsx(Col, {
-      flex: '1',
-      children: children
-    }), hasToolbar && jsx(Col, {
-      flex: '192px',
-      children: jsxs(Button.Group, {
-        style: BTN_GRP_STYLE,
-        children: [(hasMoveUp || hasMoveDown) && jsx(MoveUpButton, {
+  const { CopyButton: CopyButton2, MoveDownButton: MoveDownButton2, MoveUpButton: MoveUpButton2, RemoveButton: RemoveButton2 } = registry.templates.ButtonTemplates;
+  const { rowGutter = 24, toolbarAlign = "top" } = registry.formContext;
+  return /* @__PURE__ */ jsxs(Row, { align: toolbarAlign, gutter: rowGutter, children: [
+    /* @__PURE__ */ jsx(Col, { flex: "1", children }),
+    hasToolbar && /* @__PURE__ */ jsx(Col, { flex: "192px", children: /* @__PURE__ */ jsxs(Button.Group, { style: BTN_GRP_STYLE, children: [
+      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx(
+        MoveUpButton2,
+        {
           disabled: disabled || readonly || !hasMoveUp,
           onClick: onReorderClick(index, index - 1),
           style: BTN_STYLE,
-          uiSchema: uiSchema,
-          registry: registry
-        }), (hasMoveUp || hasMoveDown) && jsx(MoveDownButton, {
+          uiSchema,
+          registry
+        }
+      ),
+      (hasMoveUp || hasMoveDown) && /* @__PURE__ */ jsx(
+        MoveDownButton2,
+        {
           disabled: disabled || readonly || !hasMoveDown,
           onClick: onReorderClick(index, index + 1),
           style: BTN_STYLE,
-          uiSchema: uiSchema,
-          registry: registry
-        }), hasCopy && jsx(CopyButton, {
+          uiSchema,
+          registry
+        }
+      ),
+      hasCopy && /* @__PURE__ */ jsx(
+        CopyButton2,
+        {
           disabled: disabled || readonly,
           onClick: onCopyIndexClick(index),
           style: BTN_STYLE,
-          uiSchema: uiSchema,
-          registry: registry
-        }), hasRemove && jsx(RemoveButton, {
+          uiSchema,
+          registry
+        }
+      ),
+      hasRemove && /* @__PURE__ */ jsx(
+        RemoveButton2,
+        {
           disabled: disabled || readonly,
           onClick: onDropIndexClick(index),
           style: BTN_STYLE,
-          uiSchema: uiSchema,
-          registry: registry
-        })]
-      })
-    })]
-  }, `array-item-${index}`);
+          uiSchema,
+          registry
+        }
+      )
+    ] }) })
+  ] }, `array-item-${index}`);
 }
 
-const DESCRIPTION_COL_STYLE$1 = {
-  paddingBottom: '8px'
+// src/templates/ArrayFieldTemplate/index.tsx
+import {
+  getTemplate,
+  getUiOptions
+} from "@rjsf/utils";
+import classNames from "classnames";
+import Col2 from "antd/lib/col";
+import Row2 from "antd/lib/row";
+import { ConfigConsumer } from "antd/lib/config-provider/context";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DESCRIPTION_COL_STYLE = {
+  paddingBottom: "8px"
 };
-/** The `ArrayFieldTemplate` component is the template used to render all items in an array.
- *
- * @param props - The `ArrayFieldTemplateItemType` props for the component
- */
 function ArrayFieldTemplate(props) {
   const {
     canAdd,
@@ -131,97 +108,83 @@ function ArrayFieldTemplate(props) {
     uiSchema
   } = props;
   const uiOptions = getUiOptions(uiSchema);
-  const ArrayFieldDescriptionTemplate = getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
-  const ArrayFieldItemTemplate = getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
-  const ArrayFieldTitleTemplate = getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
-  // Button templates are not overridden in the uiSchema
+  const ArrayFieldDescriptionTemplate = getTemplate(
+    "ArrayFieldDescriptionTemplate",
+    registry,
+    uiOptions
+  );
+  const ArrayFieldItemTemplate2 = getTemplate(
+    "ArrayFieldItemTemplate",
+    registry,
+    uiOptions
+  );
+  const ArrayFieldTitleTemplate = getTemplate(
+    "ArrayFieldTitleTemplate",
+    registry,
+    uiOptions
+  );
   const {
-    ButtonTemplates: {
-      AddButton
-    }
+    ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  const {
-    labelAlign = 'right',
-    rowGutter = 24
-  } = formContext;
-  return jsx(ConfigConsumer, {
-    children: configProps => {
-      const {
-        getPrefixCls
-      } = configProps;
-      const prefixCls = getPrefixCls('form');
-      const labelClsBasic = `${prefixCls}-item-label`;
-      const labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
+  const { labelAlign = "right", rowGutter = 24 } = formContext;
+  return /* @__PURE__ */ jsx2(ConfigConsumer, { children: (configProps) => {
+    const { getPrefixCls } = configProps;
+    const prefixCls = getPrefixCls("form");
+    const labelClsBasic = `${prefixCls}-item-label`;
+    const labelColClassName = classNames(
+      labelClsBasic,
+      labelAlign === "left" && `${labelClsBasic}-left`
       // labelCol.className,
-      );
-
-      return jsx("fieldset", {
-        className: className,
-        id: idSchema.$id,
-        children: jsxs(Row, {
-          gutter: rowGutter,
-          children: [(uiOptions.title || title) && jsx(Col, {
-            className: labelColClassName,
-            span: 24,
-            children: jsx(ArrayFieldTitleTemplate, {
-              idSchema: idSchema,
-              required: required,
-              title: uiOptions.title || title,
-              schema: schema,
-              uiSchema: uiSchema,
-              registry: registry
-            })
-          }), (uiOptions.description || schema.description) && jsx(Col, {
-            span: 24,
-            style: DESCRIPTION_COL_STYLE$1,
-            children: jsx(ArrayFieldDescriptionTemplate, {
-              description: uiOptions.description || schema.description,
-              idSchema: idSchema,
-              schema: schema,
-              uiSchema: uiSchema,
-              registry: registry
-            })
-          }), jsx(Col, {
-            className: 'row array-item-list',
-            span: 24,
-            children: items && items.map(({
-              key,
-              ...itemProps
-            }) => jsx(ArrayFieldItemTemplate, {
-              ...itemProps
-            }, key))
-          }), canAdd && jsx(Col, {
-            span: 24,
-            children: jsx(Row, {
-              gutter: rowGutter,
-              justify: 'end',
-              children: jsx(Col, {
-                flex: '192px',
-                children: jsx(AddButton, {
-                  className: 'array-item-add',
-                  disabled: disabled || readonly,
-                  onClick: onAddClick,
-                  uiSchema: uiSchema,
-                  registry: registry
-                })
-              })
-            })
-          })]
-        })
-      });
-    }
-  });
+    );
+    return /* @__PURE__ */ jsx2("fieldset", { className, id: idSchema.$id, children: /* @__PURE__ */ jsxs2(Row2, { gutter: rowGutter, children: [
+      (uiOptions.title || title) && /* @__PURE__ */ jsx2(Col2, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx2(
+        ArrayFieldTitleTemplate,
+        {
+          idSchema,
+          required,
+          title: uiOptions.title || title,
+          schema,
+          uiSchema,
+          registry
+        }
+      ) }),
+      (uiOptions.description || schema.description) && /* @__PURE__ */ jsx2(Col2, { span: 24, style: DESCRIPTION_COL_STYLE, children: /* @__PURE__ */ jsx2(
+        ArrayFieldDescriptionTemplate,
+        {
+          description: uiOptions.description || schema.description,
+          idSchema,
+          schema,
+          uiSchema,
+          registry
+        }
+      ) }),
+      /* @__PURE__ */ jsx2(Col2, { className: "row array-item-list", span: 24, children: items && items.map(({ key, ...itemProps }) => /* @__PURE__ */ jsx2(ArrayFieldItemTemplate2, { ...itemProps }, key)) }),
+      canAdd && /* @__PURE__ */ jsx2(Col2, { span: 24, children: /* @__PURE__ */ jsx2(Row2, { gutter: rowGutter, justify: "end", children: /* @__PURE__ */ jsx2(Col2, { flex: "192px", children: /* @__PURE__ */ jsx2(
+        AddButton2,
+        {
+          className: "array-item-add",
+          disabled: disabled || readonly,
+          onClick: onAddClick,
+          uiSchema,
+          registry
+        }
+      ) }) }) })
+    ] }) });
+  } });
 }
 
-const INPUT_STYLE$2 = {
-  width: '100%'
+// src/templates/BaseInputTemplate/index.tsx
+import Input from "antd/lib/input";
+import InputNumber from "antd/lib/input-number";
+import {
+  ariaDescribedByIds,
+  examplesId,
+  getInputProps
+} from "@rjsf/utils";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var INPUT_STYLE = {
+  width: "100%"
 };
-/** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.
- * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.
- * It can be customized/overridden for other themes or individual implementations as needed.
- *
- * @param props - The `WidgetProps` for this template
- */
 function BaseInputTemplate(props) {
   const {
     disabled,
@@ -239,222 +202,181 @@ function BaseInputTemplate(props) {
     type
   } = props;
   const inputProps = 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);
-  const handleBlur = ({
-    target
-  }) => onBlur(id, target.value);
-  const handleFocus = ({
-    target
-  }) => onFocus(id, target.value);
-  const input = inputProps.type === 'number' || inputProps.type === 'integer' ? jsx(InputNumber, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleNumberChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$2,
-    list: schema.examples ? examplesId(id) : undefined,
-    ...inputProps,
-    value: value,
-    "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
-  }) : jsx(Input, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleTextChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: INPUT_STYLE$2,
-    list: schema.examples ? examplesId(id) : undefined,
-    ...inputProps,
-    value: value,
-    "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
-  });
-  return jsxs(Fragment, {
-    children: [input, Array.isArray(schema.examples) && jsx("datalist", {
-      id: examplesId(id),
-      children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map(example => {
-        return jsx("option", {
-          value: example
-        }, example);
-      })
-    })]
-  });
+  const { readonlyAsDisabled = true } = formContext;
+  const handleNumberChange = (nextValue) => onChange(nextValue);
+  const handleTextChange = onChangeOverride ? onChangeOverride : ({ target }) => onChange(target.value === "" ? options.emptyValue : target.value);
+  const handleBlur = ({ target }) => onBlur(id, target.value);
+  const handleFocus = ({ target }) => onFocus(id, target.value);
+  const input = inputProps.type === "number" || inputProps.type === "integer" ? /* @__PURE__ */ jsx3(
+    InputNumber,
+    {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id,
+      name: id,
+      onBlur: !readonly ? handleBlur : void 0,
+      onChange: !readonly ? handleNumberChange : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      placeholder,
+      style: INPUT_STYLE,
+      list: schema.examples ? examplesId(id) : void 0,
+      ...inputProps,
+      value,
+      "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
+    }
+  ) : /* @__PURE__ */ jsx3(
+    Input,
+    {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id,
+      name: id,
+      onBlur: !readonly ? handleBlur : void 0,
+      onChange: !readonly ? handleTextChange : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      placeholder,
+      style: INPUT_STYLE,
+      list: schema.examples ? examplesId(id) : void 0,
+      ...inputProps,
+      value,
+      "aria-describedby": ariaDescribedByIds(id, !!schema.examples)
+    }
+  );
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    input,
+    Array.isArray(schema.examples) && /* @__PURE__ */ jsx3("datalist", { id: examplesId(id), children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map((example) => {
+      return /* @__PURE__ */ jsx3("option", { value: example }, example);
+    }) })
+  ] });
 }
 
-/** The `DescriptionField` is the template to use to render the description of a field
- *
- * @param props - The `DescriptionFieldProps` for this component
- */
+// src/templates/DescriptionField/index.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
 function DescriptionField(props) {
-  const {
-    id,
-    description
-  } = props;
+  const { id, description } = props;
   if (!description) {
     return null;
   }
-  return jsx("span", {
-    id: id,
-    children: description
-  });
+  return /* @__PURE__ */ jsx4("span", { id, children: description });
 }
 
-/** The `ErrorList` component is the template that renders the all the errors associated with the fields in the `Form`
- *
- * @param props - The `ErrorListProps` for this component
- */
+// src/templates/ErrorList/index.tsx
+import Alert from "antd/lib/alert";
+import List from "antd/lib/list";
+import Space from "antd/lib/space";
+import ExclamationCircleOutlined from "@ant-design/icons/ExclamationCircleOutlined";
+import { TranslatableString } from "@rjsf/utils";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ErrorList({
   errors,
   registry
 }) {
-  const {
-    translateString
-  } = registry;
-  const renderErrors = () => jsx(List, {
-    className: 'list-group',
-    size: 'small',
-    children: errors.map((error, index) => jsx(List.Item, {
-      children: jsxs(Space, {
-        children: [jsx(ExclamationCircleOutlined, {}), error.stack]
-      })
-    }, index))
-  });
-  return jsx(Alert, {
-    className: 'panel panel-danger errors',
-    description: renderErrors(),
-    message: translateString(TranslatableString.ErrorsLabel),
-    type: 'error'
-  });
+  const { translateString } = registry;
+  const renderErrors = () => /* @__PURE__ */ jsx5(List, { className: "list-group", size: "small", children: errors.map((error, index) => /* @__PURE__ */ jsx5(List.Item, { children: /* @__PURE__ */ jsxs4(Space, { children: [
+    /* @__PURE__ */ jsx5(ExclamationCircleOutlined, {}),
+    error.stack
+  ] }) }, index)) });
+  return /* @__PURE__ */ jsx5(
+    Alert,
+    {
+      className: "panel panel-danger errors",
+      description: renderErrors(),
+      message: translateString(TranslatableString.ErrorsLabel),
+      type: "error"
+    }
+  );
 }
 
+// src/templates/IconButton/index.tsx
+import Button2 from "antd/lib/button";
+import ArrowDownOutlined from "@ant-design/icons/ArrowDownOutlined";
+import ArrowUpOutlined from "@ant-design/icons/ArrowUpOutlined";
+import CopyOutlined from "@ant-design/icons/CopyOutlined";
+import DeleteOutlined from "@ant-design/icons/DeleteOutlined";
+import PlusCircleOutlined from "@ant-design/icons/PlusCircleOutlined";
+import {
+  getUiOptions as getUiOptions2,
+  TranslatableString as TranslatableString2
+} from "@rjsf/utils";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function IconButton(props) {
-  const {
-    iconType = 'default',
-    icon,
-    uiSchema,
-    registry,
-    ...otherProps
-  } = props;
-  return jsx(Button, {
-    type: iconType,
-    icon: icon,
-    ...otherProps
-  });
+  const { iconType = "default", icon, uiSchema, registry, ...otherProps } = props;
+  return /* @__PURE__ */ jsx6(Button2, { type: iconType, icon, ...otherProps });
 }
 function AddButton(props) {
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(IconButton, {
-    title: translateString(TranslatableString.AddItemButton),
-    ...props,
-    block: true,
-    iconType: 'primary',
-    icon: jsx(PlusCircleOutlined, {})
-  });
+  return /* @__PURE__ */ jsx6(
+    IconButton,
+    {
+      title: translateString(TranslatableString2.AddItemButton),
+      ...props,
+      block: true,
+      iconType: "primary",
+      icon: /* @__PURE__ */ jsx6(PlusCircleOutlined, {})
+    }
+  );
 }
 function CopyButton(props) {
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(IconButton, {
-    title: translateString(TranslatableString.CopyButton),
-    ...props,
-    icon: jsx(CopyOutlined, {})
-  });
+  return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString2.CopyButton), ...props, icon: /* @__PURE__ */ jsx6(CopyOutlined, {}) });
 }
 function MoveDownButton(props) {
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(IconButton, {
-    title: translateString(TranslatableString.MoveDownButton),
-    ...props,
-    icon: jsx(ArrowDownOutlined, {})
-  });
+  return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString2.MoveDownButton), ...props, icon: /* @__PURE__ */ jsx6(ArrowDownOutlined, {}) });
 }
 function MoveUpButton(props) {
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(IconButton, {
-    title: translateString(TranslatableString.MoveUpButton),
-    ...props,
-    icon: jsx(ArrowUpOutlined, {})
-  });
+  return /* @__PURE__ */ jsx6(IconButton, { title: translateString(TranslatableString2.MoveUpButton), ...props, icon: /* @__PURE__ */ jsx6(ArrowUpOutlined, {}) });
 }
 function RemoveButton(props) {
-  // The `block` prop is not part of the `IconButtonProps` defined in the template, so get it from the uiSchema instead
-  const options = getUiOptions(props.uiSchema);
+  const options = getUiOptions2(props.uiSchema);
   const {
-    registry: {
-      translateString
-    }
+    registry: { translateString }
   } = props;
-  return jsx(IconButton, {
-    title: translateString(TranslatableString.RemoveButton),
-    ...props,
-    danger: true,
-    block: !!options.block,
-    iconType: 'primary',
-    icon: jsx(DeleteOutlined, {})
-  });
+  return /* @__PURE__ */ jsx6(
+    IconButton,
+    {
+      title: translateString(TranslatableString2.RemoveButton),
+      ...props,
+      danger: true,
+      block: !!options.block,
+      iconType: "primary",
+      icon: /* @__PURE__ */ jsx6(DeleteOutlined, {})
+    }
+  );
 }
 
-/** The `FieldErrorTemplate` component renders the errors local to the particular field
- *
- * @param props - The `FieldErrorProps` for the errors being rendered
- */
+// src/templates/FieldErrorTemplate/index.tsx
+import { errorId } from "@rjsf/utils";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function FieldErrorTemplate(props) {
-  const {
-    errors = [],
-    idSchema
-  } = props;
+  const { errors = [], idSchema } = props;
   if (errors.length === 0) {
     return null;
   }
   const id = errorId(idSchema);
-  return jsx("div", {
-    id: id,
-    children: errors.map(error => jsx("div", {
-      children: error
-    }, `field-${id}-error-${error}`))
-  });
+  return /* @__PURE__ */ jsx7("div", { id, children: errors.map((error) => /* @__PURE__ */ jsx7("div", { children: error }, `field-${id}-error-${error}`)) });
 }
 
-const VERTICAL_LABEL_COL$1 = {
-  span: 24
-};
-const VERTICAL_WRAPPER_COL$1 = {
-  span: 24
-};
-/** The `FieldTemplate` component is the template used by `SchemaField` to render any field. It renders the field
- * content, (label, description, children, errors and help) inside of a `WrapIfAdditional` component.
- *
- * @param props - The `FieldTemplateProps` for this component
- */
+// src/templates/FieldTemplate/index.tsx
+import Form from "antd/lib/form";
+import {
+  getTemplate as getTemplate2,
+  getUiOptions as getUiOptions3
+} from "@rjsf/utils";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var VERTICAL_LABEL_COL = { span: 24 };
+var VERTICAL_WRAPPER_COL = { span: 24 };
 function FieldTemplate(props) {
   const {
     children,
-    classNames,
+    classNames: classNames4,
     style,
     description,
     disabled,
@@ -478,71 +400,86 @@ function FieldTemplate(props) {
   } = props;
   const {
     colon,
-    labelCol = VERTICAL_LABEL_COL$1,
-    wrapperCol = VERTICAL_WRAPPER_COL$1,
+    labelCol = VERTICAL_LABEL_COL,
+    wrapperCol = VERTICAL_WRAPPER_COL,
     wrapperStyle,
-    descriptionLocation = 'below'
+    descriptionLocation = "below"
   } = formContext;
-  const uiOptions = getUiOptions(uiSchema);
-  const WrapIfAdditionalTemplate = getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
+  const uiOptions = getUiOptions3(uiSchema);
+  const WrapIfAdditionalTemplate2 = getTemplate2(
+    "WrapIfAdditionalTemplate",
+    registry,
+    uiOptions
+  );
   if (hidden) {
-    return jsx("div", {
-      className: 'field-hidden',
-      children: children
-    });
+    return /* @__PURE__ */ jsx8("div", { className: "field-hidden", children });
   }
-  // check to see if there is rawDescription(string) before using description(ReactNode)
-  // to prevent showing a blank description area
-  const descriptionNode = rawDescription ? description : undefined;
+  const descriptionNode = rawDescription ? description : void 0;
   const descriptionProps = {};
   switch (descriptionLocation) {
-    case 'tooltip':
+    case "tooltip":
       descriptionProps.tooltip = descriptionNode;
       break;
-    case 'below':
+    case "below":
     default:
       descriptionProps.extra = descriptionNode;
       break;
   }
-  return jsx(WrapIfAdditionalTemplate, {
-    classNames: classNames,
-    style: style,
-    disabled: disabled,
-    id: id,
-    label: label,
-    onDropPropertyClick: onDropPropertyClick,
-    onKeyChange: onKeyChange,
-    readonly: readonly,
-    required: required,
-    schema: schema,
-    uiSchema: uiSchema,
-    registry: registry,
-    children: jsx(Form$1.Item, {
-      colon: colon,
-      hasFeedback: schema.type !== 'array' && schema.type !== 'object',
-      help: !!rawHelp && help || (rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? errors : undefined),
-      htmlFor: id,
-      label: displayLabel && label,
-      labelCol: labelCol,
-      required: required,
-      style: wrapperStyle,
-      validateStatus: rawErrors !== null && rawErrors !== void 0 && rawErrors.length ? 'error' : undefined,
-      wrapperCol: wrapperCol,
-      ...descriptionProps,
-      children: children
-    })
-  });
+  return /* @__PURE__ */ jsx8(
+    WrapIfAdditionalTemplate2,
+    {
+      classNames: classNames4,
+      style,
+      disabled,
+      id,
+      label,
+      onDropPropertyClick,
+      onKeyChange,
+      readonly,
+      required,
+      schema,
+      uiSchema,
+      registry,
+      children: /* @__PURE__ */ jsx8(
+        Form.Item,
+        {
+          colon,
+          hasFeedback: schema.type !== "array" && schema.type !== "object",
+          help: !!rawHelp && help || (rawErrors?.length ? errors : void 0),
+          htmlFor: id,
+          label: displayLabel && label,
+          labelCol,
+          required,
+          style: wrapperStyle,
+          validateStatus: rawErrors?.length ? "error" : void 0,
+          wrapperCol,
+          ...descriptionProps,
+          children
+        }
+      )
+    }
+  );
 }
 
-const DESCRIPTION_COL_STYLE = {
-  paddingBottom: '8px'
+// src/templates/ObjectFieldTemplate/index.tsx
+import classNames2 from "classnames";
+import isObject from "lodash/isObject";
+import isNumber from "lodash/isNumber";
+import isString from "lodash/isString";
+import {
+  canExpand,
+  descriptionId,
+  getTemplate as getTemplate3,
+  getUiOptions as getUiOptions4,
+  titleId
+} from "@rjsf/utils";
+import Col3 from "antd/lib/col";
+import Row3 from "antd/lib/row";
+import { ConfigConsumer as ConfigConsumer2 } from "antd/lib/config-provider/context";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var DESCRIPTION_COL_STYLE2 = {
+  paddingBottom: "8px"
 };
-/** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
- * title and description if available. If the object is expandable, then an `AddButton` is also rendered after all
- * the properties.
- *
- * @param props - The `ObjectFieldTemplateProps` for this component
- */
 function ObjectFieldTemplate(props) {
   const {
     description,
@@ -559,32 +496,28 @@ function ObjectFieldTemplate(props) {
     title,
     uiSchema
   } = props;
-  const uiOptions = getUiOptions(uiSchema);
-  const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, uiOptions);
-  const DescriptionFieldTemplate = getTemplate('DescriptionFieldTemplate', registry, uiOptions);
-  // Button templates are not overridden in the uiSchema
+  const uiOptions = getUiOptions4(uiSchema);
+  const TitleFieldTemplate = getTemplate3("TitleFieldTemplate", registry, uiOptions);
+  const DescriptionFieldTemplate = getTemplate3(
+    "DescriptionFieldTemplate",
+    registry,
+    uiOptions
+  );
   const {
-    ButtonTemplates: {
-      AddButton
-    }
+    ButtonTemplates: { AddButton: AddButton2 }
   } = registry.templates;
-  const {
-    colSpan = 24,
-    labelAlign = 'right',
-    rowGutter = 24
-  } = formContext;
-  const findSchema = element => element.content.props.schema;
-  const findSchemaType = element => findSchema(element).type;
-  const findUiSchema = element => element.content.props.uiSchema;
-  const findUiSchemaField = element => getUiOptions(findUiSchema(element)).field;
-  const findUiSchemaWidget = element => getUiOptions(findUiSchema(element)).widget;
-  const calculateColSpan = element => {
+  const { colSpan = 24, labelAlign = "right", rowGutter = 24 } = formContext;
+  const findSchema = (element) => element.content.props.schema;
+  const findSchemaType = (element) => findSchema(element).type;
+  const findUiSchema = (element) => element.content.props.uiSchema;
+  const findUiSchemaField = (element) => getUiOptions4(findUiSchema(element)).field;
+  const findUiSchemaWidget = (element) => getUiOptions4(findUiSchema(element)).widget;
+  const calculateColSpan = (element) => {
     const type = findSchemaType(element);
     const field = findUiSchemaField(element);
     const widget = findUiSchemaWidget(element);
-    const defaultColSpan = properties.length < 2 ||
-    // Single or no field in object.
-    type === 'object' || type === 'array' || widget === 'textarea' ? 24 : 12;
+    const defaultColSpan = properties.length < 2 || // Single or no field in object.
+    type === "object" || type === "array" || widget === "textarea" ? 24 : 12;
     if (isObject(colSpan)) {
       const colSpanObj = colSpan;
       if (isString(widget)) {
@@ -602,108 +535,81 @@ function ObjectFieldTemplate(props) {
     }
     return defaultColSpan;
   };
-  return jsx(ConfigConsumer, {
-    children: configProps => {
-      const {
-        getPrefixCls
-      } = configProps;
-      const prefixCls = getPrefixCls('form');
-      const labelClsBasic = `${prefixCls}-item-label`;
-      const labelColClassName = classNames(labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
+  return /* @__PURE__ */ jsx9(ConfigConsumer2, { children: (configProps) => {
+    const { getPrefixCls } = configProps;
+    const prefixCls = getPrefixCls("form");
+    const labelClsBasic = `${prefixCls}-item-label`;
+    const labelColClassName = classNames2(
+      labelClsBasic,
+      labelAlign === "left" && `${labelClsBasic}-left`
       // labelCol.className,
-      );
-
-      return jsxs("fieldset", {
-        id: idSchema.$id,
-        children: [jsxs(Row, {
-          gutter: rowGutter,
-          children: [title && jsx(Col, {
-            className: labelColClassName,
-            span: 24,
-            children: jsx(TitleFieldTemplate, {
-              id: titleId(idSchema),
-              title: title,
-              required: required,
-              schema: schema,
-              uiSchema: uiSchema,
-              registry: registry
-            })
-          }), description && jsx(Col, {
-            span: 24,
-            style: DESCRIPTION_COL_STYLE,
-            children: jsx(DescriptionFieldTemplate, {
-              id: descriptionId(idSchema),
-              description: description,
-              schema: schema,
-              uiSchema: uiSchema,
-              registry: registry
-            })
-          }), properties.filter(e => !e.hidden).map(element => jsx(Col, {
-            span: calculateColSpan(element),
-            children: element.content
-          }, element.name))]
-        }), canExpand(schema, uiSchema, formData) && jsx(Col, {
-          span: 24,
-          children: jsx(Row, {
-            gutter: rowGutter,
-            justify: 'end',
-            children: jsx(Col, {
-              flex: '192px',
-              children: jsx(AddButton, {
-                className: 'object-property-expand',
-                disabled: disabled || readonly,
-                onClick: onAddClick(schema),
-                uiSchema: uiSchema,
-                registry: registry
-              })
-            })
-          })
-        })]
-      });
-    }
-  });
+    );
+    return /* @__PURE__ */ jsxs5("fieldset", { id: idSchema.$id, children: [
+      /* @__PURE__ */ jsxs5(Row3, { gutter: rowGutter, children: [
+        title && /* @__PURE__ */ jsx9(Col3, { className: labelColClassName, span: 24, children: /* @__PURE__ */ jsx9(
+          TitleFieldTemplate,
+          {
+            id: titleId(idSchema),
+            title,
+            required,
+            schema,
+            uiSchema,
+            registry
+          }
+        ) }),
+        description && /* @__PURE__ */ jsx9(Col3, { span: 24, style: DESCRIPTION_COL_STYLE2, children: /* @__PURE__ */ jsx9(
+          DescriptionFieldTemplate,
+          {
+            id: descriptionId(idSchema),
+            description,
+            schema,
+            uiSchema,
+            registry
+          }
+        ) }),
+        properties.filter((e) => !e.hidden).map((element) => /* @__PURE__ */ jsx9(Col3, { span: calculateColSpan(element), children: element.content }, element.name))
+      ] }),
+      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(
+        AddButton2,
+        {
+          className: "object-property-expand",
+          disabled: disabled || readonly,
+          onClick: onAddClick(schema),
+          uiSchema,
+          registry
+        }
+      ) }) }) })
+    ] });
+  } });
 }
 
-/** The `SubmitButton` renders a button that represent the `Submit` action on a form
- */
-function SubmitButton({
-  uiSchema
-}) {
-  const {
-    submitText,
-    norender,
-    props: submitButtonProps
-  } = getSubmitButtonOptions(uiSchema);
+// src/templates/SubmitButton/index.tsx
+import Button3 from "antd/lib/button";
+import { getSubmitButtonOptions } from "@rjsf/utils";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function SubmitButton({ uiSchema }) {
+  const { submitText, norender, props: submitButtonProps } = getSubmitButtonOptions(uiSchema);
   if (norender) {
     return null;
   }
-  return jsx(Button, {
-    type: 'submit',
-    ...submitButtonProps,
-    htmlType: 'submit',
-    children: submitText
-  });
+  return /* @__PURE__ */ jsx10(Button3, { type: "submit", ...submitButtonProps, htmlType: "submit", children: submitText });
 }
 
-/** The `TitleField` is the template to use to render the title of a field
- *
- * @param props - The `TitleFieldProps` for this component
- */
+// src/templates/TitleField/index.tsx
+import classNames3 from "classnames";
+import { ConfigConsumer as ConfigConsumer3 } from "antd/lib/config-provider/context";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function TitleField({
   id,
   required,
   registry,
   title
 }) {
-  const {
-    formContext
-  } = registry;
-  const {
-    colon = true
-  } = formContext;
+  const { formContext } = registry;
+  const { colon = true } = formContext;
   let labelChildren = title;
-  if (colon && typeof title === 'string' && title.trim() !== '') {
-    labelChildren = title.replace(/[：:]\s*$/, '');
+  if (colon && typeof title === "string" && title.trim() !== "") {
+    labelChildren = title.replace(/[：:]\s*$/, "");
   }
   const handleLabelClick = () => {
     if (!id) {
@@ -714,45 +620,46 @@ function TitleField({
       control.focus();
     }
   };
-  return title ? jsx(ConfigConsumer, {
-    children: configProps => {
-      const {
-        getPrefixCls
-      } = configProps;
-      const prefixCls = getPrefixCls('form');
-      const labelClassName = classNames({
-        [`${prefixCls}-item-required`]: required,
-        [`${prefixCls}-item-no-colon`]: !colon
-      });
-      return jsx("label", {
+  return title ? /* @__PURE__ */ jsx11(ConfigConsumer3, { children: (configProps) => {
+    const { getPrefixCls } = configProps;
+    const prefixCls = getPrefixCls("form");
+    const labelClassName = classNames3({
+      [`${prefixCls}-item-required`]: required,
+      [`${prefixCls}-item-no-colon`]: !colon
+    });
+    return /* @__PURE__ */ jsx11(
+      "label",
+      {
         className: labelClassName,
         htmlFor: id,
         onClick: handleLabelClick,
-        title: typeof title === 'string' ? title : '',
+        title: typeof title === "string" ? title : "",
         children: labelChildren
-      });
-    }
-  }) : null;
+      }
+    );
+  } }) : null;
 }
 
-const VERTICAL_LABEL_COL = {
-  span: 24
+// src/templates/WrapIfAdditionalTemplate/index.tsx
+import Col4 from "antd/lib/col";
+import Form2 from "antd/lib/form";
+import Input2 from "antd/lib/input";
+import Row4 from "antd/lib/row";
+import {
+  ADDITIONAL_PROPERTY_FLAG,
+  UI_OPTIONS_KEY,
+  TranslatableString as TranslatableString3
+} from "@rjsf/utils";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var VERTICAL_LABEL_COL2 = { span: 24 };
+var VERTICAL_WRAPPER_COL2 = { span: 24 };
+var INPUT_STYLE2 = {
+  width: "100%"
 };
-const VERTICAL_WRAPPER_COL = {
-  span: 24
-};
-const INPUT_STYLE$1 = {
-  width: '100%'
-};
-/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
- * part of an `additionalProperties` part of a schema.
- *
- * @param props - The `WrapIfAdditionalProps` for this component
- */
 function WrapIfAdditionalTemplate(props) {
   const {
     children,
-    classNames,
+    classNames: classNames4,
     style,
     disabled,
     id,
@@ -767,93 +674,69 @@ function WrapIfAdditionalTemplate(props) {
   } = props;
   const {
     colon,
-    labelCol = VERTICAL_LABEL_COL,
+    labelCol = VERTICAL_LABEL_COL2,
     readonlyAsDisabled = true,
     rowGutter = 24,
-    toolbarAlign = 'top',
-    wrapperCol = VERTICAL_WRAPPER_COL,
+    toolbarAlign = "top",
+    wrapperCol = VERTICAL_WRAPPER_COL2,
     wrapperStyle
   } = registry.formContext;
-  const {
-    templates,
-    translateString
-  } = registry;
-  // Button templates are not overridden in the uiSchema
-  const {
-    RemoveButton
-  } = templates.ButtonTemplates;
-  const keyLabel = translateString(TranslatableString.KeyLabel, [label]);
-  const additional = (ADDITIONAL_PROPERTY_FLAG in schema);
+  const { templates, translateString } = registry;
+  const { RemoveButton: RemoveButton2 } = templates.ButtonTemplates;
+  const keyLabel = translateString(TranslatableString3.KeyLabel, [label]);
+  const additional = ADDITIONAL_PROPERTY_FLAG in schema;
   if (!additional) {
-    return jsx("div", {
-      className: classNames,
-      style: style,
-      children: children
-    });
+    return /* @__PURE__ */ jsx12("div", { className: classNames4, style, children });
   }
-  const handleBlur = ({
-    target
-  }) => onKeyChange(target.value);
-  // The `block` prop is not part of the `IconButtonProps` defined in the template, so put it into the uiSchema instead
+  const handleBlur = ({ target }) => onKeyChange(target.value);
   const uiOptions = uiSchema ? uiSchema[UI_OPTIONS_KEY] : {};
   const buttonUiOptions = {
     ...uiSchema,
-    [UI_OPTIONS_KEY]: {
-      ...uiOptions,
-      block: true
-    }
+    [UI_OPTIONS_KEY]: { ...uiOptions, block: true }
   };
-  return jsx("div", {
-    className: classNames,
-    style: style,
-    children: jsxs(Row, {
-      align: toolbarAlign,
-      gutter: rowGutter,
-      children: [jsx(Col, {
-        className: 'form-additional',
-        flex: '1',
-        children: jsx("div", {
-          className: 'form-group',
-          children: jsx(Form$1.Item, {
-            colon: colon,
-            className: 'form-group',
-            hasFeedback: true,
-            htmlFor: `${id}-key`,
-            label: keyLabel,
-            labelCol: labelCol,
-            required: required,
-            style: wrapperStyle,
-            wrapperCol: wrapperCol,
-            children: jsx(Input, {
-              className: 'form-control',
-              defaultValue: label,
-              disabled: disabled || readonlyAsDisabled && readonly,
-              id: `${id}-key`,
-              name: `${id}-key`,
-              onBlur: !readonly ? handleBlur : undefined,
-              style: INPUT_STYLE$1,
-              type: 'text'
-            })
-          })
-        })
-      }), jsx(Col, {
-        className: 'form-additional',
-        flex: '1',
-        children: children
-      }), jsx(Col, {
-        flex: '192px',
-        children: jsx(RemoveButton, {
-          className: 'array-item-remove',
-          disabled: disabled || readonly,
-          onClick: onDropPropertyClick(label),
-          uiSchema: buttonUiOptions,
-          registry: registry
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx12("div", { className: classNames4, style, children: /* @__PURE__ */ jsxs6(Row4, { align: toolbarAlign, gutter: rowGutter, children: [
+    /* @__PURE__ */ jsx12(Col4, { className: "form-additional", flex: "1", children: /* @__PURE__ */ jsx12("div", { className: "form-group", children: /* @__PURE__ */ jsx12(
+      Form2.Item,
+      {
+        colon,
+        className: "form-group",
+        hasFeedback: true,
+        htmlFor: `${id}-key`,
+        label: keyLabel,
+        labelCol,
+        required,
+        style: wrapperStyle,
+        wrapperCol,
+        children: /* @__PURE__ */ jsx12(
+          Input2,
+          {
+            className: "form-control",
+            defaultValue: label,
+            disabled: disabled || readonlyAsDisabled && readonly,
+            id: `${id}-key`,
+            name: `${id}-key`,
+            onBlur: !readonly ? handleBlur : void 0,
+            style: INPUT_STYLE2,
+            type: "text"
+          }
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx12(Col4, { className: "form-additional", flex: "1", children }),
+    /* @__PURE__ */ jsx12(Col4, { flex: "192px", children: /* @__PURE__ */ jsx12(
+      RemoveButton2,
+      {
+        className: "array-item-remove",
+        disabled: disabled || readonly,
+        onClick: onDropPropertyClick(label),
+        uiSchema: buttonUiOptions,
+        registry
+      }
+    ) })
+  ] }) });
 }
 
+// src/templates/index.ts
 function generateTemplates() {
   return {
     ArrayFieldItemTemplate,
@@ -876,57 +759,48 @@ function generateTemplates() {
     WrapIfAdditionalTemplate
   };
 }
-var index$1 = /*#__PURE__*/generateTemplates();
+var templates_default = generateTemplates();
 
-const rangeOptions = (start, stop) => {
+// src/widgets/AltDateWidget/index.tsx
+import { useEffect, useState } from "react";
+import Button4 from "antd/lib/button";
+import Col5 from "antd/lib/col";
+import Row5 from "antd/lib/row";
+import {
+  ariaDescribedByIds as ariaDescribedByIds2,
+  pad,
+  parseDateString,
+  toDateString,
+  TranslatableString as TranslatableString4
+} from "@rjsf/utils";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var rangeOptions = (start, stop) => {
   const options = [];
   for (let i = start; i <= stop; i++) {
-    options.push({
-      value: i,
-      label: pad(i, 2)
-    });
+    options.push({ value: i, label: pad(i, 2) });
   }
   return options;
 };
-const readyForChange = state => {
-  return Object.values(state).every(value => value !== -1);
+var readyForChange = (state) => {
+  return Object.values(state).every((value) => value !== -1);
 };
-function dateElementProps(state, time, yearsRange = [1900, new Date().getFullYear() + 2]) {
-  const {
-    year,
-    month,
-    day,
-    hour,
-    minute,
-    second
-  } = state;
-  const data = [{
-    type: 'year',
-    range: yearsRange,
-    value: year
-  }, {
-    type: 'month',
-    range: [1, 12],
-    value: month
-  }, {
-    type: 'day',
-    range: [1, 31],
-    value: day
-  }];
+function dateElementProps(state, time, yearsRange = [1900, (/* @__PURE__ */ new Date()).getFullYear() + 2]) {
+  const { year, month, day, hour, minute, second } = state;
+  const data = [
+    {
+      type: "year",
+      range: yearsRange,
+      value: year
+    },
+    { type: "month", range: [1, 12], value: month },
+    { type: "day", range: [1, 31], value: day }
+  ];
   if (time) {
-    data.push({
-      type: 'hour',
-      range: [0, 23],
-      value: hour || -1
-    }, {
-      type: 'minute',
-      range: [0, 59],
-      value: minute || -1
-    }, {
-      type: 'second',
-      range: [0, 59],
-      value: second || -1
-    });
+    data.push(
+      { type: "hour", range: [0, 23], value: hour || -1 },
+      { type: "minute", range: [0, 59], value: minute || -1 },
+      { type: "second", range: [0, 59], value: second || -1 }
+    );
   }
   return data;
 }
@@ -945,16 +819,9 @@ function AltDateWidget(props) {
     showTime,
     value
   } = props;
-  const {
-    translateString,
-    widgets
-  } = registry;
-  const {
-    SelectWidget
-  } = widgets;
-  const {
-    rowGutter = 24
-  } = formContext;
+  const { translateString, widgets } = registry;
+  const { SelectWidget: SelectWidget2 } = widgets;
+  const { rowGutter = 24 } = formContext;
   const [state, setState] = useState(parseDateString(value, showTime));
   useEffect(() => {
     setState(parseDateString(value, showTime));
@@ -962,7 +829,7 @@ function AltDateWidget(props) {
   const handleChange = (property, nextValue) => {
     const nextState = {
       ...state,
-      [property]: typeof nextValue === 'undefined' ? -1 : nextValue
+      [property]: typeof nextValue === "undefined" ? -1 : nextValue
     };
     if (readyForChange(nextState)) {
       onChange(toDateString(nextState, showTime));
@@ -970,116 +837,99 @@ function AltDateWidget(props) {
       setState(nextState);
     }
   };
-  const handleNow = event => {
+  const handleNow = (event) => {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
-    const nextState = parseDateString(new Date().toJSON(), showTime);
+    const nextState = parseDateString((/* @__PURE__ */ new Date()).toJSON(), showTime);
     onChange(toDateString(nextState, showTime));
   };
-  const handleClear = event => {
+  const handleClear = (event) => {
     event.preventDefault();
     if (disabled || readonly) {
       return;
     }
-    onChange(undefined);
+    onChange(void 0);
   };
-  const renderDateElement = elemProps => jsx(SelectWidget, {
-    autofocus: elemProps.autofocus,
-    className: 'form-control',
-    disabled: elemProps.disabled,
-    id: elemProps.id,
-    name: elemProps.name,
-    onBlur: elemProps.onBlur,
-    onChange: elemValue => elemProps.select(elemProps.type, elemValue),
-    onFocus: elemProps.onFocus,
-    options: {
-      enumOptions: rangeOptions(elemProps.range[0], elemProps.range[1])
-    },
-    placeholder: elemProps.type,
-    readonly: elemProps.readonly,
-    schema: {
-      type: 'integer'
-    },
-    value: elemProps.value,
-    registry: registry,
-    label: '',
-    "aria-describedby": ariaDescribedByIds(id)
-  });
-  return jsxs(Row, {
-    gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)],
-    children: [dateElementProps(state, showTime, options.yearsRange).map((elemProps, i) => {
-      const elemId = id + '_' + elemProps.type;
-      return jsx(Col, {
-        flex: '88px',
-        children: renderDateElement({
-          ...elemProps,
-          autofocus: autofocus && i === 0,
-          disabled,
-          id: elemId,
-          name: id,
-          onBlur,
-          onFocus,
-          readonly,
-          registry,
-          select: handleChange,
-          // NOTE: antd components accept -1 rather than issue a warning
-          // like material-ui, so we need to convert -1 to undefined here.
-          value: elemProps.value < 0 ? undefined : elemProps.value
-        })
-      }, elemId);
-    }), !options.hideNowButton && jsx(Col, {
-      flex: '88px',
-      children: jsx(Button, {
-        block: true,
-        className: 'btn-now',
-        onClick: handleNow,
-        type: 'primary',
-        children: translateString(TranslatableString.NowLabel)
-      })
-    }), !options.hideClearButton && jsx(Col, {
-      flex: '88px',
-      children: jsx(Button, {
-        block: true,
-        className: 'btn-clear',
-        danger: true,
-        onClick: handleClear,
-        type: 'primary',
-        children: translateString(TranslatableString.ClearLabel)
-      })
-    })]
-  });
+  const renderDateElement = (elemProps) => /* @__PURE__ */ jsx13(
+    SelectWidget2,
+    {
+      autofocus: elemProps.autofocus,
+      className: "form-control",
+      disabled: elemProps.disabled,
+      id: elemProps.id,
+      name: elemProps.name,
+      onBlur: elemProps.onBlur,
+      onChange: (elemValue) => elemProps.select(elemProps.type, elemValue),
+      onFocus: elemProps.onFocus,
+      options: {
+        enumOptions: rangeOptions(elemProps.range[0], elemProps.range[1])
+      },
+      placeholder: elemProps.type,
+      readonly: elemProps.readonly,
+      schema: { type: "integer" },
+      value: elemProps.value,
+      registry,
+      label: "",
+      "aria-describedby": ariaDescribedByIds2(id)
+    }
+  );
+  return /* @__PURE__ */ jsxs7(Row5, { gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)], children: [
+    dateElementProps(state, showTime, options.yearsRange).map((elemProps, i) => {
+      const elemId = id + "_" + elemProps.type;
+      return /* @__PURE__ */ jsx13(Col5, { flex: "88px", children: renderDateElement({
+        ...elemProps,
+        autofocus: autofocus && i === 0,
+        disabled,
+        id: elemId,
+        name: id,
+        onBlur,
+        onFocus,
+        readonly,
+        registry,
+        select: handleChange,
+        // NOTE: antd components accept -1 rather than issue a warning
+        // like material-ui, so we need to convert -1 to undefined here.
+        value: elemProps.value < 0 ? void 0 : elemProps.value
+      }) }, elemId);
+    }),
+    !options.hideNowButton && /* @__PURE__ */ jsx13(Col5, { flex: "88px", children: /* @__PURE__ */ jsx13(Button4, { block: true, className: "btn-now", onClick: handleNow, type: "primary", children: translateString(TranslatableString4.NowLabel) }) }),
+    !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) }) })
+  ] });
 }
 AltDateWidget.defaultProps = {
   autofocus: false,
   disabled: false,
   options: {
-    yearsRange: [1900, /*#__PURE__*/new Date().getFullYear() + 2]
+    yearsRange: [1900, (/* @__PURE__ */ new Date()).getFullYear() + 2]
   },
   readonly: false,
   showTime: false
 };
 
+// src/widgets/AltDateTimeWidget/index.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
 function AltDateTimeWidget(props) {
-  const {
-    AltDateWidget
-  } = props.registry.widgets;
-  return jsx(AltDateWidget, {
-    showTime: true,
-    ...props
-  });
+  const { AltDateWidget: AltDateWidget2 } = props.registry.widgets;
+  return /* @__PURE__ */ jsx14(AltDateWidget2, { showTime: true, ...props });
 }
 AltDateTimeWidget.defaultProps = {
   ...AltDateWidget.defaultProps,
   showTime: true
 };
 
-/** The `CheckboxesWidget` is a widget for rendering checkbox groups.
- *  It is typically used to represent an array of enums.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/widgets/CheckboxesWidget/index.tsx
+import Checkbox from "antd/lib/checkbox";
+import {
+  ariaDescribedByIds as ariaDescribedByIds3,
+  enumOptionsIndexForValue,
+  enumOptionsValueForIndex,
+  getTemplate as getTemplate4,
+  optionId,
+  titleId as titleId2
+} from "@rjsf/utils";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function CheckboxesWidget({
   autofocus,
   disabled,
@@ -1097,247 +947,206 @@ function CheckboxesWidget({
   uiSchema,
   value
 }) {
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const TitleFieldTemplate = getTemplate('TitleFieldTemplate', registry, options);
-  const {
-    enumOptions,
-    enumDisabled,
-    inline,
-    emptyValue
-  } = options;
-  const handleChange = nextValue => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-  const handleBlur = ({
-    target
-  }) => onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  const handleFocus = ({
-    target
-  }) => onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
-  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+  const { readonlyAsDisabled = true } = formContext;
+  const TitleFieldTemplate = getTemplate4("TitleFieldTemplate", registry, options);
+  const { enumOptions, enumDisabled, inline, emptyValue } = options;
+  const handleChange = (nextValue) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
   const extraProps = {
     id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onFocus: !readonly ? handleFocus : undefined
+    onBlur: !readonly ? handleBlur : void 0,
+    onFocus: !readonly ? handleFocus : void 0
   };
   const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
-  return Array.isArray(enumOptions) && enumOptions.length > 0 ? jsxs(Fragment, {
-    children: [!hideLabel && !!label && jsx("div", {
-      children: jsx(TitleFieldTemplate, {
-        id: titleId(id),
+  return Array.isArray(enumOptions) && enumOptions.length > 0 ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    !hideLabel && !!label && /* @__PURE__ */ jsx15("div", { children: /* @__PURE__ */ jsx15(
+      TitleFieldTemplate,
+      {
+        id: titleId2(id),
         title: label,
-        schema: schema,
-        uiSchema: uiSchema,
-        registry: registry
-      })
-    }), jsx(Checkbox.Group, {
-      disabled: disabled || readonlyAsDisabled && readonly,
-      name: id,
-      onChange: !readonly ? handleChange : undefined,
-      value: selectedIndexes,
-      ...extraProps,
-      "aria-describedby": ariaDescribedByIds(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => jsxs("span", {
-        children: [jsx(Checkbox, {
-          id: optionId(id, i),
-          name: id,
-          autoFocus: i === 0 ? autofocus : false,
-          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
-          value: String(i),
-          children: option.label
-        }), !inline && jsx("br", {})]
-      }, i))
-    })]
-  }) : null;
+        schema,
+        uiSchema,
+        registry
+      }
+    ) }),
+    /* @__PURE__ */ jsx15(
+      Checkbox.Group,
+      {
+        disabled: disabled || readonlyAsDisabled && readonly,
+        name: id,
+        onChange: !readonly ? handleChange : void 0,
+        value: selectedIndexes,
+        ...extraProps,
+        "aria-describedby": ariaDescribedByIds3(id),
+        children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsxs8("span", { children: [
+          /* @__PURE__ */ jsx15(
+            Checkbox,
+            {
+              id: optionId(id, i),
+              name: id,
+              autoFocus: i === 0 ? autofocus : false,
+              disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
+              value: String(i),
+              children: option.label
+            }
+          ),
+          !inline && /* @__PURE__ */ jsx15("br", {})
+        ] }, i))
+      }
+    )
+  ] }) : null;
 }
 
-/** The `CheckBoxWidget` is a widget for rendering boolean properties.
- *  It is typically used to represent a boolean.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/widgets/CheckboxWidget/index.tsx
+import Checkbox2 from "antd/lib/checkbox";
+import {
+  ariaDescribedByIds as ariaDescribedByIds4,
+  labelValue
+} from "@rjsf/utils";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function CheckboxWidget(props) {
-  const {
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    label,
-    hideLabel,
-    onBlur,
-    onChange,
-    onFocus,
-    readonly,
-    value
-  } = props;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = ({
-    target
-  }) => onChange(target.checked);
-  const handleBlur = ({
-    target
-  }) => onBlur(id, target.checked);
-  const handleFocus = ({
-    target
-  }) => onFocus(id, target.checked);
-  // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
-  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+  const { autofocus, disabled, formContext, id, label, hideLabel, onBlur, onChange, onFocus, readonly, value } = props;
+  const { readonlyAsDisabled = true } = formContext;
+  const handleChange = ({ target }) => onChange(target.checked);
+  const handleBlur = ({ target }) => onBlur(id, target.checked);
+  const handleFocus = ({ target }) => onFocus(id, target.checked);
   const extraProps = {
-    onBlur: !readonly ? handleBlur : undefined,
-    onFocus: !readonly ? handleFocus : undefined
+    onBlur: !readonly ? handleBlur : void 0,
+    onFocus: !readonly ? handleFocus : void 0
   };
-  return jsx(Checkbox, {
-    autoFocus: autofocus,
-    checked: typeof value === 'undefined' ? false : value,
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onChange: !readonly ? handleChange : undefined,
-    ...extraProps,
-    "aria-describedby": ariaDescribedByIds(id),
-    children: labelValue(label, hideLabel, '')
-  });
+  return /* @__PURE__ */ jsx16(
+    Checkbox2,
+    {
+      autoFocus: autofocus,
+      checked: typeof value === "undefined" ? false : value,
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id,
+      name: id,
+      onChange: !readonly ? handleChange : void 0,
+      ...extraProps,
+      "aria-describedby": ariaDescribedByIds4(id),
+      children: labelValue(label, hideLabel, "")
+    }
+  );
 }
 
-const DatePicker = /*#__PURE__*/generatePicker(dayjsGenerateConfig);
+// src/widgets/DateTimeWidget/index.tsx
+import dayjs from "dayjs";
+import {
+  ariaDescribedByIds as ariaDescribedByIds5
+} from "@rjsf/utils";
+
+// src/components/DatePicker/index.ts
+import dayjsGenerateConfig from "rc-picker/lib/generate/dayjs";
+import generatePicker from "antd/lib/date-picker/generatePicker";
+var DatePicker = generatePicker(dayjsGenerateConfig);
+var DatePicker_default = DatePicker;
 
-const DATE_PICKER_STYLE$1 = {
-  width: '100%'
+// src/widgets/DateTimeWidget/index.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var DATE_PICKER_STYLE = {
+  width: "100%"
 };
-/** The `DateTimeWidget` component uses the `BaseInputTemplate` changing the type to `datetime-local` and transforms
- * the value to/from utc using the appropriate utility functions.
- *
- * @param props - The `WidgetProps` for this component
- */
 function DateTimeWidget(props) {
-  const {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    placeholder,
-    readonly,
-    value
-  } = props;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = nextValue => onChange(nextValue && nextValue.toISOString());
+  const { disabled, formContext, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+  const { readonlyAsDisabled = true } = formContext;
+  const handleChange = (nextValue) => onChange(nextValue && nextValue.toISOString());
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = node => node.parentNode;
-  return jsx(DatePicker, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    getPopupContainer: getPopupContainer,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    showTime: true,
-    style: DATE_PICKER_STYLE$1,
-    value: value && dayjs(value),
-    "aria-describedby": ariaDescribedByIds(id)
-  });
+  const getPopupContainer = (node) => node.parentNode;
+  return /* @__PURE__ */ jsx17(
+    DatePicker_default,
+    {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      getPopupContainer,
+      id,
+      name: id,
+      onBlur: !readonly ? handleBlur : void 0,
+      onChange: !readonly ? handleChange : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      placeholder,
+      showTime: true,
+      style: DATE_PICKER_STYLE,
+      value: value && dayjs(value),
+      "aria-describedby": ariaDescribedByIds5(id)
+    }
+  );
 }
 
-const DATE_PICKER_STYLE = {
-  width: '100%'
+// src/widgets/DateWidget/index.tsx
+import dayjs2 from "dayjs";
+import {
+  ariaDescribedByIds as ariaDescribedByIds6
+} from "@rjsf/utils";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var DATE_PICKER_STYLE2 = {
+  width: "100%"
 };
-/** The `DateWidget` component uses the `BaseInputTemplate` changing the type to `date` and transforms
- * the value to undefined when it is falsy during the `onChange` handling.
- *
- * @param props - The `WidgetProps` for this component
- */
 function DateWidget(props) {
-  const {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    placeholder,
-    readonly,
-    value
-  } = props;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = nextValue => onChange(nextValue && nextValue.format('YYYY-MM-DD'));
+  const { disabled, formContext, id, onBlur, onChange, onFocus, placeholder, readonly, value } = props;
+  const { readonlyAsDisabled = true } = formContext;
+  const handleChange = (nextValue) => onChange(nextValue && nextValue.format("YYYY-MM-DD"));
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
-  const getPopupContainer = node => node.parentNode;
-  return jsx(DatePicker, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    getPopupContainer: getPopupContainer,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    showTime: false,
-    style: DATE_PICKER_STYLE,
-    value: value && dayjs(value),
-    "aria-describedby": ariaDescribedByIds(id)
-  });
+  const getPopupContainer = (node) => node.parentNode;
+  return /* @__PURE__ */ jsx18(
+    DatePicker_default,
+    {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      getPopupContainer,
+      id,
+      name: id,
+      onBlur: !readonly ? handleBlur : void 0,
+      onChange: !readonly ? handleChange : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      placeholder,
+      showTime: false,
+      style: DATE_PICKER_STYLE2,
+      value: value && dayjs2(value),
+      "aria-describedby": ariaDescribedByIds6(id)
+    }
+  );
 }
 
-/** The `PasswordWidget` component uses the `BaseInputTemplate` changing the type to `password`.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/widgets/PasswordWidget/index.tsx
+import Input3 from "antd/lib/input";
+import {
+  ariaDescribedByIds as ariaDescribedByIds7
+} from "@rjsf/utils";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function PasswordWidget(props) {
-  const {
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    readonly,
-    value
-  } = props;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const emptyValue = options.emptyValue || '';
-  const handleChange = ({
-    target
-  }) => onChange(target.value === '' ? emptyValue : target.value);
-  const handleBlur = ({
-    target
-  }) => onBlur(id, target.value);
-  const handleFocus = ({
-    target
-  }) => onFocus(id, target.value);
-  return jsx(Input.Password, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    value: value || '',
-    "aria-describedby": ariaDescribedByIds(id)
-  });
+  const { disabled, formContext, id, onBlur, onChange, onFocus, options, placeholder, readonly, value } = props;
+  const { readonlyAsDisabled = true } = formContext;
+  const emptyValue = options.emptyValue || "";
+  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__ */ jsx19(
+    Input3.Password,
+    {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id,
+      name: id,
+      onBlur: !readonly ? handleBlur : void 0,
+      onChange: !readonly ? handleChange : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      placeholder,
+      value: value || "",
+      "aria-describedby": ariaDescribedByIds7(id)
+    }
+  );
 }
 
-/** The `RadioWidget` is a widget for rendering a radio group.
- *  It is typically used with a string property constrained with enum options.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/widgets/RadioWidget/index.tsx
+import Radio from "antd/lib/radio";
+import {
+  ariaDescribedByIds as ariaDescribedByIds8,
+  enumOptionsIndexForValue as enumOptionsIndexForValue2,
+  enumOptionsValueForIndex as enumOptionsValueForIndex2,
+  optionId as optionId2
+} from "@rjsf/utils";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function RadioWidget({
   autofocus,
   disabled,
@@ -1350,51 +1159,46 @@ function RadioWidget({
   readonly,
   value
 }) {
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const {
-    enumOptions,
-    enumDisabled,
-    emptyValue
-  } = options;
-  const handleChange = ({
-    target: {
-      value: nextValue
-    }
-  }) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-  const handleBlur = ({
-    target
-  }) => onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  const handleFocus = ({
-    target
-  }) => onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions);
-  return jsx(Radio.Group, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onChange: !readonly ? handleChange : undefined,
-    onBlur: !readonly ? handleBlur : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    value: selectedIndexes,
-    "aria-describedby": ariaDescribedByIds(id),
-    children: Array.isArray(enumOptions) && enumOptions.map((option, i) => jsx(Radio, {
-      id: optionId(id, i),
+  const { readonlyAsDisabled = true } = formContext;
+  const { enumOptions, enumDisabled, emptyValue } = options;
+  const handleChange = ({ target: { value: nextValue } }) => onChange(enumOptionsValueForIndex2(nextValue, enumOptions, emptyValue));
+  const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex2(target.value, enumOptions, emptyValue));
+  const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex2(target.value, enumOptions, emptyValue));
+  const selectedIndexes = enumOptionsIndexForValue2(value, enumOptions);
+  return /* @__PURE__ */ jsx20(
+    Radio.Group,
+    {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id,
       name: id,
-      autoFocus: i === 0 ? autofocus : false,
-      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
-      value: String(i),
-      children: option.label
-    }, i))
-  });
+      onChange: !readonly ? handleChange : void 0,
+      onBlur: !readonly ? handleBlur : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      value: selectedIndexes,
+      "aria-describedby": ariaDescribedByIds8(id),
+      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => /* @__PURE__ */ jsx20(
+        Radio,
+        {
+          id: optionId2(id, i),
+          name: id,
+          autoFocus: i === 0 ? autofocus : false,
+          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(value) !== -1,
+          value: String(i),
+          children: option.label
+        },
+        i
+      ))
+    }
+  );
 }
 
-/** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
- * in a div, with the value along side it.
- *
- * @param props - The `WidgetProps` for this component
- */
+// src/widgets/RangeWidget/index.tsx
+import Slider from "antd/lib/slider";
+import {
+  ariaDescribedByIds as ariaDescribedByIds9,
+  rangeSpec
+} from "@rjsf/utils";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function RangeWidget(props) {
   const {
     autofocus,
@@ -1410,48 +1214,47 @@ function RangeWidget(props) {
     schema,
     value
   } = props;
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const {
-    min,
-    max,
-    step
-  } = rangeSpec(schema);
-  const emptyValue = options.emptyValue || '';
-  const handleChange = nextValue => onChange(nextValue === '' ? emptyValue : nextValue);
+  const { readonlyAsDisabled = true } = formContext;
+  const { min, max, step } = rangeSpec(schema);
+  const emptyValue = options.emptyValue || "";
+  const handleChange = (nextValue) => onChange(nextValue === "" ? emptyValue : nextValue);
   const handleBlur = () => onBlur(id, value);
   const handleFocus = () => onFocus(id, value);
-  // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
-  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
   const extraProps = {
     placeholder,
-    onBlur: !readonly ? handleBlur : undefined,
-    onFocus: !readonly ? handleFocus : undefined
+    onBlur: !readonly ? handleBlur : void 0,
+    onFocus: !readonly ? handleFocus : void 0
   };
-  return jsx(Slider, {
-    autoFocus: autofocus,
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    max: max,
-    min: min,
-    onChange: !readonly ? handleChange : undefined,
-    range: false,
-    step: step,
-    value: value,
-    ...extraProps,
-    "aria-describedby": ariaDescribedByIds(id)
-  });
+  return /* @__PURE__ */ jsx21(
+    Slider,
+    {
+      autoFocus: autofocus,
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id,
+      max,
+      min,
+      onChange: !readonly ? handleChange : void 0,
+      range: false,
+      step,
+      value,
+      ...extraProps,
+      "aria-describedby": ariaDescribedByIds9(id)
+    }
+  );
 }
 
-const SELECT_STYLE = {
-  width: '100%'
+// src/widgets/SelectWidget/index.tsx
+import Select from "antd/lib/select";
+import {
+  ariaDescribedByIds as ariaDescribedByIds10,
+  enumOptionsIndexForValue as enumOptionsIndexForValue3,
+  enumOptionsValueForIndex as enumOptionsValueForIndex3
+} from "@rjsf/utils";
+import isString2 from "lodash/isString";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var SELECT_STYLE = {
+  width: "100%"
 };
-/** The `SelectWidget` is a widget for rendering dropdowns.
- *  It is typically used with string properties constrained with enum options.
- *
- * @param props - The `WidgetProps` for this component
- */
 function SelectWidget({
   autofocus,
   disabled,
@@ -1466,64 +1269,61 @@ function SelectWidget({
   readonly,
   value
 }) {
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const {
-    enumOptions,
-    enumDisabled,
-    emptyValue
-  } = options;
-  const handleChange = nextValue => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-  const handleBlur = () => onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
-  const handleFocus = () => onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
+  const { readonlyAsDisabled = true } = formContext;
+  const { enumOptions, enumDisabled, emptyValue } = options;
+  const handleChange = (nextValue) => onChange(enumOptionsValueForIndex3(nextValue, enumOptions, emptyValue));
+  const handleBlur = () => onBlur(id, enumOptionsValueForIndex3(value, enumOptions, emptyValue));
+  const handleFocus = () => onFocus(id, enumOptionsValueForIndex3(value, enumOptions, emptyValue));
   const filterOption = (input, option) => {
-    if (option && isString(option.label)) {
-      // labels are strings in this context
+    if (option && isString2(option.label)) {
       return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
     }
     return false;
   };
-  const getPopupContainer = node => node.parentNode;
-  const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
-  // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
-  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+  const getPopupContainer = (node) => node.parentNode;
+  const selectedIndexes = enumOptionsIndexForValue3(value, enumOptions, multiple);
   const extraProps = {
     name: id
   };
-  return jsx(Select, {
-    autoFocus: autofocus,
-    disabled: disabled || readonlyAsDisabled && readonly,
-    getPopupContainer: getPopupContainer,
-    id: id,
-    mode: multiple ? 'multiple' : undefined,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    style: SELECT_STYLE,
-    value: selectedIndexes,
-    ...extraProps,
-    filterOption: filterOption,
-    "aria-describedby": ariaDescribedByIds(id),
-    children: Array.isArray(enumOptions) && enumOptions.map(({
-      value: optionValue,
-      label: optionLabel
-    }, index) => jsx(Select.Option, {
-      disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
-      value: String(index),
-      children: optionLabel
-    }, String(index)))
-  });
+  return /* @__PURE__ */ jsx22(
+    Select,
+    {
+      autoFocus: autofocus,
+      disabled: disabled || readonlyAsDisabled && readonly,
+      getPopupContainer,
+      id,
+      mode: multiple ? "multiple" : void 0,
+      onBlur: !readonly ? handleBlur : void 0,
+      onChange: !readonly ? handleChange : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      placeholder,
+      style: SELECT_STYLE,
+      value: selectedIndexes,
+      ...extraProps,
+      filterOption,
+      "aria-describedby": ariaDescribedByIds10(id),
+      children: Array.isArray(enumOptions) && enumOptions.map(({ value: optionValue, label: optionLabel }, index) => /* @__PURE__ */ jsx22(
+        Select.Option,
+        {
+          disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
+          value: String(index),
+          children: optionLabel
+        },
+        String(index)
+      ))
+    }
+  );
 }
 
-const INPUT_STYLE = {
-  width: '100%'
+// src/widgets/TextareaWidget/index.tsx
+import Input4 from "antd/lib/input";
+import {
+  ariaDescribedByIds as ariaDescribedByIds11
+} from "@rjsf/utils";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var INPUT_STYLE3 = {
+  width: "100%"
 };
-/** The `TextareaWidget` is a widget for rendering input fields as textarea.
- *
- * @param props - The `WidgetProps` for this component
- */
 function TextareaWidget({
   disabled,
   formContext,
@@ -1536,39 +1336,33 @@ function TextareaWidget({
   readonly,
   value
 }) {
-  const {
-    readonlyAsDisabled = true
-  } = formContext;
-  const handleChange = ({
-    target
-  }) => onChange(target.value === '' ? options.emptyValue : target.value);
-  const handleBlur = ({
-    target
-  }) => onBlur(id, target.value);
-  const handleFocus = ({
-    target
-  }) => onFocus(id, target.value);
-  // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
-  // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+  const { readonlyAsDisabled = true } = formContext;
+  const handleChange = ({ target }) => onChange(target.value === "" ? options.emptyValue : target.value);
+  const handleBlur = ({ target }) => onBlur(id, target.value);
+  const handleFocus = ({ target }) => onFocus(id, target.value);
   const extraProps = {
-    type: 'textarea'
+    type: "textarea"
   };
-  return jsx(Input.TextArea, {
-    disabled: disabled || readonlyAsDisabled && readonly,
-    id: id,
-    name: id,
-    onBlur: !readonly ? handleBlur : undefined,
-    onChange: !readonly ? handleChange : undefined,
-    onFocus: !readonly ? handleFocus : undefined,
-    placeholder: placeholder,
-    rows: options.rows || 4,
-    style: INPUT_STYLE,
-    value: value,
-    ...extraProps,
-    "aria-describedby": ariaDescribedByIds(id)
-  });
+  return /* @__PURE__ */ jsx23(
+    Input4.TextArea,
+    {
+      disabled: disabled || readonlyAsDisabled && readonly,
+      id,
+      name: id,
+      onBlur: !readonly ? handleBlur : void 0,
+      onChange: !readonly ? handleChange : void 0,
+      onFocus: !readonly ? handleFocus : void 0,
+      placeholder,
+      rows: options.rows || 4,
+      style: INPUT_STYLE3,
+      value,
+      ...extraProps,
+      "aria-describedby": ariaDescribedByIds11(id)
+    }
+  );
 }
 
+// src/widgets/index.ts
 function generateWidgets() {
   return {
     AltDateTimeWidget,
@@ -1584,19 +1378,30 @@ function generateWidgets() {
     TextareaWidget
   };
 }
-var index = /*#__PURE__*/generateWidgets();
+var widgets_default = generateWidgets();
 
+// src/index.ts
 function generateTheme() {
   return {
     templates: generateTemplates(),
     widgets: generateWidgets()
   };
 }
-const Theme = /*#__PURE__*/generateTheme();
+var Theme = generateTheme();
 function generateForm() {
   return withTheme(generateTheme());
 }
-const Form = /*#__PURE__*/generateForm();
-
-export { Form, index$1 as Templates, Theme, index as Widgets, Form as default, generateForm, generateTemplates, generateTheme, generateWidgets };
+var Form3 = generateForm();
+var src_default = Form3;
+export {
+  Form3 as Form,
+  templates_default as Templates,
+  Theme,
+  widgets_default as Widgets,
+  src_default as default,
+  generateForm,
+  generateTemplates,
+  generateTheme,
+  generateWidgets
+};
 //# sourceMappingURL=antd.esm.js.map