@rjsf/semantic-ui 5.0.0-beta.2 → 5.0.0-beta.4

package/README.md

@@ -31,11 +31,16 @@
 
 ## Table of Contents
 
+- [Table of Contents](#table-of-contents)
 - [About The Project](#about-the-project)
+  - [Built With](#built-with)
 - [Getting Started](#getting-started)
   - [Prerequisites](#prerequisites)
   - [Installation](#installation)
 - [Usage](#usage)
+- [Optional Semantic UI Theme properties](#optional-semantic-ui-theme-properties)
+    - [Semantic Widget Optional Properties](#semantic-widget-optional-properties)
+    - [Custom Semantic Widget Properties](#custom-semantic-widget-properties)
 - [Roadmap](#roadmap)
 - [Contributing](#contributing)
 - [Contact](#contact)

package/dist/ErrorList/ErrorList.d.ts

@@ -20,7 +20,7 @@ declare class ErrorList {
     });
 }
 declare namespace ErrorList {
-    export namespace propTypes {
-        export const errors: any;
+    namespace propTypes {
+        const errors: any;
     }
 }

package/dist/HelpField/HelpField.d.ts

@@ -7,8 +7,8 @@ declare function HelpField({ helpText, id }: {
     id: any;
 }): null;
 declare namespace HelpField {
-    export namespace propTypes {
-        export const helpText: any;
-        export const id: any;
+    namespace propTypes {
+        const helpText: any;
+        const id: any;
     }
 }

package/dist/IconButton/IconButton.d.ts

@@ -4,8 +4,8 @@ export function RemoveButton(props: any): JSX.Element;
 export default IconButton;
 declare function IconButton(props: any): JSX.Element;
 declare namespace IconButton {
-    export namespace propTypes {
-        export const icon: any;
-        export const className: any;
+    namespace propTypes {
+        const icon: any;
+        const className: any;
     }
 }

package/dist/RawErrors/RawErrors.d.ts

@@ -26,13 +26,13 @@ declare class RawErrors {
     });
 }
 declare namespace RawErrors {
-    export namespace defaultProps {
-        export namespace options {
-            export const pointing: string;
-            export const size: string;
+    namespace defaultProps {
+        namespace options {
+            const pointing: string;
+            const size: string;
         }
     }
-    export namespace propTypes {
+    namespace propTypes {
         const options_1: any;
         export { options_1 as options };
         export const errors: any;

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

@@ -2,15 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var core = require('@rjsf/core');
 var semanticUiReact = require('semantic-ui-react');
-var React = _interopDefault(require('react'));
+var React = require('react');
 var utils = require('@rjsf/utils');
-var PropTypes = _interopDefault(require('prop-types'));
+var PropTypes = require('prop-types');
 var nanoid = require('nanoid');
-var _ = _interopDefault(require('lodash'));
+var _ = require('lodash');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -30,13 +34,13 @@ function _extends() {
 }
 
 function AddButton(props) {
-  return /*#__PURE__*/React.createElement(semanticUiReact.Button, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, _extends({
     title: "Add Item"
   }, props, {
     icon: true,
     size: "tiny",
     labelPosition: "left"
-  }), /*#__PURE__*/React.createElement(semanticUiReact.Icon, {
+  }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Icon, {
     name: "plus"
   }));
 }
@@ -135,7 +139,7 @@ function MaybeWrap(_ref3) {
     component: Component = "div",
     ...props
   } = _ref3;
-  return wrap ? /*#__PURE__*/React.createElement(Component, props) : props.children;
+  return wrap ? /*#__PURE__*/React__default["default"].createElement(Component, props) : props.children;
 }
 
 const gridStyle = vertical => ({
@@ -173,30 +177,30 @@ const ArrayFieldItemTemplate = props => {
     MoveUpButton,
     RemoveButton
   } = registry.templates.ButtonTemplates;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "array-item"
-  }, /*#__PURE__*/React.createElement(MaybeWrap, {
+  }, /*#__PURE__*/React__default["default"].createElement(MaybeWrap, {
     wrap: wrapItem,
     component: semanticUiReact.Segment
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Grid, {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
     style: !isInitialArrayItem(props) ? { ...gridStyle(!horizontalButtons),
       alignItems: "center"
     } : gridStyle(!horizontalButtons)
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Grid.Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
     width: 16,
     verticalAlign: "middle"
-  }, children), hasToolbar && /*#__PURE__*/React.createElement(semanticUiReact.Grid.Column, null, (hasMoveUp || hasMoveDown || hasRemove) && /*#__PURE__*/React.createElement(semanticUiReact.Button.Group, {
+  }, children), hasToolbar && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, null, (hasMoveUp || hasMoveDown || hasRemove) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button.Group, {
     size: "mini",
     vertical: !horizontalButtons
-  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(MoveUpButton, {
+  }, (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveUpButton, {
     className: "array-item-move-up",
     disabled: disabled || readonly || !hasMoveUp,
     onClick: onReorderClick(index, index - 1)
-  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React.createElement(MoveDownButton, {
+  }), (hasMoveUp || hasMoveDown) && /*#__PURE__*/React__default["default"].createElement(MoveDownButton, {
     className: "array-item-move-down",
     disabled: disabled || readonly || !hasMoveDown,
     onClick: onReorderClick(index, index + 1)
-  }), hasRemove && /*#__PURE__*/React.createElement(RemoveButton, {
+  }), hasRemove && /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
     className: "array-item-remove",
     disabled: disabled || readonly,
     onClick: onDropIndexClick(index)
@@ -250,30 +254,30 @@ function ArrayFieldTemplate(_ref) {
   } = registry.templates;
   const fieldTitle = uiOptions.title || title;
   const fieldDescription = uiOptions.description || schema.description;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: cleanClassNames([className, classNames, utils.isFixedItems(schema) ? "" : "sortable-form-fields"])
-  }, /*#__PURE__*/React.createElement(ArrayFieldTitleTemplate, {
+  }, /*#__PURE__*/React__default["default"].createElement(ArrayFieldTitleTemplate, {
     idSchema: idSchema,
     title: fieldTitle,
     uiSchema: uiSchema,
     required: required,
     registry: registry
-  }), fieldDescription && /*#__PURE__*/React.createElement(ArrayFieldDescriptionTemplate, {
+  }), fieldDescription && /*#__PURE__*/React__default["default"].createElement(ArrayFieldDescriptionTemplate, {
     idSchema: idSchema,
     description: fieldDescription,
     uiSchema: uiSchema,
     registry: registry
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     key: "array-item-list-" + idSchema.$id
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row array-item-list"
-  }, items && items.map(props => /*#__PURE__*/React.createElement(ArrayFieldItemTemplate, _extends({}, props, itemProps)))), canAdd && /*#__PURE__*/React.createElement("div", {
+  }, items && items.map(props => /*#__PURE__*/React__default["default"].createElement(ArrayFieldItemTemplate, _extends({}, props, itemProps)))), canAdd && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       marginTop: "1rem",
       position: "relative",
       textAlign: "right"
     }
-  }, /*#__PURE__*/React.createElement(AddButton, {
+  }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
     onClick: onAddClick,
     disabled: disabled || readOnly
   }))));
@@ -325,7 +329,7 @@ function BaseInputTemplate(props) {
   const _onFocus = () => onFocus && onFocus(id, value);
 
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
-  return /*#__PURE__*/React.createElement(semanticUiReact.Form.Input, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Input, _extends({
     key: id,
     id: id,
     placeholder: placeholder
@@ -334,14 +338,22 @@ function BaseInputTemplate(props) {
     required: required,
     autoFocus: autofocus,
     disabled: disabled || readonly,
-    name: name
+    name: name,
+    list: schema.examples ? "examples_" + id : undefined
   }, semanticProps, {
     value: value || value === 0 ? value : "",
     error: rawErrors.length > 0,
     onChange: _onChange,
     onBlur: _onBlur,
     onFocus: _onFocus
-  }));
+  })), schema.examples && /*#__PURE__*/React__default["default"].createElement("datalist", {
+    id: "examples_" + id
+  }, schema.examples.concat(schema.default ? [schema.default] : []).map(example => {
+    return /*#__PURE__*/React__default["default"].createElement("option", {
+      key: example,
+      value: example
+    });
+  })));
 }
 
 /* eslint-disable react/prop-types */
@@ -354,7 +366,7 @@ function DescriptionField(_ref) {
   } = _ref;
 
   if (description) {
-    return /*#__PURE__*/React.createElement("p", {
+    return /*#__PURE__*/React__default["default"].createElement("p", {
       id: id,
       className: className || "sui-description"
     }, description);
@@ -373,15 +385,15 @@ function ErrorList(_ref) {
   let {
     errors
   } = _ref;
-  return /*#__PURE__*/React.createElement(semanticUiReact.Message, {
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, {
     negative: true
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Message.Header, null, "Errors"), /*#__PURE__*/React.createElement(semanticUiReact.Message.List, null, errors.map((error, index) => /*#__PURE__*/React.createElement(semanticUiReact.Message.Item, {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Header, null, "Errors"), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.List, null, errors.map((error, index) => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message.Item, {
     key: "error-" + index
   }, error.stack))));
 }
 
 ErrorList.propTypes = {
-  errors: PropTypes.array
+  errors: PropTypes__default["default"].array
 };
 
 function IconButton(props) {
@@ -391,7 +403,7 @@ function IconButton(props) {
     className,
     ...otherProps
   } = props;
-  return /*#__PURE__*/React.createElement(semanticUiReact.Button, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, _extends({
     icon: icon,
     size: iconType,
     className: className
@@ -399,25 +411,25 @@ function IconButton(props) {
 }
 
 IconButton.propTypes = {
-  icon: PropTypes.string.isRequired,
-  className: PropTypes.string
+  icon: PropTypes__default["default"].string.isRequired,
+  className: PropTypes__default["default"].string
 };
 function MoveDownButton(props) {
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
     title: "Move down"
   }, props, {
     icon: "angle down"
   }));
 }
 function MoveUpButton(props) {
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
     title: "Move up"
   }, props, {
     icon: "angle up"
   }));
 }
 function RemoveButton(props) {
-  return /*#__PURE__*/React.createElement(IconButton, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(IconButton, _extends({
     title: "Remove"
   }, props, {
     icon: "trash"
@@ -436,7 +448,7 @@ function HelpField(_ref) {
   } = _ref;
 
   if (helpText) {
-    return /*#__PURE__*/React.createElement(semanticUiReact.Message, {
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Message, {
       size: "mini",
       info: true,
       id: id,
@@ -448,8 +460,8 @@ function HelpField(_ref) {
 }
 
 HelpField.propTypes = {
-  helpText: PropTypes.string,
-  id: PropTypes.string
+  helpText: PropTypes__default["default"].string,
+  id: PropTypes__default["default"].string
 };
 
 /* eslint-disable react/no-array-index-key */
@@ -473,14 +485,14 @@ function RawErrors(_ref) {
   } = options;
 
   if (errors && errors.length > 0) {
-    return /*#__PURE__*/React.createElement(semanticUiReact.Label, {
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Label, {
       color: "red",
       pointing: pointing || "above",
       size: size || "small",
       basic: true
-    }, /*#__PURE__*/React.createElement(semanticUiReact.List, {
+    }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List, {
       bulleted: true
-    }, errors.map(error => /*#__PURE__*/React.createElement(semanticUiReact.List.Item, {
+    }, errors.map(error => /*#__PURE__*/React__default["default"].createElement(semanticUiReact.List.Item, {
       key: nanoid.nanoid(),
       content: error
     }))));
@@ -496,8 +508,8 @@ RawErrors.defaultProps = {
   }
 };
 RawErrors.propTypes = {
-  options: PropTypes.object,
-  errors: PropTypes.array
+  options: PropTypes__default["default"].object,
+  errors: PropTypes__default["default"].array
 };
 
 const WrapIfAdditional = _ref => {
@@ -527,7 +539,7 @@ const WrapIfAdditional = _ref => {
   const additional = (utils.ADDITIONAL_PROPERTY_FLAG in schema);
 
   if (!additional) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classNames
     }, children);
   }
@@ -539,17 +551,17 @@ const WrapIfAdditional = _ref => {
     return onKeyChange(target.value);
   };
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classNames,
     key: id + "-key"
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Grid, {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid, {
     columns: "equal"
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React.createElement(semanticUiReact.Grid.Column, {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
     className: "form-additional"
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Form.Group, {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
     widths: "equal",
     grouped: true
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Form.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Input, {
     className: "form-group",
     hasFeedback: true,
     fluid: true,
@@ -563,10 +575,10 @@ const WrapIfAdditional = _ref => {
     onBlur: !readonly ? handleBlur : undefined,
     style: wrapperStyle,
     type: "text"
-  }))), /*#__PURE__*/React.createElement(semanticUiReact.Grid.Column, {
+  }))), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
     className: "form-additional",
     verticalAlign: "middle"
-  }, children), /*#__PURE__*/React.createElement(semanticUiReact.Grid.Column, null, /*#__PURE__*/React.createElement(RemoveButton, {
+  }, children), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, null, /*#__PURE__*/React__default["default"].createElement(RemoveButton, {
     iconType: "mini",
     className: "array-item-remove",
     disabled: disabled || readonly,
@@ -601,35 +613,35 @@ function FieldTemplate(_ref) {
   const DescriptionFieldTemplate = utils.getTemplate("DescriptionFieldTemplate", registry, uiOptions);
 
   if (hidden) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
         display: "none"
       }
     }, children);
   }
 
-  return /*#__PURE__*/React.createElement(WrapIfAdditional, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(WrapIfAdditional, _extends({
     classNames: classNames,
     id: id,
     label: label,
     registry: registry
-  }, props), /*#__PURE__*/React.createElement(semanticUiReact.Form.Group, {
+  }, props), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, {
     key: id,
     widths: "equal",
     grouped: true
-  }, /*#__PURE__*/React.createElement(MaybeWrap, {
+  }, /*#__PURE__*/React__default["default"].createElement(MaybeWrap, {
     wrap: wrapContent,
     className: "sui-field-content"
-  }, children, displayLabel && rawDescription && /*#__PURE__*/React.createElement(MaybeWrap, {
+  }, children, displayLabel && rawDescription && /*#__PURE__*/React__default["default"].createElement(MaybeWrap, {
     wrap: wrapLabel,
     className: "sui-field-label"
-  }, rawDescription && /*#__PURE__*/React.createElement(DescriptionFieldTemplate, {
+  }, rawDescription && /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
     id: id + "-description",
     description: rawDescription
-  })), /*#__PURE__*/React.createElement(HelpField, {
+  })), /*#__PURE__*/React__default["default"].createElement(HelpField, {
     helpText: rawHelp,
     id: id + "__help"
-  }), /*#__PURE__*/React.createElement(RawErrors, {
+  }), /*#__PURE__*/React__default["default"].createElement(RawErrors, {
     errors: rawErrors,
     options: errorOptions
   }))));
@@ -663,26 +675,26 @@ function ObjectFieldTemplate(_ref) {
   } = registry.templates;
   const fieldTitle = uiOptions.title || title;
   const fieldDescription = uiOptions.description || description;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, fieldTitle && /*#__PURE__*/React.createElement(TitleFieldTemplate, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fieldTitle && /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
     id: idSchema.$id + "-title",
     title: fieldTitle,
     required: required,
     uiSchema: uiSchema,
     registry: registry
-  }), fieldDescription && /*#__PURE__*/React.createElement(DescriptionFieldTemplate, {
+  }), fieldDescription && /*#__PURE__*/React__default["default"].createElement(DescriptionFieldTemplate, {
     id: idSchema.$id + "-description",
     description: fieldDescription,
     registry: registry
-  }), properties.map(prop => prop.content), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React.createElement(semanticUiReact.Grid.Column, {
+  }), properties.map(prop => prop.content), utils.canExpand(schema, uiSchema, formData) && /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Column, {
     width: 16,
     verticalAlign: "middle"
-  }, /*#__PURE__*/React.createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Grid.Row, null, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       marginTop: "1rem",
       position: "relative",
       textAlign: "right"
     }
-  }, /*#__PURE__*/React.createElement(AddButton, {
+  }, /*#__PURE__*/React__default["default"].createElement(AddButton, {
     onClick: onAddClick(schema),
     disabled: disabled || readOnly
   })))));
@@ -702,7 +714,7 @@ var SubmitButton = (_ref => {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(semanticUiReact.Button, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Button, _extends({
     type: "submit",
     primary: true
   }, submitButtonProps), submitText);
@@ -727,7 +739,7 @@ function TitleField(_ref) {
   } = uiOptions.options || DEFAULT_OPTIONS;
 
   if (title) {
-    return /*#__PURE__*/React.createElement(semanticUiReact.Header, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Header, _extends({
       id: id
     }, semantic, {
       as: "h5"
@@ -793,7 +805,7 @@ function CheckboxWidget(props) {
   const _onFocus = () => onFocus && onFocus(id, value);
 
   const checked = value == "true" || value == true;
-  return /*#__PURE__*/React.createElement(semanticUiReact.Form.Checkbox, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, _extends({
     id: id,
     disabled: disabled || readonly,
     autoFocus: autofocus
@@ -886,17 +898,17 @@ function CheckboxesWidget(props) {
   } : {
     grouped: true
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, title && /*#__PURE__*/React.createElement(TitleFieldTemplate, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, title && /*#__PURE__*/React__default["default"].createElement(TitleFieldTemplate, {
     id: id + "-title",
     title: title,
     uiSchema: uiSchema,
     registry: registry
-  }), /*#__PURE__*/React.createElement(semanticUiReact.Form.Group, _extends({
+  }), /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, _extends({
     id: id
   }, inlineOption), enumOptions.map((option, index) => {
     const checked = value.indexOf(option.value) !== -1;
     const itemDisabled = enumDisabled && enumDisabled.indexOf(option.value) !== -1;
-    return /*#__PURE__*/React.createElement(semanticUiReact.Form.Checkbox, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Checkbox, _extends({
       id: id + "_" + index,
       key: id + "_" + index,
       label: option.label
@@ -954,9 +966,9 @@ function RadioWidget(props) {
   } : {
     grouped: true
   };
-  return /*#__PURE__*/React.createElement(semanticUiReact.Form.Group, inlineOption, enumOptions.map((option, i) => {
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Group, inlineOption, enumOptions.map((option, i) => {
     const itemDisabled = enumDisabled && enumDisabled.indexOf(option.value) !== -1;
-    return /*#__PURE__*/React.createElement(semanticUiReact.Form.Field, _extends({
+    return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Field, _extends({
       required: required,
       control: semanticUiReact.Radio,
       name: id + "-radio-" + option.value
@@ -1013,7 +1025,7 @@ function RangeWidget(props) {
 
   const _onFocus = () => onFocus && onFocus(id, value);
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(semanticUiReact.Input, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Input, _extends({
     id: id,
     key: id,
     name: name,
@@ -1026,7 +1038,7 @@ function RangeWidget(props) {
     onChange: _onChange,
     onBlur: _onBlur,
     onFocus: _onFocus
-  })), /*#__PURE__*/React.createElement("span", null, value));
+  })), /*#__PURE__*/React__default["default"].createElement("span", null, value));
 }
 
 /**
@@ -1040,7 +1052,7 @@ function createDefaultValueOptionsForDropDown(enumOptions, enumDisabled) {
   const disabledOptions = enumDisabled || [];
   let options = []; // eslint-disable-next-line no-shadow
 
-  options = _.map(enumOptions, _ref => {
+  options = ___default["default"].map(enumOptions, _ref => {
     let {
       label,
       value
@@ -1124,7 +1136,7 @@ function SelectWidget(props) {
     return onFocus && onFocus(id, utils.processSelectValue(schema, value, options));
   };
 
-  return /*#__PURE__*/React.createElement(semanticUiReact.Form.Dropdown, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.Dropdown, _extends({
     key: id,
     name: name,
     label: label || schema.title,
@@ -1190,7 +1202,7 @@ function TextareaWidget(props) {
   const _onFocus = () => onFocus && onFocus(id, value);
 
   const displayLabel = schemaUtils.getDisplayLabel(schema, uiSchema);
-  return /*#__PURE__*/React.createElement(semanticUiReact.Form.TextArea, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(semanticUiReact.Form.TextArea, _extends({
     id: id,
     key: id,
     label: displayLabel ? label || schema.title : false,
@@ -1230,5 +1242,5 @@ exports.Form = SemanticUIForm;
 exports.Templates = Templates;
 exports.Theme = Theme;
 exports.Widgets = Widgets;
-exports.default = SemanticUIForm;
+exports["default"] = SemanticUIForm;
 //# sourceMappingURL=semantic-ui.cjs.development.js.map