@rjsf/semantic-ui 5.9.0 → 5.11.1

package/dist/semantic-ui.umd.development.js

@@ -8,54 +8,29 @@
 
   var map__default = /*#__PURE__*/_interopDefaultLegacy(map);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-    return target;
-  }
-
-  var _excluded$4 = ["uiSchema", "registry", "color"];
   /** The `AddButton` renders a button that represent the `Add` action on a form
    */
-  function AddButton(_ref) {
-    var registry = _ref.registry,
-      color = _ref.color,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
-    var translateString = registry.translateString;
-    return jsxRuntime.jsx(semanticUiReact.Button, _extends({
+  function AddButton({
+    uiSchema,
+    registry,
+    color,
+    ...props
+  }) {
+    const {
+      translateString
+    } = registry;
+    return jsxRuntime.jsx(semanticUiReact.Button, {
       title: translateString(utils.TranslatableString.AddItemButton),
-      color: color
-    }, props, {
+      color: color,
+      ...props,
       icon: true,
       size: 'tiny',
       children: jsxRuntime.jsx(semanticUiReact.Icon, {
         name: 'plus'
       })
-    }));
+    });
   }
 
-  var _excluded$3 = ["wrap", "component"];
   /**
    * Extract props meant for semantic UI components from props that are
    * passed to Widgets, Templates and Fields.
@@ -67,25 +42,25 @@
    * @param {Object?} params.defaultContextProps
    * @returns {any}
    */
-  function getSemanticProps(_ref) {
-    var _ref$formContext = _ref.formContext,
-      formContext = _ref$formContext === void 0 ? {} : _ref$formContext,
-      _ref$uiSchema = _ref.uiSchema,
-      uiSchema = _ref$uiSchema === void 0 ? {} : _ref$uiSchema,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? {} : _ref$options,
-      _ref$defaultSchemaPro = _ref.defaultSchemaProps,
-      defaultSchemaProps = _ref$defaultSchemaPro === void 0 ? {
-        fluid: true,
-        inverted: false
-      } : _ref$defaultSchemaPro,
-      _ref$defaultContextPr = _ref.defaultContextProps,
-      defaultContextProps = _ref$defaultContextPr === void 0 ? {} : _ref$defaultContextPr;
-    var formContextProps = formContext.semantic;
-    var schemaProps = utils.getUiOptions(uiSchema).semantic;
-    var optionProps = options.semantic;
+  function getSemanticProps({
+    formContext = {},
+    uiSchema = {},
+    options = {},
+    defaultSchemaProps = {
+      fluid: true,
+      inverted: false
+    },
+    defaultContextProps = {}
+  }) {
+    const formContextProps = formContext.semantic;
+    const schemaProps = utils.getUiOptions(uiSchema).semantic;
+    const optionProps = options.semantic;
     // formContext props should overide other props
-    return Object.assign({}, _extends({}, defaultSchemaProps), _extends({}, defaultContextProps), schemaProps, optionProps, formContextProps);
+    return Object.assign({}, {
+      ...defaultSchemaProps
+    }, {
+      ...defaultContextProps
+    }, schemaProps, optionProps, formContextProps);
   }
   /**
    * Extract error props meant for semantic UI components from props that are
@@ -96,23 +71,22 @@
    * @param {Object?} params.defaultProps
    * @returns {any}
    */
-  function getSemanticErrorProps(_ref2) {
-    var _ref2$formContext = _ref2.formContext,
-      formContext = _ref2$formContext === void 0 ? {} : _ref2$formContext,
-      _ref2$uiSchema = _ref2.uiSchema,
-      uiSchema = _ref2$uiSchema === void 0 ? {} : _ref2$uiSchema,
-      _ref2$options = _ref2.options,
-      options = _ref2$options === void 0 ? {} : _ref2$options,
-      _ref2$defaultProps = _ref2.defaultProps,
-      defaultProps = _ref2$defaultProps === void 0 ? {
-        size: 'small',
-        pointing: 'above'
-      } : _ref2$defaultProps;
-    var formContextProps = formContext.semantic && formContext.semantic.errorOptions;
-    var semanticOptions = utils.getUiOptions(uiSchema).semantic;
-    var schemaProps = semanticOptions && semanticOptions.errorOptions;
-    var optionProps = options.semantic && options.semantic.errorOptions;
-    return Object.assign({}, _extends({}, defaultProps), schemaProps, optionProps, formContextProps);
+  function getSemanticErrorProps({
+    formContext = {},
+    uiSchema = {},
+    options = {},
+    defaultProps = {
+      size: 'small',
+      pointing: 'above'
+    }
+  }) {
+    const formContextProps = formContext.semantic && formContext.semantic.errorOptions;
+    const semanticOptions = utils.getUiOptions(uiSchema).semantic;
+    const schemaProps = semanticOptions && semanticOptions.errorOptions;
+    const optionProps = options.semantic && options.semantic.errorOptions;
+    return Object.assign({}, {
+      ...defaultProps
+    }, schemaProps, optionProps, formContextProps);
   }
   /**
    * Combine multiple strings containing class names into a single string,
@@ -123,20 +97,13 @@
    * @param {Array} omit
    * @returns {string}
    */
-  function cleanClassNames(classNameArr, omit) {
-    if (omit === void 0) {
-      omit = [];
-    }
+  function cleanClassNames(classNameArr, omit = []) {
     // Split each arg on whitespace, and add it to an array. Skip false-y args
     // like "" and undefined.
-    var classList = classNameArr.filter(Boolean).reduce(function (previous, current) {
-      return previous.concat(current.trim().split(/\s+/));
-    }, []);
+    const classList = classNameArr.filter(Boolean).reduce((previous, current) => previous.concat(current.trim().split(/\s+/)), []);
     // Remove any class names from omit, and make the rest unique before
     // returning them as a string
-    return [].concat(new Set(classList.filter(function (cn) {
-      return !omit.includes(cn);
-    }))).join(' ');
+    return [...new Set(classList.filter(cn => !omit.includes(cn)))].join(' ');
   }
   /**
    *
@@ -146,60 +113,63 @@
    * @returns {*}
    * @constructor
    */
-  function MaybeWrap(_ref3) {
-    var wrap = _ref3.wrap,
-      _ref3$component = _ref3.component,
-      Component = _ref3$component === void 0 ? 'div' : _ref3$component,
-      props = _objectWithoutPropertiesLoose(_ref3, _excluded$3);
-    return wrap ? jsxRuntime.jsx(Component, _extends({}, props)) : props.children;
+  function MaybeWrap({
+    wrap,
+    component: Component = 'div',
+    ...props
+  }) {
+    return wrap ? jsxRuntime.jsx(Component, {
+      ...props
+    }) : props.children;
   }
 
-  var gridStyle = function gridStyle(vertical) {
-    return {
-      display: 'grid',
-      gridTemplateColumns: "1fr " + (vertical ? 65 : 150) + "px"
-    };
-  };
+  const gridStyle = vertical => ({
+    display: 'grid',
+    gridTemplateColumns: `1fr ${vertical ? 65 : 150}px`
+  });
   /** 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) {
-    var children = props.children,
-      disabled = props.disabled,
-      hasToolbar = props.hasToolbar,
-      hasCopy = props.hasCopy,
-      hasMoveDown = props.hasMoveDown,
-      hasMoveUp = props.hasMoveUp,
-      hasRemove = props.hasRemove,
-      index = props.index,
-      onCopyIndexClick = props.onCopyIndexClick,
-      onDropIndexClick = props.onDropIndexClick,
-      onReorderClick = props.onReorderClick,
-      readonly = props.readonly,
-      uiSchema = props.uiSchema,
-      registry = props.registry;
-    var _registry$templates$B = registry.templates.ButtonTemplates,
-      CopyButton = _registry$templates$B.CopyButton,
-      MoveDownButton = _registry$templates$B.MoveDownButton,
-      MoveUpButton = _registry$templates$B.MoveUpButton,
-      RemoveButton = _registry$templates$B.RemoveButton;
-    var uiOptions = utils.getUiOptions(uiSchema);
+    const {
+      children,
+      disabled,
+      hasToolbar,
+      hasCopy,
+      hasMoveDown,
+      hasMoveUp,
+      hasRemove,
+      index,
+      onCopyIndexClick,
+      onDropIndexClick,
+      onReorderClick,
+      readonly,
+      uiSchema,
+      registry
+    } = props;
+    const {
+      CopyButton,
+      MoveDownButton,
+      MoveUpButton,
+      RemoveButton
+    } = registry.templates.ButtonTemplates;
+    const uiOptions = utils.getUiOptions(uiSchema);
     // Pull the semantic props out of the uiOptions that were put in via the ArrayFieldTemplate
-    var _uiOptions$semantic = uiOptions.semantic,
-      _uiOptions$semantic$h = _uiOptions$semantic.horizontalButtons,
-      horizontalButtons = _uiOptions$semantic$h === void 0 ? true : _uiOptions$semantic$h,
-      _uiOptions$semantic$w = _uiOptions$semantic.wrapItem,
-      wrapItem = _uiOptions$semantic$w === void 0 ? false : _uiOptions$semantic$w;
+    const {
+      horizontalButtons = true,
+      wrapItem = false
+    } = uiOptions.semantic;
     return jsxRuntime.jsx("div", {
       className: 'array-item',
       children: jsxRuntime.jsx(MaybeWrap, {
         wrap: wrapItem,
         component: semanticUiReact.Segment,
         children: jsxRuntime.jsxs(semanticUiReact.Grid, {
-          style: _extends({}, gridStyle(!horizontalButtons), {
+          style: {
+            ...gridStyle(!horizontalButtons),
             alignItems: 'center'
-          }),
+          },
           children: [jsxRuntime.jsx(semanticUiReact.Grid.Column, {
             width: 16,
             verticalAlign: 'middle',
@@ -240,45 +210,54 @@
     });
   }
 
-  var _excluded$2 = ["key", "uiSchema"];
   /** 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) {
-    var uiSchema = props.uiSchema,
-      idSchema = props.idSchema,
-      canAdd = props.canAdd,
-      className = props.className,
-      disabled = props.disabled,
-      formContext = props.formContext,
-      items = props.items,
-      onAddClick = props.onAddClick,
-      readonly = props.readonly,
-      required = props.required,
-      schema = props.schema,
-      title = props.title,
-      registry = props.registry;
-    var semanticProps = getSemanticProps({
-      uiSchema: uiSchema,
-      formContext: formContext,
+    const {
+      uiSchema,
+      idSchema,
+      canAdd,
+      className,
+      // classNames, This is not part of the type, so it is likely never passed in
+      disabled,
+      formContext,
+      items,
+      onAddClick,
+      // options, This is not part of the type, so it is likely never passed in
+      readonly,
+      required,
+      schema,
+      title,
+      registry
+    } = props;
+    const semanticProps = getSemanticProps({
+      uiSchema,
+      formContext,
       defaultSchemaProps: {
         horizontalButtons: true,
         wrapItem: false
       }
     });
-    var horizontalButtons = semanticProps.horizontalButtons,
-      wrapItem = semanticProps.wrapItem;
-    var semantic = {
-      horizontalButtons: horizontalButtons,
-      wrapItem: wrapItem
+    const {
+      horizontalButtons,
+      wrapItem
+    } = semanticProps;
+    const semantic = {
+      horizontalButtons,
+      wrapItem
     };
-    var uiOptions = utils.getUiOptions(uiSchema);
-    var ArrayFieldDescriptionTemplate = utils.getTemplate('ArrayFieldDescriptionTemplate', registry, uiOptions);
-    var ArrayFieldItemTemplate = utils.getTemplate('ArrayFieldItemTemplate', registry, uiOptions);
-    var ArrayFieldTitleTemplate = utils.getTemplate('ArrayFieldTitleTemplate', registry, uiOptions);
+    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
-    var AddButton = registry.templates.ButtonTemplates.AddButton;
+    const {
+      ButtonTemplates: {
+        AddButton
+      }
+    } = registry.templates;
     return jsxRuntime.jsxs("div", {
       className: cleanClassNames([className, utils.isFixedItems(schema) ? '' : 'sortable-form-fields']),
       children: [jsxRuntime.jsx(ArrayFieldTitleTemplate, {
@@ -297,19 +276,23 @@
       }), jsxRuntime.jsxs("div", {
         children: [jsxRuntime.jsx("div", {
           className: 'row array-item-list',
-          children: items && items.map(function (_ref) {
-            var _extends2;
-            var key = _ref.key,
-              _ref$uiSchema = _ref.uiSchema,
-              itemUiSchema = _ref$uiSchema === void 0 ? {} : _ref$uiSchema,
-              props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+          children: items && items.map(({
+            key,
+            uiSchema: itemUiSchema = {},
+            ...props
+          }) => {
             // Merge in the semantic props from the ArrayFieldTemplate into each of the items
-            var mergedUiSchema = _extends({}, itemUiSchema, (_extends2 = {}, _extends2[utils.UI_OPTIONS_KEY] = _extends({}, itemUiSchema[utils.UI_OPTIONS_KEY], {
-              semantic: semantic
-            }), _extends2));
-            return jsxRuntime.jsx(ArrayFieldItemTemplate, _extends({}, props, {
+            const mergedUiSchema = {
+              ...itemUiSchema,
+              [utils.UI_OPTIONS_KEY]: {
+                ...itemUiSchema[utils.UI_OPTIONS_KEY],
+                semantic
+              }
+            };
+            return jsxRuntime.jsx(ArrayFieldItemTemplate, {
+              ...props,
               uiSchema: mergedUiSchema
-            }), key);
+            }, key);
           })
         }), canAdd && jsxRuntime.jsx("div", {
           style: {
@@ -324,7 +307,7 @@
             registry: registry
           })
         })]
-      }, "array-item-list-" + idSchema.$id)]
+      }, `array-item-list-${idSchema.$id}`)]
     });
   }
 
@@ -335,63 +318,61 @@
    * @param props - The `WidgetProps` for this template
    */
   function BaseInputTemplate(props) {
-    var id = props.id,
-      placeholder = props.placeholder,
-      label = props.label,
-      hideLabel = props.hideLabel,
-      value = props.value,
-      required = props.required,
-      readonly = props.readonly,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      onChangeOverride = props.onChangeOverride,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      autofocus = props.autofocus,
-      options = props.options,
-      schema = props.schema,
-      uiSchema = props.uiSchema,
-      formContext = props.formContext,
-      type = props.type,
-      _props$rawErrors = props.rawErrors,
-      rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
-    var inputProps = utils.getInputProps(schema, type, options);
-    var semanticProps = getSemanticProps({
-      uiSchema: uiSchema,
-      formContext: formContext,
-      options: options
+    const {
+      id,
+      placeholder,
+      label,
+      hideLabel,
+      value,
+      required,
+      readonly,
+      disabled,
+      onChange,
+      onChangeOverride,
+      onBlur,
+      onFocus,
+      autofocus,
+      options,
+      schema,
+      uiSchema,
+      formContext,
+      type,
+      rawErrors = []
+    } = props;
+    const inputProps = utils.getInputProps(schema, type, options);
+    const semanticProps = getSemanticProps({
+      uiSchema,
+      formContext,
+      options
     });
-    var _onChange = function _onChange(_ref) {
-      var value = _ref.target.value;
-      return onChange(value === '' ? options.emptyValue : value);
-    };
-    var _onBlur = function _onBlur() {
-      return onBlur && onBlur(id, value);
-    };
-    var _onFocus = function _onFocus() {
-      return onFocus && onFocus(id, value);
-    };
+    const _onChange = ({
+      target: {
+        value
+      }
+    }) => onChange(value === '' ? options.emptyValue : value);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(semanticUiReact.Form.Input, _extends({
+      children: [jsxRuntime.jsx(semanticUiReact.Form.Input, {
         id: id,
         name: id,
-        placeholder: placeholder
-      }, inputProps, {
+        placeholder: placeholder,
+        ...inputProps,
         label: utils.labelValue(label || undefined, hideLabel, false),
         required: required,
         autoFocus: autofocus,
         disabled: disabled || readonly,
-        list: schema.examples ? utils.examplesId(id) : undefined
-      }, semanticProps, {
+        list: schema.examples ? utils.examplesId(id) : undefined,
+        ...semanticProps,
         value: value || value === 0 ? value : '',
         error: rawErrors.length > 0,
         onChange: onChangeOverride || _onChange,
         onBlur: _onBlur,
         onFocus: _onFocus,
         "aria-describedby": utils.ariaDescribedByIds(id, !!schema.examples)
-      }), id), Array.isArray(schema.examples) && jsxRuntime.jsx("datalist", {
+      }, id), 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(function (example) {
+        children: schema.examples.concat(schema.default && !schema.examples.includes(schema.default) ? [schema.default] : []).map(example => {
           return jsxRuntime.jsx("option", {
             value: example
           }, example);
@@ -405,8 +386,10 @@
    * @param props - The `DescriptionFieldProps` for this component
    */
   function DescriptionField(props) {
-    var id = props.id,
-      description = props.description;
+    const {
+      id,
+      description
+    } = props;
     if (!description) {
       return null;
     }
@@ -421,72 +404,93 @@
    *
    * @param props - The `ErrorListProps` for this component
    */
-  function ErrorList(_ref) {
-    var errors = _ref.errors,
-      registry = _ref.registry;
-    var translateString = registry.translateString;
+  function ErrorList({
+    errors,
+    registry
+  }) {
+    const {
+      translateString
+    } = registry;
     return jsxRuntime.jsxs(semanticUiReact.Message, {
       negative: true,
       children: [jsxRuntime.jsx(semanticUiReact.Message.Header, {
         children: translateString(utils.TranslatableString.ErrorsLabel)
       }), jsxRuntime.jsx(semanticUiReact.Message.List, {
-        children: errors.map(function (error, index) {
-          return jsxRuntime.jsx(semanticUiReact.Message.Item, {
-            children: error.stack
-          }, "error-" + index);
-        })
+        children: errors.map((error, index) => jsxRuntime.jsx(semanticUiReact.Message.Item, {
+          children: error.stack
+        }, `error-${index}`))
       })]
     });
   }
 
-  var _excluded$1 = ["icon", "iconType", "color", "className", "uiSchema", "registry"];
   function IconButton(props) {
-    var icon = props.icon,
-      iconType = props.iconType,
-      color = props.color,
-      className = props.className,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$1);
-    return jsxRuntime.jsx(semanticUiReact.Button, _extends({
+    const {
+      icon,
+      iconType,
+      color,
+      className,
+      uiSchema,
+      registry,
+      ...otherProps
+    } = props;
+    return jsxRuntime.jsx(semanticUiReact.Button, {
       icon: icon,
       size: iconType,
       color: color,
-      className: className
-    }, otherProps));
+      className: className,
+      ...otherProps
+    });
   }
   function CopyButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.CopyButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.CopyButton),
+      ...props,
       icon: 'copy'
-    }));
+    });
   }
   function MoveDownButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.MoveDownButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.MoveDownButton),
+      ...props,
       icon: 'angle down'
-    }));
+    });
   }
   function MoveUpButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.MoveUpButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.MoveUpButton),
+      ...props,
       icon: 'angle up'
-    }));
+    });
   }
   function RemoveButton(props) {
-    var translateString = props.registry.translateString;
-    return jsxRuntime.jsx(IconButton, _extends({
-      title: translateString(utils.TranslatableString.RemoveButton)
-    }, props, {
+    const {
+      registry: {
+        translateString
+      }
+    } = props;
+    return jsxRuntime.jsx(IconButton, {
+      title: translateString(utils.TranslatableString.RemoveButton),
+      ...props,
       icon: 'trash'
-    }));
+    });
   }
 
