@rjsf/antd 5.11.2 → 5.12.1

package/dist/antd.umd.development.js

@@ -1,1617 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@rjsf/core'), require('react/jsx-runtime'), require('antd/lib/button'), require('antd/lib/col'), require('antd/lib/row'), require('@rjsf/utils'), require('classnames'), require('antd/lib/config-provider/context'), require('antd/lib/input'), require('antd/lib/input-number'), require('antd/lib/alert'), require('antd/lib/list'), require('antd/lib/space'), require('@ant-design/icons/ExclamationCircleOutlined'), require('@ant-design/icons/ArrowDownOutlined'), require('@ant-design/icons/ArrowUpOutlined'), require('@ant-design/icons/CopyOutlined'), require('@ant-design/icons/DeleteOutlined'), require('@ant-design/icons/PlusCircleOutlined'), require('antd/lib/form'), require('lodash-es/isObject'), require('lodash-es/isNumber'), require('lodash-es/isString'), require('react'), require('antd/lib/checkbox'), require('dayjs'), require('rc-picker/lib/generate/dayjs'), require('antd/lib/date-picker/generatePicker'), require('antd/lib/radio'), require('antd/lib/slider'), require('antd/lib/select')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@rjsf/core', 'react/jsx-runtime', 'antd/lib/button', 'antd/lib/col', 'antd/lib/row', '@rjsf/utils', 'classnames', 'antd/lib/config-provider/context', 'antd/lib/input', 'antd/lib/input-number', 'antd/lib/alert', 'antd/lib/list', 'antd/lib/space', '@ant-design/icons/ExclamationCircleOutlined', '@ant-design/icons/ArrowDownOutlined', '@ant-design/icons/ArrowUpOutlined', '@ant-design/icons/CopyOutlined', '@ant-design/icons/DeleteOutlined', '@ant-design/icons/PlusCircleOutlined', 'antd/lib/form', 'lodash-es/isObject', 'lodash-es/isNumber', 'lodash-es/isString', 'react', 'antd/lib/checkbox', 'dayjs', 'rc-picker/lib/generate/dayjs', 'antd/lib/date-picker/generatePicker', 'antd/lib/radio', 'antd/lib/slider', 'antd/lib/select'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@rjsf/antd"] = {}, global.core, global.jsxRuntime, global.Button, global.Col, global.Row, global.utils, global.classNames, global.context, global.Input, global.InputNumber, global.Alert, global.List, global.Space, global.ExclamationCircleOutlined, global.ArrowDownOutlined, global.ArrowUpOutlined, global.CopyOutlined, global.DeleteOutlined, global.PlusCircleOutlined, global.Form$1, global.isObject, global.isNumber, global.isString, global.React, global.Checkbox, global.dayjs, global.dayjsGenerateConfig, global.generatePicker, global.Radio, global.Slider, global.Select));
-})(this, (function (exports, core, jsxRuntime, Button, Col, Row, utils, classNames, context, Input, InputNumber, Alert, List, Space, ExclamationCircleOutlined, ArrowDownOutlined, ArrowUpOutlined, CopyOutlined, DeleteOutlined, PlusCircleOutlined, Form$1, isObject, isNumber, isString, react, Checkbox, dayjs, dayjsGenerateConfig, generatePicker, Radio, Slider, Select) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-  var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
-  var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
-  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-  var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-  var InputNumber__default = /*#__PURE__*/_interopDefaultLegacy(InputNumber);
-  var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
-  var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
-  var Space__default = /*#__PURE__*/_interopDefaultLegacy(Space);
-  var ExclamationCircleOutlined__default = /*#__PURE__*/_interopDefaultLegacy(ExclamationCircleOutlined);
-  var ArrowDownOutlined__default = /*#__PURE__*/_interopDefaultLegacy(ArrowDownOutlined);
-  var ArrowUpOutlined__default = /*#__PURE__*/_interopDefaultLegacy(ArrowUpOutlined);
-  var CopyOutlined__default = /*#__PURE__*/_interopDefaultLegacy(CopyOutlined);
-  var DeleteOutlined__default = /*#__PURE__*/_interopDefaultLegacy(DeleteOutlined);
-  var PlusCircleOutlined__default = /*#__PURE__*/_interopDefaultLegacy(PlusCircleOutlined);
-  var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form$1);
-  var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
-  var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
-  var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
-  var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
-  var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-  var dayjsGenerateConfig__default = /*#__PURE__*/_interopDefaultLegacy(dayjsGenerateConfig);
-  var generatePicker__default = /*#__PURE__*/_interopDefaultLegacy(generatePicker);
-  var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
-  var Slider__default = /*#__PURE__*/_interopDefaultLegacy(Slider);
-  var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-
-  const BTN_GRP_STYLE = {
-    width: '100%'
-  };
-  const 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,
-      disabled,
-      hasCopy,
-      hasMoveDown,
-      hasMoveUp,
-      hasRemove,
-      hasToolbar,
-      index,
-      onCopyIndexClick,
-      onDropIndexClick,
-      onReorderClick,
-      readonly,
-      registry,
-      uiSchema
-    } = props;
-    const {
-      CopyButton,
-      MoveDownButton,
-      MoveUpButton,
-      RemoveButton
-    } = registry.templates.ButtonTemplates;
-    const {
-      rowGutter = 24,
-      toolbarAlign = 'top'
-    } = registry.formContext;
-    return jsxRuntime.jsxs(Row__default["default"], {
-      align: toolbarAlign,
-      gutter: rowGutter,
-      children: [jsxRuntime.jsx(Col__default["default"], {
-        flex: '1',
-        children: children
-      }), hasToolbar && jsxRuntime.jsx(Col__default["default"], {
-        flex: '192px',
-        children: jsxRuntime.jsxs(Button__default["default"].Group, {
-          style: BTN_GRP_STYLE,
-          children: [(hasMoveUp || hasMoveDown) && jsxRuntime.jsx(MoveUpButton, {
-            disabled: disabled || readonly || !hasMoveUp,
-            onClick: onReorderClick(index, index - 1),
-            style: BTN_STYLE,
-            uiSchema: uiSchema,
-            registry: registry
-          }), (hasMoveUp || hasMoveDown) && jsxRuntime.jsx(MoveDownButton, {
-            disabled: disabled || readonly || !hasMoveDown,
-            onClick: onReorderClick(index, index + 1),
-            style: BTN_STYLE,
-            uiSchema: uiSchema,
-            registry: registry
-          }), hasCopy && jsxRuntime.jsx(CopyButton, {
-            disabled: disabled || readonly,
-            onClick: onCopyIndexClick(index),
-            style: BTN_STYLE,
-            uiSchema: uiSchema,
-            registry: registry
-          }), hasRemove && jsxRuntime.jsx(RemoveButton, {
-            disabled: disabled || readonly,
-            onClick: onDropIndexClick(index),
-            style: BTN_STYLE,
-            uiSchema: uiSchema,
-            registry: registry
-          })]
-        })
-      })]
-    }, `array-item-${index}`);
-  }
-
-  const DESCRIPTION_COL_STYLE$1 = {
-    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,
-      className,
-      disabled,
-      formContext,
-      idSchema,
-      items,
-      onAddClick,
-      readonly,
-      registry,
-      required,
-      schema,
-      title,
-      uiSchema
-    } = props;
-    const uiOptions = utils.getUiOptions(uiSchema);
-    const ArrayFieldDescriptionTemplate = utils.getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
-    const ArrayFieldItemTemplate = utils.getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
-    const ArrayFieldTitleTemplate = utils.getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
-    // Button templates are not overridden in the uiSchema
-    const {
-      ButtonTemplates: {
-        AddButton
-      }
-    } = registry.templates;
-    const {
-      labelAlign = 'right',
-      rowGutter = 24
-    } = formContext;
-    return jsxRuntime.jsx(context.ConfigConsumer, {
-      children: configProps => {
-        const {
-          getPrefixCls
-        } = configProps;
-        const prefixCls = getPrefixCls('form');
-        const labelClsBasic = `${prefixCls}-item-label`;
-        const labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
-        // labelCol.className,
-        );
-
-        return jsxRuntime.jsx("fieldset", {
-          className: className,
-          id: idSchema.$id,
-          children: jsxRuntime.jsxs(Row__default["default"], {
-            gutter: rowGutter,
-            children: [(uiOptions.title || title) && jsxRuntime.jsx(Col__default["default"], {
-              className: labelColClassName,
-              span: 24,
-              children: jsxRuntime.jsx(ArrayFieldTitleTemplate, {
-                idSchema: idSchema,
-                required: required,
-                title: uiOptions.title || title,
-                schema: schema,
-                uiSchema: uiSchema,
-                registry: registry
-              })
-            }), (uiOptions.description || schema.description) && jsxRuntime.jsx(Col__default["default"], {
-              span: 24,
-              style: DESCRIPTION_COL_STYLE$1,
-              children: jsxRuntime.jsx(ArrayFieldDescriptionTemplate, {
-                description: uiOptions.description || schema.description,
-                idSchema: idSchema,
-                schema: schema,
-                uiSchema: uiSchema,
-                registry: registry
-              })
-            }), jsxRuntime.jsx(Col__default["default"], {
-              className: 'row array-item-list',
-              span: 24,
-              children: items && items.map(({
-                key,
-                ...itemProps
-              }) => jsxRuntime.jsx(ArrayFieldItemTemplate, {
-                ...itemProps
-              }, key))
-            }), canAdd && jsxRuntime.jsx(Col__default["default"], {
-              span: 24,
-              children: jsxRuntime.jsx(Row__default["default"], {
-                gutter: rowGutter,
-                justify: 'end',
-                children: jsxRuntime.jsx(Col__default["default"], {
-                  flex: '192px',
-                  children: jsxRuntime.jsx(AddButton, {
-                    className: 'array-item-add',
-                    disabled: disabled || readonly,
-                    onClick: onAddClick,
-                    uiSchema: uiSchema,
-                    registry: registry
-                  })
-                })
-              })
-            })]
-          })
-        });
-      }
-    });
-  }
-
-  const INPUT_STYLE$2 = {
-    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,
-      formContext,
-      id,
-      onBlur,
-      onChange,
-      onChangeOverride,
-      onFocus,
-      options,
-      placeholder,
-      readonly,
-      schema,
-      value,
-      type
-    } = props;
-    const inputProps = utils.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' ? jsxRuntime.jsx(InputNumber__default["default"], {
-      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 ? utils.examplesId(id) : undefined,
-      ...inputProps,
-      value: value,
-      "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
-    }) : jsxRuntime.jsx(Input__default["default"], {
-      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 ? utils.examplesId(id) : undefined,
-      ...inputProps,
-      value: value,
-      "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
-    });
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [input, Array.isArray(schema.examples) && jsxRuntime.jsx("datalist", {
-        id: utils.examplesId(id),
-        children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map(example => {
-          return jsxRuntime.jsx("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
-   */
-  function DescriptionField(props) {
-    const {
-      id,
-      description
-    } = props;
-    if (!description) {
-      return null;
-    }
-    return jsxRuntime.jsx("span", {
-      id: 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
-   */
-  function ErrorList({
-    errors,
-    registry
-  }) {
-    const {
-      translateString
-    } = registry;
-    const renderErrors = () => jsxRuntime.jsx(List__default["default"], {
-      className: 'list-group',
-      size: 'small',
-      children: errors.map((error, index) => jsxRuntime.jsx(List__default["default"].Item, {
-        children: jsxRuntime.jsxs(Space__default["default"], {
-          children: [jsxRuntime.jsx(ExclamationCircleOutlined__default["default"], {}), error.stack]
-        })
-      }, index))
-    });
-    return jsxRuntime.jsx(Alert__default["default"], {
-      className: 'panel panel-danger errors',
-      description: renderErrors(),
-      message: translateString(utils.TranslatableString.ErrorsLabel),
-      type: 'error'
-    });
-  }
-
-  function IconButton(props) {
-    const {
-      iconType = 'default',
-      icon,
-      uiSchema,
-      registry,
-      ...otherProps
-    } = props;
-    return jsxRuntime.jsx(Button__default["default"], {
-      type: iconType,
-      icon: icon,
-      ...otherProps
-    });
-  }
-  function AddButton(props) {
-    const {
-      registry: {
-        translateString
-      }
-    } = props;
-    return jsxRuntime.jsx(IconButton, {
-      title: translateString(utils.TranslatableString.AddItemButton),
-      ...props,
-      block: true,
-      iconType: 'primary',
-      icon: jsxRuntime.jsx(PlusCircleOutlined__default["default"], {})
-    });
-  }
-  function CopyButton(props) {
-    const {
-      registry: {
-        translateString
-      }
-    } = props;
-    return jsxRuntime.jsx(IconButton, {
-      title: translateString(utils.TranslatableString.CopyButton),
-      ...props,
-      icon: jsxRuntime.jsx(CopyOutlined__default["default"], {})
-    });
-  }
-  function MoveDownButton(props) {
-    const {
-      registry: {
-        translateString
-      }
-    } = props;
-    return jsxRuntime.jsx(IconButton, {
-      title: translateString(utils.TranslatableString.MoveDownButton),
-      ...props,
-      icon: jsxRuntime.jsx(ArrowDownOutlined__default["default"], {})
-    });
-  }
-  function MoveUpButton(props) {
-    const {
-      registry: {
-        translateString
-      }
-    } = props;
-    return jsxRuntime.jsx(IconButton, {
-      title: translateString(utils.TranslatableString.MoveUpButton),
-      ...props,
-      icon: jsxRuntime.jsx(ArrowUpOutlined__default["default"], {})
-    });
-  }
-  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 = utils.getUiOptions(props.uiSchema);
-    const {
-      registry: {
-        translateString
-      }
-    } = props;
-    return jsxRuntime.jsx(IconButton, {
-      title: translateString(utils.TranslatableString.RemoveButton),
-      ...props,
-      danger: true,
-      block: !!options.block,
-      iconType: 'primary',
-      icon: jsxRuntime.jsx(DeleteOutlined__default["default"], {})
-    });
-  }
-
-  /** The `FieldErrorTemplate` component renders the errors local to the particular field
-   *
-   * @param props - The `FieldErrorProps` for the errors being rendered
-   */
-  function FieldErrorTemplate(props) {
-    const {
-      errors = [],
-      idSchema
-    } = props;
-    if (errors.length === 0) {
-      return null;
-    }
-    const id = utils.errorId(idSchema);
-    return jsxRuntime.jsx("div", {
-      id: id,
-      children: errors.map(error => jsxRuntime.jsx("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
-   */
-  function FieldTemplate(props) {
-    const {
-      children,
-      classNames,
-      style,
-      description,
-      disabled,
-      displayLabel,
-      errors,
-      formContext,
-      help,
-      hidden,
-      id,
-      label,
-      onDropPropertyClick,
-      onKeyChange,
-      rawErrors,
-      rawDescription,
-      rawHelp,
-      readonly,
-      registry,
-      required,
-      schema,
-      uiSchema
-    } = props;
-    const {
-      colon,
-      labelCol = VERTICAL_LABEL_COL$1,
-      wrapperCol = VERTICAL_WRAPPER_COL$1,
-      wrapperStyle,
-      descriptionLocation = 'below'
-    } = formContext;
-    const uiOptions = utils.getUiOptions(uiSchema);
-    const WrapIfAdditionalTemplate = utils.getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
-    if (hidden) {
-      return jsxRuntime.jsx("div", {
-        className: 'field-hidden',
-        children: 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 descriptionProps = {};
-    switch (descriptionLocation) {
-      case 'tooltip':
-        descriptionProps.tooltip = descriptionNode;
-        break;
-      case 'below':
-      default:
-        descriptionProps.extra = descriptionNode;
-        break;
-    }
-    return jsxRuntime.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: jsxRuntime.jsx(Form__default["default"].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
-      })
-    });
-  }
-
-  const DESCRIPTION_COL_STYLE = {
-    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,
-      disabled,
-      formContext,
-      formData,
-      idSchema,
-      onAddClick,
-      properties,
-      readonly,
-      required,
-      registry,
-      schema,
-      title,
-      uiSchema
-    } = props;
-    const uiOptions = utils.getUiOptions(uiSchema);
-    const TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, uiOptions);
-    const DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, uiOptions);
-    // Button templates are not overridden in the uiSchema
-    const {
-      ButtonTemplates: {
-        AddButton
-      }
-    } = 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 => utils.getUiOptions(findUiSchema(element)).field;
-    const findUiSchemaWidget = element => utils.getUiOptions(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;
-      if (isObject__default["default"](colSpan)) {
-        const colSpanObj = colSpan;
-        if (isString__default["default"](widget)) {
-          return colSpanObj[widget];
-        }
-        if (isString__default["default"](field)) {
-          return colSpanObj[field];
-        }
-        if (isString__default["default"](type)) {
-          return colSpanObj[type];
-        }
-      }
-      if (isNumber__default["default"](colSpan)) {
-        return colSpan;
-      }
-      return defaultColSpan;
-    };
-    return jsxRuntime.jsx(context.ConfigConsumer, {
-      children: configProps => {
-        const {
-          getPrefixCls
-        } = configProps;
-        const prefixCls = getPrefixCls('form');
-        const labelClsBasic = `${prefixCls}-item-label`;
-        const labelColClassName = classNames__default["default"](labelClsBasic, labelAlign === 'left' && `${labelClsBasic}-left`
-        // labelCol.className,
-        );
-
-        return jsxRuntime.jsxs("fieldset", {
-          id: idSchema.$id,
-          children: [jsxRuntime.jsxs(Row__default["default"], {
-            gutter: rowGutter,
-            children: [title && jsxRuntime.jsx(Col__default["default"], {
-              className: labelColClassName,
-              span: 24,
-              children: jsxRuntime.jsx(TitleFieldTemplate, {
-                id: utils.titleId(idSchema),
-                title: title,
-                required: required,
-                schema: schema,
-                uiSchema: uiSchema,
-                registry: registry
-              })
-            }), description && jsxRuntime.jsx(Col__default["default"], {
-              span: 24,
-              style: DESCRIPTION_COL_STYLE,
-              children: jsxRuntime.jsx(DescriptionFieldTemplate, {
-                id: utils.descriptionId(idSchema),
-                description: description,
-                schema: schema,
-                uiSchema: uiSchema,
-                registry: registry
-              })
-            }), properties.filter(e => !e.hidden).map(element => jsxRuntime.jsx(Col__default["default"], {
-              span: calculateColSpan(element),
-              children: element.content
-            }, element.name))]
-          }), utils.canExpand(schema, uiSchema, formData) && jsxRuntime.jsx(Col__default["default"], {
-            span: 24,
-            children: jsxRuntime.jsx(Row__default["default"], {
-              gutter: rowGutter,
-              justify: 'end',
-              children: jsxRuntime.jsx(Col__default["default"], {
-                flex: '192px',
-                children: jsxRuntime.jsx(AddButton, {
-                  className: 'object-property-expand',
-                  disabled: disabled || readonly,
-                  onClick: onAddClick(schema),
-                  uiSchema: uiSchema,
-                  registry: registry
-                })
-              })
-            })
-          })]
-        });
-      }
-    });
-  }
-
-  /** The `SubmitButton` renders a button that represent the `Submit` action on a form
-   */
-  function SubmitButton({
-    uiSchema
-  }) {
-    const {
-      submitText,
-      norender,
-      props: submitButtonProps
-    } = utils.getSubmitButtonOptions(uiSchema);
-    if (norender) {
-      return null;
-    }
-    return jsxRuntime.jsx(Button__default["default"], {
-      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
-   */
-  function TitleField({
-    id,
-    required,
-    registry,
-    title
-  }) {
-    const {
-      formContext
-    } = registry;
-    const {
-      colon = true
-    } = formContext;
-    let labelChildren = title;
-    if (colon && typeof title === 'string' && title.trim() !== '') {
-      labelChildren = title.replace(/[：:]\s*$/, '');
-    }
-    const handleLabelClick = () => {
-      if (!id) {
-        return;
-      }
-      const control = document.querySelector(`[id="${id}"]`);
-      if (control && control.focus) {
-        control.focus();
-      }
-    };
-    return title ? jsxRuntime.jsx(context.ConfigConsumer, {
-      children: configProps => {
-        const {
-          getPrefixCls
-        } = configProps;
-        const prefixCls = getPrefixCls('form');
-        const labelClassName = classNames__default["default"]({
-          [`${prefixCls}-item-required`]: required,
-          [`${prefixCls}-item-no-colon`]: !colon
-        });
-        return jsxRuntime.jsx("label", {
-          className: labelClassName,
-          htmlFor: id,
-          onClick: handleLabelClick,
-          title: typeof title === 'string' ? title : '',
-          children: labelChildren
-        });
-      }
-    }) : null;
-  }
-
-  const VERTICAL_LABEL_COL = {
-    span: 24
-  };
-  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,
-      style,
-      disabled,
-      id,
-      label,
-      onDropPropertyClick,
-      onKeyChange,
-      readonly,
-      required,
-      registry,
-      schema,
-      uiSchema
-    } = props;
-    const {
-      colon,
-      labelCol = VERTICAL_LABEL_COL,
-      readonlyAsDisabled = true,
-      rowGutter = 24,
-      toolbarAlign = 'top',
-      wrapperCol = VERTICAL_WRAPPER_COL,
-      wrapperStyle
-    } = registry.formContext;
-    const {
-      templates,
-      translateString
-    } = registry;
-    // Button templates are not overridden in the uiSchema
-    const {
-      RemoveButton
-    } = templates.ButtonTemplates;
-    const keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
-    const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
-    if (!additional) {
-      return jsxRuntime.jsx("div", {
-        className: classNames,
-        style: style,
-        children: 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 uiOptions = uiSchema ? uiSchema[utils.UI_OPTIONS_KEY] : {};
-    const buttonUiOptions = {
-      ...uiSchema,
-      [utils.UI_OPTIONS_KEY]: {
-        ...uiOptions,
-        block: true
-      }
-    };
-    return jsxRuntime.jsx("div", {
-      className: classNames,
-      style: style,
-      children: jsxRuntime.jsxs(Row__default["default"], {
-        align: toolbarAlign,
-        gutter: rowGutter,
-        children: [jsxRuntime.jsx(Col__default["default"], {
-          className: 'form-additional',
-          flex: '1',
-          children: jsxRuntime.jsx("div", {
-            className: 'form-group',
-            children: jsxRuntime.jsx(Form__default["default"].Item, {
-              colon: colon,
-              className: 'form-group',
-              hasFeedback: true,
-              htmlFor: `${id}-key`,
-              label: keyLabel,
-              labelCol: labelCol,
-              required: required,
-              style: wrapperStyle,
-              wrapperCol: wrapperCol,
-              children: jsxRuntime.jsx(Input__default["default"], {
-                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'
-              })
-            })
-          })
-        }), jsxRuntime.jsx(Col__default["default"], {
-          className: 'form-additional',
-          flex: '1',
-          children: children
-        }), jsxRuntime.jsx(Col__default["default"], {
-          flex: '192px',
-          children: jsxRuntime.jsx(RemoveButton, {
-            className: 'array-item-remove',
-            disabled: disabled || readonly,
-            onClick: onDropPropertyClick(label),
-            uiSchema: buttonUiOptions,
-            registry: registry
-          })
-        })]
-      })
-    });
-  }
-
-  function generateTemplates() {
-    return {
-      ArrayFieldItemTemplate,
-      ArrayFieldTemplate,
-      BaseInputTemplate,
-      ButtonTemplates: {
-        AddButton,
-        CopyButton,
-        MoveDownButton,
-        MoveUpButton,
-        RemoveButton,
-        SubmitButton
-      },
-      DescriptionFieldTemplate: DescriptionField,
-      ErrorListTemplate: ErrorList,
-      FieldErrorTemplate,
-      FieldTemplate,
-      ObjectFieldTemplate,
-      TitleFieldTemplate: TitleField,
-      WrapIfAdditionalTemplate
-    };
-  }
-  var index$1 = /*#__PURE__*/generateTemplates();
-
-  const rangeOptions = (start, stop) => {
-    const options = [];
-    for (let i = start; i <= stop; i++) {
-      options.push({
-        value: i,
-        label: utils.pad(i, 2)
-      });
-    }
-    return options;
-  };
-  const 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
-    }];
-    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
-      });
-    }
-    return data;
-  }
-  function AltDateWidget(props) {
-    const {
-      autofocus,
-      disabled,
-      formContext,
-      id,
-      onBlur,
-      onChange,
-      onFocus,
-      options,
-      readonly,
-      registry,
-      showTime,
-      value
-    } = props;
-    const {
-      translateString,
-      widgets
-    } = registry;
-    const {
-      SelectWidget
-    } = widgets;
-    const {
-      rowGutter = 24
-    } = formContext;
-    const [state, setState] = react.useState(utils.parseDateString(value, showTime));
-    react.useEffect(() => {
-      setState(utils.parseDateString(value, showTime));
-    }, [showTime, value]);
-    const handleChange = (property, nextValue) => {
-      const nextState = {
-        ...state,
-        [property]: typeof nextValue === 'undefined' ? -1 : nextValue
-      };
-      if (readyForChange(nextState)) {
-        onChange(utils.toDateString(nextState, showTime));
-      } else {
-        setState(nextState);
-      }
-    };
-    const handleNow = event => {
-      event.preventDefault();
-      if (disabled || readonly) {
-        return;
-      }
-      const nextState = utils.parseDateString(new Date().toJSON(), showTime);
-      onChange(utils.toDateString(nextState, showTime));
-    };
-    const handleClear = event => {
-      event.preventDefault();
-      if (disabled || readonly) {
-        return;
-      }
-      onChange(undefined);
-    };
-    const renderDateElement = elemProps => jsxRuntime.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": utils.ariaDescribedByIds(id)
-    });
-    return jsxRuntime.jsxs(Row__default["default"], {
-      gutter: [Math.floor(rowGutter / 2), Math.floor(rowGutter / 2)],
-      children: [dateElementProps(state, showTime, options.yearsRange).map((elemProps, i) => {
-        const elemId = id + '_' + elemProps.type;
-        return jsxRuntime.jsx(Col__default["default"], {
-          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 && jsxRuntime.jsx(Col__default["default"], {
-        flex: '88px',
-        children: jsxRuntime.jsx(Button__default["default"], {
-          block: true,
-          className: 'btn-now',
-          onClick: handleNow,
-          type: 'primary',
-          children: translateString(utils.TranslatableString.NowLabel)
-        })
-      }), !options.hideClearButton && jsxRuntime.jsx(Col__default["default"], {
-        flex: '88px',
-        children: jsxRuntime.jsx(Button__default["default"], {
-          block: true,
-          className: 'btn-clear',
-          danger: true,
-          onClick: handleClear,
-          type: 'primary',
-          children: translateString(utils.TranslatableString.ClearLabel)
-        })
-      })]
-    });
-  }
-  AltDateWidget.defaultProps = {
-    autofocus: false,
-    disabled: false,
-    options: {
-      yearsRange: [1900, /*#__PURE__*/new Date().getFullYear() + 2]
-    },
-    readonly: false,
-    showTime: false
-  };
-
-  function AltDateTimeWidget(props) {
-    const {
-      AltDateWidget
-    } = props.registry.widgets;
-    return jsxRuntime.jsx(AltDateWidget, {
-      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
-   */
-  function CheckboxesWidget({
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    label,
-    hideLabel,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    readonly,
-    registry,
-    schema,
-    uiSchema,
-    value
-  }) {
-    const {
-      readonlyAsDisabled = true
-    } = formContext;
-    const TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, options);
-    const {
-      enumOptions,
-      enumDisabled,
-      inline,
-      emptyValue
-    } = options;
-    const handleChange = nextValue => onChange(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-    const handleBlur = ({
-      target
-    }) => onBlur(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-    const handleFocus = ({
-      target
-    }) => onFocus(id, utils.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 extraProps = {
-      id,
-      onBlur: !readonly ? handleBlur : undefined,
-      onFocus: !readonly ? handleFocus : undefined
-    };
-    const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, true);
-    return Array.isArray(enumOptions) && enumOptions.length > 0 ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [!hideLabel && !!label && jsxRuntime.jsx("div", {
-        children: jsxRuntime.jsx(TitleFieldTemplate, {
-          id: utils.titleId(id),
-          title: label,
-          schema: schema,
-          uiSchema: uiSchema,
-          registry: registry
-        })
-      }), jsxRuntime.jsx(Checkbox__default["default"].Group, {
-        disabled: disabled || readonlyAsDisabled && readonly,
-        name: id,
-        onChange: !readonly ? handleChange : undefined,
-        value: selectedIndexes,
-        ...extraProps,
-        "aria-describedby": utils.ariaDescribedByIds(id),
-        children: Array.isArray(enumOptions) && enumOptions.map((option, i) => jsxRuntime.jsxs("span", {
-          children: [jsxRuntime.jsx(Checkbox__default["default"], {
-            id: utils.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 && jsxRuntime.jsx("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
-   */
-  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 extraProps = {
-      onBlur: !readonly ? handleBlur : undefined,
-      onFocus: !readonly ? handleFocus : undefined
-    };
-    return jsxRuntime.jsx(Checkbox__default["default"], {
-      autoFocus: autofocus,
-      checked: typeof value === 'undefined' ? false : value,
-      disabled: disabled || readonlyAsDisabled && readonly,
-      id: id,
-      name: id,
-      onChange: !readonly ? handleChange : undefined,
-      ...extraProps,
-      "aria-describedby": utils.ariaDescribedByIds(id),
-      children: utils.labelValue(label, hideLabel, '')
-    });
-  }
-
-  const DatePicker = /*#__PURE__*/generatePicker__default["default"](dayjsGenerateConfig__default["default"]);
-
-  const DATE_PICKER_STYLE$1 = {
-    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 handleBlur = () => onBlur(id, value);
-    const handleFocus = () => onFocus(id, value);
-    const getPopupContainer = node => node.parentNode;
-    return jsxRuntime.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__default["default"](value),
-      "aria-describedby": utils.ariaDescribedByIds(id)
-    });
-  }
-
-  const DATE_PICKER_STYLE = {
-    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 handleBlur = () => onBlur(id, value);
-    const handleFocus = () => onFocus(id, value);
-    const getPopupContainer = node => node.parentNode;
-    return jsxRuntime.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__default["default"](value),
-      "aria-describedby": utils.ariaDescribedByIds(id)
-    });
-  }
-
-  /** The `PasswordWidget` component uses the `BaseInputTemplate` changing the type to `password`.
-   *
-   * @param props - The `WidgetProps` for this component
-   */
-  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 jsxRuntime.jsx(Input__default["default"].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": utils.ariaDescribedByIds(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
-   */
-  function RadioWidget({
-    autofocus,
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    readonly,
-    value
-  }) {
-    const {
-      readonlyAsDisabled = true
-    } = formContext;
-    const {
-      enumOptions,
-      enumDisabled,
-      emptyValue
-    } = options;
-    const handleChange = ({
-      target: {
-        value: nextValue
-      }
-    }) => onChange(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-    const handleBlur = ({
-      target
-    }) => onBlur(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-    const handleFocus = ({
-      target
-    }) => onFocus(id, utils.enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
-    const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions);
-    return jsxRuntime.jsx(Radio__default["default"].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": utils.ariaDescribedByIds(id),
-      children: Array.isArray(enumOptions) && enumOptions.map((option, i) => jsxRuntime.jsx(Radio__default["default"], {
-        id: utils.optionId(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
-   */
-  function RangeWidget(props) {
-    const {
-      autofocus,
-      disabled,
-      formContext,
-      id,
-      onBlur,
-      onChange,
-      onFocus,
-      options,
-      placeholder,
-      readonly,
-      schema,
-      value
-    } = props;
-    const {
-      readonlyAsDisabled = true
-    } = formContext;
-    const {
-      min,
-      max,
-      step
-    } = utils.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
-    };
-    return jsxRuntime.jsx(Slider__default["default"], {
-      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": utils.ariaDescribedByIds(id)
-    });
-  }
-
-  const 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,
-    formContext = {},
-    id,
-    multiple,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    readonly,
-    value
-  }) {
-    const {
-      readonlyAsDisabled = true
-    } = formContext;
-    const {
-      enumOptions,
-      enumDisabled,
-      emptyValue
-    } = options;
-    const handleChange = nextValue => onChange(utils.enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
-    const handleBlur = () => onBlur(id, utils.enumOptionsValueForIndex(value, enumOptions, emptyValue));
-    const handleFocus = () => onFocus(id, utils.enumOptionsValueForIndex(value, enumOptions, emptyValue));
-    const filterOption = (input, option) => {
-      if (option && isString__default["default"](option.label)) {
-        // labels are strings in this context
-        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-      }
-      return false;
-    };
-    const getPopupContainer = node => node.parentNode;
-    const selectedIndexes = utils.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 extraProps = {
-      name: id
-    };
-    return jsxRuntime.jsx(Select__default["default"], {
-      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": utils.ariaDescribedByIds(id),
-      children: Array.isArray(enumOptions) && enumOptions.map(({
-        value: optionValue,
-        label: optionLabel
-      }, index) => jsxRuntime.jsx(Select__default["default"].Option, {
-        disabled: Array.isArray(enumDisabled) && enumDisabled.indexOf(optionValue) !== -1,
-        value: String(index),
-        children: optionLabel
-      }, String(index)))
-    });
-  }
-
-  const INPUT_STYLE = {
-    width: '100%'
-  };
-  /** The `TextareaWidget` is a widget for rendering input fields as textarea.
-   *
-   * @param props - The `WidgetProps` for this component
-   */
-  function TextareaWidget({
-    disabled,
-    formContext,
-    id,
-    onBlur,
-    onChange,
-    onFocus,
-    options,
-    placeholder,
-    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 extraProps = {
-      type: 'textarea'
-    };
-    return jsxRuntime.jsx(Input__default["default"].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": utils.ariaDescribedByIds(id)
-    });
-  }
-
-  function generateWidgets() {
-    return {
-      AltDateTimeWidget,
-      AltDateWidget,
-      CheckboxesWidget,
-      CheckboxWidget,
-      DateTimeWidget,
-      DateWidget,
-      PasswordWidget,
-      RadioWidget,
-      RangeWidget,
-      SelectWidget,
-      TextareaWidget
-    };
-  }
-  var index = /*#__PURE__*/generateWidgets();
-
-  function generateTheme() {
-    return {
-      templates: generateTemplates(),
-      widgets: generateWidgets()
-    };
-  }
-  const Theme = /*#__PURE__*/generateTheme();
-  function generateForm() {
-    return core.withTheme(generateTheme());
-  }
-  const Form = /*#__PURE__*/generateForm();
-
-  exports.Form = Form;
-  exports.Templates = index$1;
-  exports.Theme = Theme;
-  exports.Widgets = index;
-  exports["default"] = Form;
-  exports.generateForm = generateForm;
-  exports.generateTemplates = generateTemplates;
-  exports.generateTheme = generateTheme;
-  exports.generateWidgets = generateWidgets;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=antd.umd.development.js.map