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

package/dist/schema-renderer.esm.js

@@ -11,68 +11,56 @@ 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, {
@@ -87,38 +75,32 @@ 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 {
@@ -126,19 +108,16 @@ 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);
     });
@@ -146,12 +125,10 @@ 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,
@@ -162,38 +139,31 @@ 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, {
@@ -202,21 +172,18 @@ 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) {
@@ -249,22 +216,20 @@ 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,
@@ -272,11 +237,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,
@@ -301,8 +266,7 @@ 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, {
@@ -312,26 +276,23 @@ 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, {
@@ -340,13 +301,11 @@ 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, {
@@ -356,21 +315,18 @@ 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, {
@@ -379,24 +335,21 @@ 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({
@@ -405,43 +358,37 @@ 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) {
@@ -453,13 +400,11 @@ 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);
@@ -468,21 +413,18 @@ 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, {
@@ -491,21 +433,18 @@ 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, {
@@ -514,21 +453,18 @@ 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, {
@@ -537,12 +473,10 @@ 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";
@@ -566,7 +500,6 @@ 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) {
@@ -576,20 +509,17 @@ 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,
@@ -612,22 +542,19 @@ 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() {}