-  var DEFAULT_OPTIONS$1 = {
+  const DEFAULT_OPTIONS$1 = {
     options: {
       pointing: 'above',
       size: 'small'
@@ -496,21 +500,26 @@
    *
    * @param props - The `FieldErrorProps` for the errors being rendered
    */
-  function FieldErrorTemplate(_ref) {
-    var errors = _ref.errors,
-      idSchema = _ref.idSchema,
-      uiSchema = _ref.uiSchema,
-      registry = _ref.registry;
-    var formContext = registry.formContext;
-    var options = getSemanticErrorProps({
-      formContext: formContext,
-      uiSchema: uiSchema,
+  function FieldErrorTemplate({
+    errors,
+    idSchema,
+    uiSchema,
+    registry
+  }) {
+    const {
+      formContext
+    } = registry;
+    const options = getSemanticErrorProps({
+      formContext,
+      uiSchema,
       defaultProps: DEFAULT_OPTIONS$1
     });
-    var pointing = options.pointing,
-      size = options.size;
+    const {
+      pointing,
+      size
+    } = options;
     if (errors && errors.length > 0) {
-      var id = utils.errorId(idSchema);
+      const id = utils.errorId(idSchema);
       return jsxRuntime.jsx(semanticUiReact.Label, {
         id: id,
         color: 'red',
@@ -519,11 +528,9 @@
         basic: true,
         children: jsxRuntime.jsx(semanticUiReact.List, {
           bulleted: true,
-          children: errors.map(function (error) {
-            return jsxRuntime.jsx(semanticUiReact.List.Item, {
-              children: error
-            }, nanoid.nanoid());
-          })
+          children: errors.map(error => jsxRuntime.jsx(semanticUiReact.List.Item, {
+            children: error
+          }, nanoid.nanoid()))
         })
       });
     }
@@ -535,10 +542,12 @@
    * @param props - The `FieldHelpProps` to be rendered
    */
   function FieldHelpTemplate(props) {
-    var idSchema = props.idSchema,
-      help = props.help;
+    const {
+      idSchema,
+      help
+    } = props;
     if (help) {
-      var id = utils.helpId(idSchema);
+      const id = utils.helpId(idSchema);
       return jsxRuntime.jsx(semanticUiReact.Message, {
         size: 'mini',
         info: true,
@@ -549,33 +558,36 @@
     return null;
   }
 
-  var _excluded = ["id", "children", "classNames", "style", "displayLabel", "label", "errors", "help", "hidden", "description", "rawDescription", "registry", "schema", "uiSchema"];
   /** 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) {
-    var id = props.id,
-      children = props.children,
-      classNames = props.classNames,
-      style = props.style,
-      displayLabel = props.displayLabel,
-      label = props.label,
-      errors = props.errors,
-      help = props.help,
-      hidden = props.hidden,
-      description = props.description,
-      rawDescription = props.rawDescription,
-      registry = props.registry,
-      schema = props.schema,
-      uiSchema = props.uiSchema,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-    var semanticProps = getSemanticProps(otherProps);
-    var wrapLabel = semanticProps.wrapLabel,
-      wrapContent = semanticProps.wrapContent;
-    var uiOptions = utils.getUiOptions(uiSchema);
-    var WrapIfAdditionalTemplate = utils.getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
+    const {
+      id,
+      children,
+      classNames,
+      style,
+      displayLabel,
+      label,
+      errors,
+      help,
+      hidden,
+      description,
+      rawDescription,
+      registry,
+      schema,
+      uiSchema,
+      ...otherProps
+    } = props;
+    const semanticProps = getSemanticProps(otherProps);
+    const {
+      wrapLabel,
+      wrapContent
+    } = semanticProps;
+    const uiOptions = utils.getUiOptions(uiSchema);
+    const WrapIfAdditionalTemplate = utils.getTemplate('WrapIfAdditionalTemplate', registry, uiOptions);
     if (hidden) {
       return jsxRuntime.jsx("div", {
         style: {
@@ -584,15 +596,15 @@
         children: children
       });
     }
-    return jsxRuntime.jsx(WrapIfAdditionalTemplate, _extends({
+    return jsxRuntime.jsx(WrapIfAdditionalTemplate, {
       classNames: classNames,
       style: style,
       id: id,
       label: label,
       registry: registry,
       schema: schema,
-      uiSchema: uiSchema
-    }, otherProps, {
+      uiSchema: uiSchema,
+      ...otherProps,
       children: jsxRuntime.jsx(semanticUiReact.Form.Group, {
         widths: 'equal',
         grouped: true,
@@ -606,7 +618,7 @@
           }), help, errors]
         })
       }, id)
-    }));
+    });
   }
 
   /** The `ObjectFieldTemplate` is the template to use to render all the inner properties of an object along with the
@@ -616,23 +628,29 @@
    * @param props - The `ObjectFieldTemplateProps` for this component
    */
   function ObjectFieldTemplate(props) {
-    var description = props.description,
-      onAddClick = props.onAddClick,
-      title = props.title,
-      properties = props.properties,
-      disabled = props.disabled,
-      readonly = props.readonly,
-      required = props.required,
-      uiSchema = props.uiSchema,
-      schema = props.schema,
-      formData = props.formData,
-      idSchema = props.idSchema,
-      registry = props.registry;
-    var uiOptions = utils.getUiOptions(uiSchema);
-    var TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, uiOptions);
-    var DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, uiOptions);
+    const {
+      description,
+      onAddClick,
+      title,
+      properties,
+      disabled,
+      readonly,
+      required,
+      uiSchema,
+      schema,
+      formData,
+      idSchema,
+      registry
+    } = 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
-    var AddButton = registry.templates.ButtonTemplates.AddButton;
+    const {
+      ButtonTemplates: {
+        AddButton
+      }
+    } = registry.templates;
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [title && jsxRuntime.jsx(TitleFieldTemplate, {
         id: utils.titleId(idSchema),
@@ -647,9 +665,7 @@
         schema: schema,
         uiSchema: uiSchema,
         registry: registry
-      }), properties.map(function (prop) {
-        return prop.content;
-      }), utils.canExpand(schema, uiSchema, formData) && jsxRuntime.jsx(semanticUiReact.Grid.Column, {
+      }), properties.map(prop => prop.content), utils.canExpand(schema, uiSchema, formData) && jsxRuntime.jsx(semanticUiReact.Grid.Column, {
         width: 16,
         verticalAlign: 'middle',
         children: jsxRuntime.jsx(semanticUiReact.Grid.Row, {
@@ -673,25 +689,26 @@
 
   /** The `SubmitButton` renders a button that represent the `Submit` action on a form
    */
-  function SubmitButton(_ref) {
-    var uiSchema = _ref.uiSchema;
-    var _getSubmitButtonOptio = utils.getSubmitButtonOptions(uiSchema),
-      submitText = _getSubmitButtonOptio.submitText,
-      norender = _getSubmitButtonOptio.norender,
-      _getSubmitButtonOptio2 = _getSubmitButtonOptio.props,
-      submitButtonProps = _getSubmitButtonOptio2 === void 0 ? {} : _getSubmitButtonOptio2;
+  function SubmitButton({
+    uiSchema
+  }) {
+    const {
+      submitText,
+      norender,
+      props: submitButtonProps = {}
+    } = utils.getSubmitButtonOptions(uiSchema);
     if (norender) {
       return null;
     }
-    return jsxRuntime.jsx(semanticUiReact.Button, _extends({
+    return jsxRuntime.jsx(semanticUiReact.Button, {
       type: 'submit',
-      primary: true
-    }, submitButtonProps, {
+      primary: true,
+      ...submitButtonProps,
       children: submitText
-    }));
+    });
   }
 
-  var DEFAULT_OPTIONS = {
+  const DEFAULT_OPTIONS = {
     inverted: false,
     dividing: true
   };
@@ -699,23 +716,24 @@
    *
    * @param props - The `TitleFieldProps` for this component
    */
-  function TitleField(_ref) {
-    var id = _ref.id,
-      title = _ref.title,
-      uiSchema = _ref.uiSchema;
-    var semanticProps = getSemanticProps({
-      uiSchema: uiSchema,
+  function TitleField({
+    id,
+    title,
+    uiSchema
+  }) {
+    const semanticProps = getSemanticProps({
+      uiSchema,
       defaultSchemaProps: DEFAULT_OPTIONS
     });
     if (!title) {
       return null;
     }
-    return jsxRuntime.jsx(semanticUiReact.Header, _extends({
-      id: id
-    }, semanticProps, {
+    return jsxRuntime.jsx(semanticUiReact.Header, {
+      id: id,
+      ...semanticProps,
       as: 'h5',
       children: title
-    }));
+    });
   }
 
   /** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are
@@ -724,29 +742,35 @@
    * @param props - The `WrapIfAdditionalProps` for this component
    */
   function WrapIfAdditionalTemplate(props) {
-    var children = props.children,
-      classNames = props.classNames,
-      style = props.style,
-      disabled = props.disabled,
-      id = props.id,
-      label = props.label,
-      onDropPropertyClick = props.onDropPropertyClick,
-      onKeyChange = props.onKeyChange,
-      readonly = props.readonly,
-      required = props.required,
-      schema = props.schema,
-      uiSchema = props.uiSchema,
-      registry = props.registry;
-    var templates = registry.templates,
-      translateString = registry.translateString;
+    const {
+      children,
+      classNames,
+      style,
+      disabled,
+      id,
+      label,
+      onDropPropertyClick,
+      onKeyChange,
+      readonly,
+      required,
+      schema,
+      uiSchema,
+      registry
+    } = props;
+    const {
+      templates,
+      translateString
+    } = registry;
     // Button templates are not overridden in the uiSchema
-    var RemoveButton = templates.ButtonTemplates.RemoveButton;
-    var keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
-    var _registry$formContext = registry.formContext,
-      _registry$formContext2 = _registry$formContext.readonlyAsDisabled,
-      readonlyAsDisabled = _registry$formContext2 === void 0 ? true : _registry$formContext2,
-      wrapperStyle = _registry$formContext.wrapperStyle;
-    var additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
+    const {
+      RemoveButton
+    } = templates.ButtonTemplates;
+    const keyLabel = translateString(utils.TranslatableString.KeyLabel, [label]);
+    const {
+      readonlyAsDisabled = true,
+      wrapperStyle
+    } = registry.formContext;
+    const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
     if (!additional) {
       return jsxRuntime.jsx("div", {
         className: classNames,
@@ -754,10 +778,9 @@
         children: children
       });
     }
-    var handleBlur = function handleBlur(_ref) {
-      var target = _ref.target;
-      return onKeyChange(target.value);
-    };
+    const handleBlur = ({
+      target
+    }) => onKeyChange(target.value);
     return jsxRuntime.jsx("div", {
       className: classNames,
       style: style,
@@ -773,13 +796,13 @@
                 className: 'form-group',
                 hasFeedback: true,
                 fluid: true,
-                htmlFor: "" + id,
+                htmlFor: `${id}`,
                 label: keyLabel,
                 required: required,
                 defaultValue: label,
                 disabled: disabled || readonlyAsDisabled && readonly,
-                id: "" + id,
-                name: "" + id,
+                id: `${id}`,
+                name: `${id}`,
                 onBlur: !readonly ? handleBlur : undefined,
                 style: wrapperStyle,
                 type: 'text'
@@ -801,30 +824,30 @@
           })]
         })
       })
-    }, id + "-key");
+    }, `${id}-key`);
   }
 
   function generateTemplates() {
     return {
-      ArrayFieldItemTemplate: ArrayFieldItemTemplate,
-      ArrayFieldTemplate: ArrayFieldTemplate,
-      BaseInputTemplate: BaseInputTemplate,
+      ArrayFieldItemTemplate,
+      ArrayFieldTemplate,
+      BaseInputTemplate,
       ButtonTemplates: {
-        AddButton: AddButton,
-        CopyButton: CopyButton,
-        MoveDownButton: MoveDownButton,
-        MoveUpButton: MoveUpButton,
-        RemoveButton: RemoveButton,
-        SubmitButton: SubmitButton
+        AddButton,
+        CopyButton,
+        MoveDownButton,
+        MoveUpButton,
+        RemoveButton,
+        SubmitButton
       },
       DescriptionFieldTemplate: DescriptionField,
       ErrorListTemplate: ErrorList,
-      FieldErrorTemplate: FieldErrorTemplate,
-      FieldHelpTemplate: FieldHelpTemplate,
-      FieldTemplate: FieldTemplate,
-      ObjectFieldTemplate: ObjectFieldTemplate,
+      FieldErrorTemplate,
+      FieldHelpTemplate,
+      FieldTemplate,
+      ObjectFieldTemplate,
       TitleFieldTemplate: TitleField,
-      WrapIfAdditionalTemplate: WrapIfAdditionalTemplate
+      WrapIfAdditionalTemplate
     };
   }
   var Templates = /*#__PURE__*/generateTemplates();
@@ -835,49 +858,42 @@
    * @param props - The `WidgetProps` for this component
    */
   function CheckboxWidget(props) {
-    var _options$description;
-    var id = props.id,
-      value = props.value,
-      disabled = props.disabled,
-      readonly = props.readonly,
-      _props$label = props.label,
-      label = _props$label === void 0 ? '' : _props$label,
-      hideLabel = props.hideLabel,
-      autofocus = props.autofocus,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      options = props.options,
-      onFocus = props.onFocus,
-      formContext = props.formContext,
-      schema = props.schema,
-      uiSchema = props.uiSchema,
-      _props$rawErrors = props.rawErrors,
-      rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors,
-      registry = props.registry;
-    var semanticProps = getSemanticProps({
-      options: options,
-      formContext: formContext,
-      uiSchema: uiSchema,
+    const {
+      id,
+      value,
+      disabled,
+      readonly,
+      label = '',
+      hideLabel,
+      autofocus,
+      onChange,
+      onBlur,
+      options,
+      onFocus,
+      formContext,
+      schema,
+      uiSchema,
+      rawErrors = [],
+      registry
+    } = props;
+    const semanticProps = getSemanticProps({
+      options,
+      formContext,
+      uiSchema,
       defaultSchemaProps: {
         inverted: 'false'
       }
     });
-    var DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, options);
+    const DescriptionFieldTemplate = utils.getTemplate('DescriptionFieldTemplate', registry, options);
     // Because an unchecked checkbox will cause html5 validation to fail, only add
     // the "required" attribute if the field value must be "true", due to the
     // "const" or "enum" keywords
-    var required = utils.schemaRequiresTrueValue(schema);
-    var _onChange = function _onChange(_, data) {
-      return onChange && onChange(data.checked);
-    };
-    var _onBlur = function _onBlur() {
-      return onBlur && onBlur(id, value);
-    };
-    var _onFocus = function _onFocus() {
-      return onFocus && onFocus(id, value);
-    };
-    var checked = value == 'true' || value == true;
-    var description = (_options$description = options.description) != null ? _options$description : schema.description;
+    const required = utils.schemaRequiresTrueValue(schema);
+    const _onChange = (_, data) => onChange && onChange(data.checked);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    const checked = value == 'true' || value == true;
+    const description = options.description ?? schema.description;
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [!hideLabel && !!description && jsxRuntime.jsx(DescriptionFieldTemplate, {
         id: utils.descriptionId(id),
@@ -885,12 +901,12 @@
         schema: schema,
         uiSchema: uiSchema,
         registry: registry
-      }), jsxRuntime.jsx(semanticUiReact.Form.Checkbox, _extends({
+      }), jsxRuntime.jsx(semanticUiReact.Form.Checkbox, {
         id: id,
         name: id,
         disabled: disabled || readonly,
-        autoFocus: autofocus
-      }, semanticProps, {
+        autoFocus: autofocus,
+        ...semanticProps,
         checked: typeof value === 'undefined' ? false : checked,
         error: rawErrors.length > 0,
         onChange: _onChange,
@@ -899,7 +915,7 @@
         required: required,
         label: utils.labelValue(label, hideLabel, false),
         "aria-describedby": utils.ariaDescribedByIds(id)
-      }))]
+      })]
     });
   }
 
@@ -909,54 +925,54 @@
    * @param props - The `WidgetProps` for this component
    */
   function CheckboxesWidget(props) {
-    var id = props.id,
-      disabled = props.disabled,
-      options = props.options,
-      value = props.value,
-      autofocus = props.autofocus,
-      readonly = props.readonly,
-      label = props.label,
-      hideLabel = props.hideLabel,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      formContext = props.formContext,
-      schema = props.schema,
-      uiSchema = props.uiSchema,
-      _props$rawErrors = props.rawErrors,
-      rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors,
-      registry = props.registry;
-    var TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, options);
-    var enumOptions = options.enumOptions,
-      enumDisabled = options.enumDisabled,
-      inline = options.inline;
-    var checkboxesValues = Array.isArray(value) ? value : [value];
-    var semanticProps = getSemanticProps({
-      options: options,
-      formContext: formContext,
-      uiSchema: uiSchema,
+    const {
+      id,
+      disabled,
+      options,
+      value,
+      autofocus,
+      readonly,
+      label,
+      hideLabel,
+      onChange,
+      onBlur,
+      onFocus,
+      formContext,
+      schema,
+      uiSchema,
+      rawErrors = [],
+      registry
+    } = props;
+    const TitleFieldTemplate = utils.getTemplate('TitleFieldTemplate', registry, options);
+    const {
+      enumOptions,
+      enumDisabled,
+      inline
+    } = options;
+    const checkboxesValues = Array.isArray(value) ? value : [value];
+    const semanticProps = getSemanticProps({
+      options,
+      formContext,
+      uiSchema,
       defaultSchemaProps: {
         inverted: 'false'
       }
     });
-    var _onChange = function _onChange(index) {
-      return function (_ref) {
-        var checked = _ref.target.checked;
-        // eslint-disable-next-line no-shadow
-        if (checked) {
-          onChange(utils.enumOptionsSelectValue(index, checkboxesValues, enumOptions));
-        } else {
-          onChange(utils.enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
-        }
-      };
-    };
-    var _onBlur = function _onBlur() {
-      return onBlur(id, value);
-    };
-    var _onFocus = function _onFocus() {
-      return onFocus(id, value);
+    const _onChange = index => ({
+      target: {
+        checked
+      }
+    }) => {
+      // eslint-disable-next-line no-shadow
+      if (checked) {
+        onChange(utils.enumOptionsSelectValue(index, checkboxesValues, enumOptions));
+      } else {
+        onChange(utils.enumOptionsDeselectValue(index, checkboxesValues, enumOptions));
+      }
     };
-    var inlineOption = inline ? {
+    const _onBlur = () => onBlur(id, value);
+    const _onFocus = () => onFocus(id, value);
+    const inlineOption = inline ? {
       inline: true
     } : {
       grouped: true
@@ -968,18 +984,18 @@
         schema: schema,
         uiSchema: uiSchema,
         registry: registry
-      }), jsxRuntime.jsx(semanticUiReact.Form.Group, _extends({
+      }), jsxRuntime.jsx(semanticUiReact.Form.Group, {
         id: id,
-        name: id
-      }, inlineOption, {
-        children: Array.isArray(enumOptions) && enumOptions.map(function (option, index) {
-          var checked = utils.enumOptionsIsSelected(option.value, checkboxesValues);
-          var itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-          return jsxRuntime.jsx(semanticUiReact.Form.Checkbox, _extends({
+        name: id,
+        ...inlineOption,
+        children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+          const checked = utils.enumOptionsIsSelected(option.value, checkboxesValues);
+          const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+          return jsxRuntime.jsx(semanticUiReact.Form.Checkbox, {
             id: utils.optionId(id, index),
             name: id,
-            label: option.label
-          }, semanticProps, {
+            label: option.label,
+            ...semanticProps,
             checked: checked,
             error: rawErrors.length > 0,
             disabled: disabled || itemDisabled || readonly,
@@ -988,9 +1004,9 @@
             onBlur: _onBlur,
             onFocus: _onFocus,
             "aria-describedby": utils.ariaDescribedByIds(id)
-          }), index);
+          }, index);
         })
-      }))]
+      })]
     });
   }
 
@@ -1000,52 +1016,53 @@
    * @param props - The `WidgetProps` for this component
    */
   function RadioWidget(props) {
-    var id = props.id,
-      value = props.value,
-      required = props.required,
-      disabled = props.disabled,
-      readonly = props.readonly,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      options = props.options,
-      formContext = props.formContext,
-      uiSchema = props.uiSchema,
-      _props$rawErrors = props.rawErrors,
-      rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
-    var enumOptions = options.enumOptions,
-      enumDisabled = options.enumDisabled,
-      emptyValue = options.emptyValue;
-    var semanticProps = getSemanticProps({
-      formContext: formContext,
-      options: options,
-      uiSchema: uiSchema
+    const {
+      id,
+      value,
+      required,
+      disabled,
+      readonly,
+      onChange,
+      onBlur,
+      onFocus,
+      options,
+      formContext,
+      uiSchema,
+      rawErrors = []
+    } = props;
+    const {
+      enumOptions,
+      enumDisabled,
+      emptyValue
+    } = options;
+    const semanticProps = getSemanticProps({
+      formContext,
+      options,
+      uiSchema
     });
-    var _onChange = function _onChange(_, _ref) {
-      var eventValue = _ref.value;
+    const _onChange = (_, {
+      value: eventValue
+    }) => {
       return onChange(utils.enumOptionsValueForIndex(eventValue, enumOptions, emptyValue));
     };
-    var _onBlur = function _onBlur() {
-      return onBlur(id, value);
-    };
-    var _onFocus = function _onFocus() {
-      return onFocus(id, value);
-    };
-    var inlineOption = options.inline ? {
+    const _onBlur = () => onBlur(id, value);
+    const _onFocus = () => onFocus(id, value);
+    const inlineOption = options.inline ? {
       inline: true
     } : {
       grouped: true
     };
-    return jsxRuntime.jsx(semanticUiReact.Form.Group, _extends({}, inlineOption, {
-      children: Array.isArray(enumOptions) && enumOptions.map(function (option, index) {
-        var checked = utils.enumOptionsIsSelected(option.value, value);
-        var itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
-        return /*#__PURE__*/react.createElement(semanticUiReact.Form.Field, _extends({
+    return jsxRuntime.jsx(semanticUiReact.Form.Group, {
+      ...inlineOption,
+      children: Array.isArray(enumOptions) && enumOptions.map((option, index) => {
+        const checked = utils.enumOptionsIsSelected(option.value, value);
+        const itemDisabled = Array.isArray(enumDisabled) && enumDisabled.indexOf(option.value) !== -1;
+        return /*#__PURE__*/react.createElement(semanticUiReact.Form.Field, {
           required: required,
           control: semanticUiReact.Radio,
           id: utils.optionId(id, index),
-          name: id
-        }, semanticProps, {
+          name: id,
+          ...semanticProps,
           onFocus: _onFocus,
           onBlur: _onBlur,
           onChange: _onChange,
@@ -1056,9 +1073,9 @@
           checked: checked,
           disabled: disabled || itemDisabled || readonly,
           "aria-describedby": utils.ariaDescribedByIds(id)
-        }));
+        });
       })
-    }));
+    });
   }
 
   /** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
@@ -1067,54 +1084,53 @@
    * @param props - The `WidgetProps` for this component
    */
   function RangeWidget(props) {
-    var id = props.id,
-      value = props.value,
-      required = props.required,
-      readonly = props.readonly,
-      disabled = props.disabled,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      options = props.options,
-      schema = props.schema,
-      uiSchema = props.uiSchema,
-      formContext = props.formContext,
-      _props$rawErrors = props.rawErrors,
-      rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
-    var semanticProps = getSemanticProps({
-      formContext: formContext,
-      options: options,
-      uiSchema: uiSchema,
+    const {
+      id,
+      value,
+      required,
+      readonly,
+      disabled,
+      onChange,
+      onBlur,
+      onFocus,
+      options,
+      schema,
+      uiSchema,
+      formContext,
+      rawErrors = []
+    } = props;
+    const semanticProps = getSemanticProps({
+      formContext,
+      options,
+      uiSchema,
       defaultSchemaProps: {
         fluid: true
       }
     });
     // eslint-disable-next-line no-shadow
-    var _onChange = function _onChange(_ref) {
-      var value = _ref.target.value;
-      return onChange && onChange(value === '' ? options.emptyValue : value);
-    };
-    var _onBlur = function _onBlur() {
-      return onBlur && onBlur(id, value);
-    };
-    var _onFocus = function _onFocus() {
-      return onFocus && onFocus(id, value);
-    };
+    const _onChange = ({
+      target: {
+        value
+      }
+    }) => onChange && onChange(value === '' ? options.emptyValue : value);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx(semanticUiReact.Input, _extends({
+      children: [jsxRuntime.jsx(semanticUiReact.Input, {
         id: id,
         name: id,
         type: 'range',
         required: required,
-        disabled: disabled || readonly
-      }, utils.rangeSpec(schema), semanticProps, {
+        disabled: disabled || readonly,
+        ...utils.rangeSpec(schema),
+        ...semanticProps,
         value: value || '',
         error: rawErrors.length > 0,
         onChange: _onChange,
         onBlur: _onBlur,
         onFocus: _onFocus,
         "aria-describedby": utils.ariaDescribedByIds(id)
-      }), id), jsxRuntime.jsx("span", {
+      }, id), jsxRuntime.jsx("span", {
         children: value
       })]
     });
@@ -1127,17 +1143,16 @@
    * @returns {*}
    */
   function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled) {
-    var disabledOptions = enumDisabled || [];
-    var options = map__default["default"](enumOptions, function (_ref, index) {
-      var label = _ref.label,
-        value = _ref.value;
-      return {
-        disabled: disabledOptions.indexOf(value) !== -1,
-        key: label,
-        text: label,
-        value: String(index)
-      };
-    });
+    const disabledOptions = enumDisabled || [];
+    const options = map__default["default"](enumOptions, ({
+      label,
+      value
+    }, index) => ({
+      disabled: disabledOptions.indexOf(value) !== -1,
+      key: label,
+      text: label,
+      value: String(index)
+    }));
     return options;
   }
   /** The `SelectWidget` is a widget for rendering dropdowns.
@@ -1146,28 +1161,29 @@
    * @param props - The `WidgetProps` for this component
    */
   function SelectWidget(props) {
-    var uiSchema = props.uiSchema,
-      formContext = props.formContext,
-      id = props.id,
-      options = props.options,
-      label = props.label,
-      hideLabel = props.hideLabel,
-      required = props.required,
-      disabled = props.disabled,
-      readonly = props.readonly,
-      value = props.value,
-      multiple = props.multiple,
-      placeholder = props.placeholder,
-      autofocus = props.autofocus,
-      onChange = props.onChange,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      _props$rawErrors = props.rawErrors,
-      rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
-    var semanticProps = getSemanticProps({
-      uiSchema: uiSchema,
-      formContext: formContext,
-      options: options,
+    const {
+      uiSchema,
+      formContext,
+      id,
+      options,
+      label,
+      hideLabel,
+      required,
+      disabled,
+      readonly,
+      value,
+      multiple,
+      placeholder,
+      autofocus,
+      onChange,
+      onBlur,
+      onFocus,
+      rawErrors = []
+    } = props;
+    const semanticProps = getSemanticProps({
+      uiSchema,
+      formContext,
+      options,
       defaultSchemaProps: {
         inverted: 'false',
         selection: true,
@@ -1176,26 +1192,29 @@
         upward: false
       }
     });
-    var enumDisabled = options.enumDisabled,
-      enumOptions = options.enumOptions,
-      optEmptyVal = options.emptyValue;
-    var emptyValue = multiple ? [] : '';
-    var dropdownOptions = createDefaultValueOptionsForDropDown(enumOptions, enumDisabled);
-    var _onChange = function _onChange(_, _ref2) {
-      var value = _ref2.value;
-      return onChange(utils.enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
-    };
+    const {
+      enumDisabled,
+      enumOptions,
+      emptyValue: optEmptyVal
+    } = options;
+    const emptyValue = multiple ? [] : '';
+    const dropdownOptions = createDefaultValueOptionsForDropDown(enumOptions, enumDisabled);
+    const _onChange = (_, {
+      value
+    }) => onChange(utils.enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
     // eslint-disable-next-line no-shadow
-    var _onBlur = function _onBlur(_, _ref3) {
-      var value = _ref3.target.value;
-      return onBlur(id, utils.enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
-    };
-    var _onFocus = function _onFocus(_, _ref4) {
-      var value = _ref4.target.value;
-      return onFocus(id, utils.enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
-    };
-    var selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, multiple);
-    return jsxRuntime.jsx(semanticUiReact.Form.Dropdown, _extends({
+    const _onBlur = (_, {
+      target: {
+        value
+      }
+    }) => onBlur(id, utils.enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
+    const _onFocus = (_, {
+      target: {
+        value
+      }
+    }) => onFocus(id, utils.enumOptionsValueForIndex(value, enumOptions, optEmptyVal));
+    const selectedIndexes = utils.enumOptionsIndexForValue(value, enumOptions, multiple);
+    return jsxRuntime.jsx(semanticUiReact.Form.Dropdown, {
       id: id,
       name: id,
       label: utils.labelValue(label || undefined, hideLabel, false),
@@ -1203,8 +1222,8 @@
       value: typeof value === 'undefined' ? emptyValue : selectedIndexes,
       error: rawErrors.length > 0,
       disabled: disabled,
-      placeholder: placeholder
-    }, semanticProps, {
+      placeholder: placeholder,
+      ...semanticProps,
       required: required,
       autoFocus: autofocus,
       readOnly: readonly,
@@ -1213,7 +1232,7 @@
       onBlur: _onBlur,
       onFocus: _onFocus,
       "aria-describedby": utils.ariaDescribedByIds(id)
-    }), id);
+    }, id);
   }
 
   /** The `TextareaWidget` is a widget for rendering input fields as textarea.
@@ -1221,49 +1240,47 @@
    * @param props - The `WidgetProps` for this component
    */
   function TextareaWidget(props) {
-    var id = props.id,
-      placeholder = props.placeholder,
-      value = props.value,
-      required = props.required,
-      disabled = props.disabled,
-      autofocus = props.autofocus,
-      label = props.label,
-      hideLabel = props.hideLabel,
-      readonly = props.readonly,
-      onBlur = props.onBlur,
-      onFocus = props.onFocus,
-      onChange = props.onChange,
-      options = props.options,
-      formContext = props.formContext,
-      _props$rawErrors = props.rawErrors,
-      rawErrors = _props$rawErrors === void 0 ? [] : _props$rawErrors;
-    var semanticProps = getSemanticProps({
-      formContext: formContext,
-      options: options,
+    const {
+      id,
+      placeholder,
+      value,
+      required,
+      disabled,
+      autofocus,
+      label,
+      hideLabel,
+      readonly,
+      onBlur,
+      onFocus,
+      onChange,
+      options,
+      formContext,
+      rawErrors = []
+    } = props;
+    const semanticProps = getSemanticProps({
+      formContext,
+      options,
       defaultSchemaProps: {
         inverted: 'false'
       }
     });
     // eslint-disable-next-line no-shadow
-    var _onChange = function _onChange(_ref) {
-      var value = _ref.target.value;
-      return onChange && onChange(value === '' ? options.emptyValue : value);
-    };
-    var _onBlur = function _onBlur() {
-      return onBlur && onBlur(id, value);
-    };
-    var _onFocus = function _onFocus() {
-      return onFocus && onFocus(id, value);
-    };
-    return jsxRuntime.jsx(semanticUiReact.Form.TextArea, _extends({
+    const _onChange = ({
+      target: {
+        value
+      }
+    }) => onChange && onChange(value === '' ? options.emptyValue : value);
+    const _onBlur = () => onBlur && onBlur(id, value);
+    const _onFocus = () => onFocus && onFocus(id, value);
+    return jsxRuntime.jsx(semanticUiReact.Form.TextArea, {
       id: id,
       name: id,
       label: utils.labelValue(label || undefined, hideLabel, false),
       placeholder: placeholder,
       autoFocus: autofocus,
       required: required,
-      disabled: disabled || readonly
-    }, semanticProps, {
+      disabled: disabled || readonly,
+      ...semanticProps,
       value: value || '',
       error: rawErrors.length > 0,
       rows: options.rows || 5,
@@ -1271,17 +1288,17 @@
       onBlur: _onBlur,
       onFocus: _onFocus,
       "aria-describedby": utils.ariaDescribedByIds(id)
-    }), id);
+    }, id);
   }
 
   function generateWidgets() {
     return {
-      CheckboxWidget: CheckboxWidget,
-      CheckboxesWidget: CheckboxesWidget,
-      RadioWidget: RadioWidget,
-      RangeWidget: RangeWidget,
-      SelectWidget: SelectWidget,
-      TextareaWidget: TextareaWidget
+      CheckboxWidget,
+      CheckboxesWidget,
+      RadioWidget,
+      RangeWidget,
+      SelectWidget,
+      TextareaWidget
     };
   }
   var Widgets = /*#__PURE__*/generateWidgets();