@react-magma/schema-renderer 3.0.0-next.0 → 3.0.0-next.1

package/dist/schema-renderer.esm.js

@@ -11,56 +11,68 @@ function _extends() {
   _extends = Object.assign || 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 = ["input", "options", "validateOnMount", "showError", "meta"];
+
 var GroupedCheckbox = function GroupedCheckbox(props) {
   var _useFieldApi = useFieldApi({
-      name: props.name,
-      type: 'checkbox',
-      value: props.value
-    }),
-    input = _useFieldApi.input;
+    name: props.name,
+    type: 'checkbox',
+    value: props.value
+  }),
+      input = _useFieldApi.input;
+
   return React__default.createElement(Checkbox$1, Object.assign({}, props, input));
 };
+
 var CheckboxMapping = function CheckboxMapping(props) {
   var _useFieldApi2 = useFieldApi(props),
-    input = _useFieldApi2.input,
-    options = _useFieldApi2.options,
-    validateOnMount = _useFieldApi2.validateOnMount,
-    showError = _useFieldApi2.showError,
-    _useFieldApi2$meta = _useFieldApi2.meta,
-    error = _useFieldApi2$meta.error,
-    submitFailed = _useFieldApi2$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi2, _excluded);
+      input = _useFieldApi2.input,
+      options = _useFieldApi2.options,
+      validateOnMount = _useFieldApi2.validateOnMount,
+      showError = _useFieldApi2.showError,
+      _useFieldApi2$meta = _useFieldApi2.meta,
+      error = _useFieldApi2$meta.error,
+      submitFailed = _useFieldApi2$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi2, _excluded);
+
   var name = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || rest.errorMessage;
+
   if (options && options.length > 0) {
     return React__default.createElement(FormGroup$1, Object.assign({
       errorMessage: errorMessage
     }, rest), options.map(function (option) {
       var _option$value;
+
       return React__default.createElement(GroupedCheckbox, Object.assign({
         name: name
       }, option, {
@@ -75,32 +87,38 @@ var CheckboxMapping = function CheckboxMapping(props) {
     }, rest));
   }
 };
+
 var Checkbox = /*#__PURE__*/React__default.memo(CheckboxMapping);
 
 var _excluded$1 = ["input", "validateOnMount", "showError", "type", "options", "meta"],
-  _excluded2 = ["labelText"];
+    _excluded2 = ["labelText"];
+
 var ComboboxMapping = function ComboboxMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    options = _useFieldApi.options,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$1);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      options = _useFieldApi.options,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$1);
+
   var name = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
   var innerRef = React__default.useRef(null);
+
   var _React$useState = React__default.useState(options.map(function (_ref) {
-      var labelText = _ref.labelText,
+    var labelText = _ref.labelText,
         rest = _objectWithoutPropertiesLoose(_ref, _excluded2);
-      return _extends({
-        label: labelText
-      }, rest);
-    })),
-    items = _React$useState[0],
-    updateItems = _React$useState[1];
+
+    return _extends({
+      label: labelText
+    }, rest);
+  })),
+      items = _React$useState[0],
+      updateItems = _React$useState[1];
+
   var newItemTransform = function newItemTransform(_ref2) {
     var value = _ref2.value;
     return {
@@ -108,16 +126,19 @@ var ComboboxMapping = function ComboboxMapping(props) {
       value: value.toLowerCase()
     };
   };
+
   var onItemCreated = function onItemCreated(item) {
     updateItems([].concat(items, [item]));
     input.onChange(item.value);
   };
+
   if (rest.isMulti) {
     rest.onSelectedItemsChange = function (evt) {
       input.onChange(evt.selectedItems.map(function (item) {
         return item.value;
       }));
     };
+
     rest.selectedItems = items.filter(function (item) {
       return input.value.includes(item.value);
     });
@@ -125,10 +146,12 @@ var ComboboxMapping = function ComboboxMapping(props) {
     rest.onSelectedItemChange = function (evt) {
       input.onChange(evt.selectedItem.value);
     };
+
     rest.selectedItem = items.filter(function (item) {
       return item.value === input.value;
     }).pop();
   }
+
   return React__default.createElement(Combobox$1, Object.assign({}, input, {
     id: name,
     innerRef: innerRef,
@@ -139,31 +162,38 @@ var ComboboxMapping = function ComboboxMapping(props) {
     labelText: rest.labelText
   }, rest));
 };
+
 var Combobox = /*#__PURE__*/React__default.memo(ComboboxMapping);
 
 var _excluded$2 = ["customComponent"];
+
 var CustomMapping = function CustomMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    CustomComponent = _useFieldApi.customComponent,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$2);
+      CustomComponent = _useFieldApi.customComponent,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$2);
+
   var _useFormApi = useFormApi(),
-    getState = _useFormApi.getState;
+      getState = _useFormApi.getState;
+
   return createElement(CustomComponent, Object.assign({}, rest, {
     data: getState().values
   }));
 };
+
 var Custom = /*#__PURE__*/memo(CustomMapping);
 
 var _excluded$3 = ["input", "validateOnMount", "showError", "type", "meta"];
+
 var DatePickerMapping = function DatePickerMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$3);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$3);
+
   var id = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
   return React__default.createElement(DatePicker$1, Object.assign({}, input, {
@@ -172,18 +202,21 @@ var DatePickerMapping = function DatePickerMapping(props) {
     labelText: rest.labelText
   }, rest));
 };
+
 var DatePicker = /*#__PURE__*/React__default.memo(DatePickerMapping);
 
 var FieldArrayItem = function FieldArrayItem(_ref) {
   var fields = _ref.fields,
-    fieldIndex = _ref.fieldIndex,
-    name = _ref.name,
-    remove = _ref.remove,
-    length = _ref.length,
-    minItems = _ref.minItems,
-    removeLabel = _ref.removeLabel;
+      fieldIndex = _ref.fieldIndex,
+      name = _ref.name,
+      remove = _ref.remove,
+      length = _ref.length,
+      minItems = _ref.minItems,
+      removeLabel = _ref.removeLabel;
+
   var _useFormApi = useFormApi(),
-    renderForm = _useFormApi.renderForm;
+      renderForm = _useFormApi.renderForm;
+
   var theme = useContext(ThemeContext);
   var editedFields = useMemo(function () {
     return fields.map(function (field) {
@@ -216,20 +249,22 @@ var FieldArrayItem = function FieldArrayItem(_ref) {
 var _excluded$4 = ["arrayValidator", "label", "description", "fields", "defaultItem", "meta", "minItems", "maxItems", "noItemsMessage", "FormControlProps"];
 var FieldArray = function FieldArray(_ref) {
   var props = _extends({}, _ref);
+
   var _useFieldApi = useFieldApi(props),
-    arrayValidator = _useFieldApi.arrayValidator,
-    description = _useFieldApi.description,
-    formFields = _useFieldApi.fields,
-    defaultItem = _useFieldApi.defaultItem,
-    meta = _useFieldApi.meta,
-    minItems = _useFieldApi.minItems,
-    maxItems = _useFieldApi.maxItems,
-    _useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
-    noItemsMessage = _useFieldApi$noItemsM === void 0 ? "You haven't added any items yet!" : _useFieldApi$noItemsM,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$4);
+      arrayValidator = _useFieldApi.arrayValidator,
+      description = _useFieldApi.description,
+      formFields = _useFieldApi.fields,
+      defaultItem = _useFieldApi.defaultItem,
+      meta = _useFieldApi.meta,
+      minItems = _useFieldApi.minItems,
+      maxItems = _useFieldApi.maxItems,
+      _useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
+      noItemsMessage = _useFieldApi$noItemsM === void 0 ? "You haven't added any items yet!" : _useFieldApi$noItemsM,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$4);
+
   var dirty = meta.dirty,
-    submitFailed = meta.submitFailed,
-    error = meta.error;
+      submitFailed = meta.submitFailed,
+      error = meta.error;
   var isError = (dirty || submitFailed) && error && typeof error === 'string';
   return createElement(FieldArray$1, {
     key: rest.input.name,
@@ -237,11 +272,11 @@ var FieldArray = function FieldArray(_ref) {
     validate: arrayValidator
   }, function (_ref2) {
     var _ref2$fields = _ref2.fields,
-      map = _ref2$fields.map,
-      _ref2$fields$value = _ref2$fields.value,
-      value = _ref2$fields$value === void 0 ? [] : _ref2$fields$value,
-      push = _ref2$fields.push,
-      remove = _ref2$fields.remove;
+        map = _ref2$fields.map,
+        _ref2$fields$value = _ref2$fields.value,
+        value = _ref2$fields$value === void 0 ? [] : _ref2$fields$value,
+        push = _ref2$fields.push,
+        remove = _ref2$fields.remove;
     return createElement(Fragment, null, createElement("h6", null, "label"), createElement(Button, {
       color: ButtonColor.primary,
       type: ButtonType.button,
@@ -266,7 +301,8 @@ var FieldArray = function FieldArray(_ref) {
 
 var FormGroupMapping = function FormGroupMapping(props) {
   var _useFormApi = useFormApi(),
-    renderForm = _useFormApi.renderForm;
+      renderForm = _useFormApi.renderForm;
+
   var subfields = React__default.useMemo(function () {
     return props.fields.map(function (field) {
       return _extends({}, field, {
@@ -276,23 +312,26 @@ var FormGroupMapping = function FormGroupMapping(props) {
   }, [props.fields, props.showError]);
   return React__default.createElement(FormGroup$1, Object.assign({}, props), renderForm(subfields));
 };
+
 var FormGroup = /*#__PURE__*/React__default.memo(FormGroupMapping);
 
 var _excluded$5 = ["type"],
-  _excluded2$1 = ["input", "validateOnMount", "showError", "meta", "input"];
+    _excluded2$1 = ["input", "validateOnMount", "showError", "meta", "input"];
+
 var InputMapping = function InputMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    _useFieldApi$input = _useFieldApi.input,
-    _useFieldApi$input$ty = _useFieldApi$input.type,
-    type = _useFieldApi$input$ty === void 0 ? 'text' : _useFieldApi$input$ty,
-    inputRest = _objectWithoutPropertiesLoose(_useFieldApi$input, _excluded$5),
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded2$1);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      _useFieldApi$input = _useFieldApi.input,
+      _useFieldApi$input$ty = _useFieldApi$input.type,
+      type = _useFieldApi$input$ty === void 0 ? 'text' : _useFieldApi$input$ty,
+      inputRest = _objectWithoutPropertiesLoose(_useFieldApi$input, _excluded$5),
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded2$1);
+
   var id = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
   return React__default.createElement(Input$1, Object.assign({}, inputRest, {
@@ -301,11 +340,13 @@ var InputMapping = function InputMapping(props) {
     errorMessage: errorMessage
   }, rest));
 };
+
 var Input = /*#__PURE__*/React__default.memo(InputMapping);
 
 var ModalMapping = function ModalMapping(props) {
   var _useFormApi = useFormApi(),
-    renderForm = _useFormApi.renderForm;
+      renderForm = _useFormApi.renderForm;
+
   var subfields = React__default.useMemo(function () {
     return props.fields.map(function (field) {
       return _extends({}, field, {
@@ -315,18 +356,21 @@ var ModalMapping = function ModalMapping(props) {
   }, [props.fields, props.showError]);
   return React__default.createElement(Modal$1, Object.assign({}, props), renderForm(subfields));
 };
+
 var Modal = /*#__PURE__*/React__default.memo(ModalMapping);
 
 var _excluded$6 = ["input", "validateOnMount", "showError", "meta"];
+
 var PasswordInputMapping = function PasswordInputMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$6);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$6);
+
   var id = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
   return React__default.createElement(PasswordInput$1, Object.assign({}, input, {
@@ -335,21 +379,24 @@ var PasswordInputMapping = function PasswordInputMapping(props) {
     errorMessage: errorMessage
   }, rest));
 };
+
 var PasswordInput = /*#__PURE__*/React__default.memo(PasswordInputMapping);
 
 var _excluded$7 = ["input", "options", "validateOnMount", "showError", "meta"];
+
 var RadioMapping = function RadioMapping(props) {
   var _useFieldApi = useFieldApi(_extends({}, props, {
-      type: 'radio'
-    })),
-    input = _useFieldApi.input,
-    options = _useFieldApi.options,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$7);
+    type: 'radio'
+  })),
+      input = _useFieldApi.input,
+      options = _useFieldApi.options,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$7);
+
   var name = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || rest.errorMessage;
   return React__default.createElement(RadioGroup, Object.assign({
@@ -358,37 +405,43 @@ var RadioMapping = function RadioMapping(props) {
     name: name
   }, rest), options.map(function (option) {
     var _option$value;
+
     return React__default.createElement(Radio$1, Object.assign({}, option, {
       key: (_option$value = option.value) == null ? void 0 : _option$value.toString()
     }));
   }));
 };
+
 var Radio = /*#__PURE__*/React__default.memo(RadioMapping);
 
 var _excluded$8 = ["template"];
 var Spy = function Spy(props) {
   var _useFieldApi = useFieldApi(props),
-    Template = _useFieldApi.template,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$8);
+      Template = _useFieldApi.template,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$8);
+
   return React__default.createElement(FormSpy, Object.assign({}, rest), function (props) {
     return React__default.createElement(Template, Object.assign({}, props));
   });
 };
 
 var _excluded$9 = ["input", "validateOnMount", "showError", "options", "type", "meta"],
-  _excluded2$2 = ["labelText"];
+    _excluded2$2 = ["labelText"];
+
 var SelectMapping = function SelectMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    options = _useFieldApi.options,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$9);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      options = _useFieldApi.options,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$9);
+
   var name = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
+
   if (rest.isMulti) {
     rest.onSelectedItemsChange = function (evt) {
       input.onChange(evt.selectedItems.map(function (item) {
@@ -400,11 +453,13 @@ var SelectMapping = function SelectMapping(props) {
       input.onChange(evt.selectedItem.value);
     };
   }
+
   return createElement(Select$1, Object.assign({
     id: name,
     items: options.map(function (_ref) {
       var labelText = _ref.labelText,
-        rest = _objectWithoutPropertiesLoose(_ref, _excluded2$2);
+          rest = _objectWithoutPropertiesLoose(_ref, _excluded2$2);
+
       return _extends({
         label: labelText
       }, rest);
@@ -413,18 +468,21 @@ var SelectMapping = function SelectMapping(props) {
     labelText: rest.labelText
   }, rest));
 };
+
 var Select = /*#__PURE__*/memo(SelectMapping);
 
 var _excluded$a = ["input", "validateOnMount", "showError", "type", "meta"];
+
 var TextareaMapping = function TextareaMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$a);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$a);
+
   var id = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
   return React__default.createElement(Textarea$1, Object.assign({}, input, {
@@ -433,18 +491,21 @@ var TextareaMapping = function TextareaMapping(props) {
     labelText: rest.labelText
   }, rest));
 };
+
 var Textarea = /*#__PURE__*/React__default.memo(TextareaMapping);
 
 var _excluded$b = ["input", "validateOnMount", "showError", "type", "meta"];
+
 var TimePickerMapping = function TimePickerMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$b);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$b);
+
   var id = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
   return React__default.createElement(TimePicker$1, Object.assign({}, input, {
@@ -453,18 +514,21 @@ var TimePickerMapping = function TimePickerMapping(props) {
     labelText: rest.labelText
   }, rest));
 };
+
 var TimePicker = /*#__PURE__*/React__default.memo(TimePickerMapping);
 
 var _excluded$c = ["input", "validateOnMount", "showError", "type", "meta"];
+
 var ToggleMapping = function ToggleMapping(props) {
   var _useFieldApi = useFieldApi(props),
-    input = _useFieldApi.input,
-    validateOnMount = _useFieldApi.validateOnMount,
-    showError = _useFieldApi.showError,
-    _useFieldApi$meta = _useFieldApi.meta,
-    error = _useFieldApi$meta.error,
-    submitFailed = _useFieldApi$meta.submitFailed,
-    rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$c);
+      input = _useFieldApi.input,
+      validateOnMount = _useFieldApi.validateOnMount,
+      showError = _useFieldApi.showError,
+      _useFieldApi$meta = _useFieldApi.meta,
+      error = _useFieldApi$meta.error,
+      submitFailed = _useFieldApi$meta.submitFailed,
+      rest = _objectWithoutPropertiesLoose(_useFieldApi, _excluded$c);
+
   var id = input.name || v4();
   var errorMessage = (validateOnMount || submitFailed || showError) && error || '';
   return React__default.createElement(Toggle$1, Object.assign({}, input, {
@@ -473,10 +537,12 @@ var ToggleMapping = function ToggleMapping(props) {
     labelText: rest.labelText
   }, rest));
 };
+
 var Toggle = /*#__PURE__*/React__default.memo(ToggleMapping);
 
 var _componentMapper;
 var componentTypes;
+
 (function (componentTypes) {
   componentTypes["ALERT"] = "ALERT";
   componentTypes["BANNER"] = "BANNER";
@@ -500,6 +566,7 @@ var componentTypes;
   componentTypes["TIME_PICKER"] = "TIME_PICKER";
   componentTypes["TOGGLE"] = "TOGGLE";
 })(componentTypes || (componentTypes = {}));
+
 var componentMapper = (_componentMapper = {}, _componentMapper[componentTypes.ALERT] = Alert, _componentMapper[componentTypes.BANNER] = Banner, _componentMapper[componentTypes.CUSTOM] = Custom, _componentMapper[componentTypes.HEADING] = Heading, _componentMapper[componentTypes.HYPERLINK] = Hyperlink, _componentMapper[componentTypes.TOAST] = Toast, _componentMapper[componentTypes.CHECKBOX] = Checkbox, _componentMapper[componentTypes.COMBOBOX] = Combobox, _componentMapper[componentTypes.DATE_PICKER] = DatePicker, _componentMapper[componentTypes.FIELD_ARRAY] = FieldArray, _componentMapper[componentTypes.FORM_GROUP] = FormGroup, _componentMapper[componentTypes.INPUT] = Input, _componentMapper[componentTypes.MODAL] = Modal, _componentMapper[componentTypes.PARAGRAPH] = Paragraph, _componentMapper[componentTypes.PASSWORD_INPUT] = PasswordInput, _componentMapper[componentTypes.RADIO] = Radio, _componentMapper[componentTypes.SPY] = Spy, _componentMapper[componentTypes.SELECT] = Select, _componentMapper[componentTypes.TEXTAREA] = Textarea, _componentMapper[componentTypes.TIME_PICKER] = TimePicker, _componentMapper[componentTypes.TOGGLE] = Toggle, _componentMapper);
 
 var BasicTemplate = function BasicTemplate(_ref) {
@@ -509,17 +576,20 @@ var BasicTemplate = function BasicTemplate(_ref) {
 
 var FormTemplate = function FormTemplate(_ref) {
   var formFields = _ref.formFields,
-    _ref$schema = _ref.schema,
-    cancelLabel = _ref$schema.cancelLabel,
-    submitLabel = _ref$schema.submitLabel,
-    schema = _ref.schema;
+      _ref$schema = _ref.schema,
+      cancelLabel = _ref$schema.cancelLabel,
+      submitLabel = _ref$schema.submitLabel,
+      schema = _ref.schema;
+
   var _useFormApi = useFormApi(),
-    handleSubmit = _useFormApi.handleSubmit,
-    onCancel = _useFormApi.onCancel,
-    getState = _useFormApi.getState;
+      handleSubmit = _useFormApi.handleSubmit,
+      onCancel = _useFormApi.onCancel,
+      getState = _useFormApi.getState;
+
   var _getState = getState(),
-    submitting = _getState.submitting,
-    pristine = _getState.pristine;
+      submitting = _getState.submitting,
+      pristine = _getState.pristine;
+
   var actions = React__default.createElement(ButtonGroup, null, React__default.createElement(Button, {
     disabled: pristine,
     variant: ButtonVariant.link,
@@ -542,19 +612,22 @@ var FormTemplate = function FormTemplate(_ref) {
 
 var _templateMapper;
 var templateTypes;
+
 (function (templateTypes) {
   templateTypes["BASIC"] = "BASIC";
   templateTypes["FORM"] = "FORM";
 })(templateTypes || (templateTypes = {}));
+
 var templateMapper = (_templateMapper = {}, _templateMapper[templateTypes.BASIC] = BasicTemplate, _templateMapper[templateTypes.FORM] = FormTemplate, _templateMapper);
 
 var _excluded$d = ["schema", "customComponentMapper", "customValidatorMapper"];
 var SchemaRenderer = function SchemaRenderer(_ref) {
   var schema = _ref.schema,
-    _ref$customComponentM = _ref.customComponentMapper,
-    customComponentMapper = _ref$customComponentM === void 0 ? componentMapper : _ref$customComponentM,
-    customValidatorMapper = _ref.customValidatorMapper,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+      _ref$customComponentM = _ref.customComponentMapper,
+      customComponentMapper = _ref$customComponentM === void 0 ? componentMapper : _ref$customComponentM,
+      customValidatorMapper = _ref.customValidatorMapper,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+
   return React__default.createElement(FormRenderer, Object.assign({
     onCancel: function onCancel() {},
     onSubmit: function onSubmit() {}