envoc-form 3.1.0 → 4.0.1-0

package/src/__Tests__/{StandardFormActions.test.js → StandardFormActions.test.tsx}

@@ -5,18 +5,12 @@ import StandardFormActions from '../StandardFormActions';
 
 describe('StandardFormActions', () => {
   it('renders without crashing', () => {
-    render(
-      <FormTestBase>
-        <StandardFormActions />
-      </FormTestBase>
-    );
+    render(<FormTestBase>{() => <StandardFormActions />}</FormTestBase>);
   });
 
   it('has matching snapshot', () => {
     const renderResult = render(
-      <FormTestBase>
-        <StandardFormActions />
-      </FormTestBase>
+      <FormTestBase>{() => <StandardFormActions />}</FormTestBase>
     );
     expect(renderResult.asFragment()).toMatchSnapshot();
   });

package/src/__Tests__/{SubmitFormButton.test.js → SubmitFormButton.test.tsx}

@@ -5,18 +5,12 @@ import SubmitFormButton from '../SubmitFormButton';
 
 describe('SubmitFormButton', () => {
   it('renders without crashing', () => {
-    render(
-      <FormTestBase>
-        <SubmitFormButton />
-      </FormTestBase>
-    );
+    render(<FormTestBase>{() => <SubmitFormButton />}</FormTestBase>);
   });
 
   it('has matching snapshot', () => {
     const renderResult = render(
-      <FormTestBase>
-        <SubmitFormButton />
-      </FormTestBase>
+      <FormTestBase>{() => <SubmitFormButton />}</FormTestBase>
     );
     expect(renderResult.asFragment()).toMatchSnapshot();
   });

package/src/__Tests__/__snapshots__/{StandardFormActions.test.js.snap → StandardFormActions.test.tsx.snap}

@@ -6,7 +6,7 @@ exports[`StandardFormActions has matching snapshot 1`] = `
     action="#"
   >
     <button
-      class="btn btn-primary disabled"
+      class="submit-form-button"
       disabled=""
       title="You haven't made any changes"
       type="submit"
@@ -15,7 +15,7 @@ exports[`StandardFormActions has matching snapshot 1`] = `
     </button>
      
     <button
-      class="btn btn-link"
+      class="standard-form-actions-cancel-button"
       type="button"
     >
       Cancel

package/src/__Tests__/__snapshots__/{SubmitFormButton.test.js.snap → SubmitFormButton.test.tsx.snap}

@@ -6,7 +6,7 @@ exports[`SubmitFormButton has matching snapshot 1`] = `
     action="#"
   >
     <button
-      class="btn btn-primary disabled"
+      class="submit-form-button"
       disabled=""
       title="You haven't made any changes"
       type="submit"

package/src/__Tests__/index.ts

@@ -0,0 +1,3 @@
+import FormTestBase from './FormTestBase';
+
+export { FormTestBase };

package/src/index.ts

@@ -0,0 +1,114 @@
+// Address
+export { default as AddressInput } from './AddressInput/AddressInput';
+export type { AddressInputProps } from './AddressInput/AddressInput';
+
+// Button
+export { default as SubmitFormButton } from './SubmitFormButton';
+export type { SubmitFormButtonProps } from './SubmitFormButton';
+
+// ConfirmBaseForm
+export { default as ConfirmBaseForm } from './ConfirmBaseForm/ConfirmBaseForm';
+export type { ConfirmBaseFormProps } from './ConfirmBaseForm/ConfirmBaseForm';
+
+// ConfirmDeleteForm
+export { default as ConfirmDeleteForm } from './ConfirmDeleteForm/ConfirmDeleteForm';
+export type { ConfirmDeleteFormProps } from './ConfirmDeleteForm/ConfirmDeleteForm';
+
+// Date
+export { default as DatePickerInput } from './DatePickerInput/DatePickerInput';
+export type { DatePickerInputProps, DateOnly } from './DatePickerInput/DatePickerInput';
+
+// Field
+export { default as Field } from './Field/Field';
+export type { FieldProps } from './Field/Field';
+
+export { default as FieldErrorScrollTarget } from './Field/FieldErrorScrollTarget';
+
+export { FieldNameContext } from './Field/FieldNameContext';
+
+export type { InjectedFieldProps } from './Field/InjectedFieldProps';
+
+export { default as useStandardField } from './Field/useStandardField';
+export type { useStandardFieldProps } from './Field/useStandardField';
+
+// Field Array
+export { default as FieldArray } from './FieldArray/FieldArray';
+export type {
+  FieldArrayProps,
+  ArrayFormBuilderProp,
+} from './FieldArray/FieldArray';
+
+// File
+export { default as FileGroup } from './File/FileGroup';
+export type { FileGroupProps } from './File/FileGroup';
+
+// Form
+export { default as Form } from './Form/Form';
+export type { FormBuilderProp, FormProps } from './Form/Form';
+export { ServerErrorContext } from './Form/ServerErrorContext';
+export type {
+  ServerErrorContextProps,
+  ServerErrors,
+} from './Form/ServerErrorContext';
+
+export { default as FormActions } from './FormActions';
+export type { FormActionsProps as FormActionsProps } from './FormActions';
+
+// Input
+export { default as Group } from './Group';
+export type { GroupProps as GroupProps } from './Group';
+
+export { default as IconInputGroup } from './Input/IconInputGroup';
+export type { IconInputGroupProps } from './Input/IconInputGroup';
+
+export { default as InputGroup } from './Input/InputGroup';
+export type { InputGroupProps } from './Input/InputGroup';
+
+export { default as MoneyInputGroup } from './Input/MoneyInputGroup';
+export type { MoneyInputGroupProps } from './Input/MoneyInputGroup';
+
+export { default as NumberInputGroup } from './Input/NumberInputGroup';
+export type { NumberInputGroupProps } from './Input/NumberInputGroup';
+
+export { default as StringInputGroup } from './Input/StringInputGroup';
+export type { StringInputGroupProps } from './Input/StringInputGroup';
+
+// Normalization
+export type { NormalizationFunction } from './Normalization/NormalizationFunction';
+export * as normalizers from './Normalization/normalizers';
+
+// Select
+export { default as SelectGroup } from './Select/SelectGroup';
+export type { SelectGroupProps } from './Select/SelectGroup';
+
+export { BooleanSelectGroup } from './Select/BooleanSelectGroup';
+export type { BooleanSelectGroupProps } from './Select/BooleanSelectGroup';
+
+export {
+  MultiNumberSelectGroup,
+  SingleNumberSelectGroup,
+} from './Select/NumberSelectGroup';
+export type { MultiNumberSelectGroupProps, SingleNumberSelectGroupProps } from './Select/NumberSelectGroup';
+
+export {
+  MultiStringSelectGroup,
+  SingleStringSelectGroup,
+} from './Select/StringSelectGroup';
+export type { MultiStringSelectGroupProps, SingleStringSelectGroupProps } from './Select/StringSelectGroup';
+
+// Utils
+export { default as objectContainsNonSerializableProperty } from './utils/objectContainsNonSerializableProperty';
+
+export { default as serialize } from './utils/objectToFormData';
+export type { ObjectToFormDataCfgProps } from './utils/objectToFormData';
+
+export * from './utils/typeChecks';
+
+// Validation
+export type { ValidatedApiResult } from './Validation/ValidatedApiResult';
+
+export type { ValidationError } from './Validation/ValidationError';
+
+export type { ValidationFunction } from './Validation/ValidationFunction';
+
+export * as validators from './Validation/validators';

package/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

package/src/styles.scss

@@ -1,7 +0,0 @@
-@use './DatePickerInput/date-picker-input.scss';
-@use './InlineFormInput/inline-form-input.scss';
-@use './MoneyInput/money-input.scss';
-@use './FormInput/form-input.scss';
-@use './FileInput/file-input.scss';
-@use './FormInputArray/form-input-array.scss';
-@use './ReactSelectField/react-select-field.scss';

package/src/utils/{objectContainsNonSerializableProperty.js → objectContainsNonSerializableProperty.ts}

@@ -1,6 +1,8 @@
-import { isObject, isBlob, isFile } from './typeChecks';
+import { isBlob, isFile, isObject } from './typeChecks';
 
-export default function objectContainsNonSerializableProperty(object) {
+export default function objectContainsNonSerializableProperty(
+  object: any
+): boolean {
   return Object.entries(object).some((value) => {
     if (value) {
       if (isBlob(value[1]) || isFile(value[1])) {

package/src/utils/{objectToFormData.js → objectToFormData.ts}

@@ -1,17 +1,33 @@
 // Original: https://github.com/therealparmesh/object-to-formdata/blob/master/src/index.js
 // With Multiple Form File Fix: https://github.com/therealparmesh/object-to-formdata/pull/94/files
 import {
-  isUndefined,
-  isNull,
-  isBoolean,
-  isObject,
   isArray,
-  isDate,
   isBlob,
+  isBoolean,
+  isDate,
   isFile,
+  isNull,
+  isObject,
+  isUndefined,
 } from './typeChecks';
 
-const serialize = (obj, cfg, fd, pre) => {
+// TODO: make all of these optional?
+export interface ObjectToFormDataCfgProps {
+  indices: boolean;
+  dotNotation: boolean;
+  allowEmptyArrays: boolean;
+  noFileListBrackets: boolean;
+  nullsAsUndefineds?: boolean;
+  booleansAsIntegers?: boolean;
+}
+
+// 'pre' is not provided until this function recursively calls itself when 'obj' is an array or object
+const serialize = (
+  obj: any,
+  cfg: ObjectToFormDataCfgProps,
+  fd?: FormData,
+  pre?: string
+) => {
   cfg = cfg || {};
 
   cfg.indices = isUndefined(cfg.indices) ? false : cfg.indices;
@@ -35,19 +51,21 @@ const serialize = (obj, cfg, fd, pre) => {
 
   if (isUndefined(obj)) {
     return fd;
-  } else if (isNull(obj)) {
+  } else if (isNull(obj) && !!pre) {
     if (!cfg.nullsAsUndefineds) {
       fd.append(pre, '');
     }
-  } else if (isBoolean(obj)) {
+  } else if (isBoolean(obj) && !!pre) {
     if (cfg.booleansAsIntegers) {
-      fd.append(pre, obj ? 1 : 0);
+      fd.append(pre, obj ? '1' : '0');
     } else {
       fd.append(pre, obj);
     }
+  } else if (isDate(obj) && !!pre) {
+    fd.append(pre, obj.toISOString());
   } else if (isArray(obj)) {
     if (obj.length) {
-      obj.forEach((value, index) => {
+      obj.forEach((value: any, index: number) => {
         let key;
         if (cfg.noFileListBrackets && isFile(value)) {
           key = pre;
@@ -59,8 +77,6 @@ const serialize = (obj, cfg, fd, pre) => {
     } else if (cfg.allowEmptyArrays) {
       fd.append(pre + '[]', '');
     }
-  } else if (isDate(obj)) {
-    fd.append(pre, obj.toISOString());
   } else if (isObject(obj) && !isFile(obj) && !isBlob(obj)) {
     Object.keys(obj).forEach((prop) => {
       const value = obj[prop];
@@ -79,7 +95,7 @@ const serialize = (obj, cfg, fd, pre) => {
 
       serialize(value, cfg, fd, key);
     });
-  } else {
+  } else if (!!pre) {
     fd.append(pre, obj);
   }
 

package/src/utils/typeChecks.ts

@@ -0,0 +1,18 @@
+export const isUndefined = (value: any) => value === undefined;
+export const isNull = (value: any) => value === null;
+export const isBoolean = (value: any) => typeof value === 'boolean';
+export const isObject = (value: any) => value === Object(value);
+export const isArray = (value: any) => Array.isArray(value);
+export const isDate = (value: any) => value instanceof Date;
+
+export const isBlob = (value: any) =>
+  value &&
+  typeof value.size === 'number' &&
+  typeof value.type === 'string' &&
+  typeof value.slice === 'function';
+
+export const isFile = (value: any) =>
+  isBlob(value) &&
+  typeof value.name === 'string' &&
+  (typeof value.lastModifiedDate === 'object' ||
+    typeof value.lastModified === 'number');

package/es/AddressInput/index.js

@@ -1,2 +0,0 @@
-import AddressInput from './AddressInput';
-export default AddressInput;

package/es/BoolInput/BoolInput.js

@@ -1,10 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import boolOptions from './boolOptions';
-import FormInput from '../FormInput';
-export default function BoolInput(props) {
-  return /*#__PURE__*/React.createElement(FormInput, _extends({
-    options: boolOptions,
-    type: "select"
-  }, props));
-}

package/es/BoolInput/InlineBoolInput.js

@@ -1,10 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import boolOptions from './boolOptions';
-import InlineFormInput from '../InlineFormInput';
-export default function InlineBoolInput(props) {
-  return /*#__PURE__*/React.createElement(InlineFormInput, _extends({
-    options: boolOptions,
-    type: "select"
-  }, props));
-}

package/es/BoolInput/boolOptions.js

@@ -1,8 +0,0 @@
-var boolOptions = [{
-  label: 'Yes',
-  value: true
-}, {
-  label: 'No',
-  value: false
-}];
-export default boolOptions;

package/es/BoolInput/index.js

@@ -1,3 +0,0 @@
-import BoolInput from './BoolInput';
-import InlineBoolInput from './InlineBoolInput';
-export { BoolInput, InlineBoolInput };

package/es/ConfirmBaseForm/index.js

@@ -1,2 +0,0 @@
-import ConfirmBaseForm from './ConfirmBaseForm';
-export default ConfirmBaseForm;

package/es/ConfirmDeleteForm/index.js

@@ -1,2 +0,0 @@
-import ConfirmDeleteForm from './ConfirmDeleteForm';
-export default ConfirmDeleteForm;

package/es/DatePickerInput/index.js

@@ -1,2 +0,0 @@
-import DatePickerInput from './DatePickerInput';
-export default DatePickerInput;

package/es/ErrorScrollTarget.js

@@ -1,10 +0,0 @@
-import React from 'react';
-export default function ErrorScrollTarget(props) {
-  var divId = "".concat(props.name.toLowerCase(), "-error-scroll-target");
-  return /*#__PURE__*/React.createElement("div", {
-    id: divId,
-    style: {
-      display: 'none'
-    }
-  });
-}

package/es/FileInput/DefaultFileList.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { ListGroupItem, ListGroup } from 'reactstrap';
-export default function DefaultFileList(_ref) {
-  var files = _ref.files,
-      _ref$rejectedFiles = _ref.rejectedFiles,
-      rejectedFiles = _ref$rejectedFiles === void 0 ? [] : _ref$rejectedFiles;
-  return /*#__PURE__*/React.createElement(ListGroup, null, files.map(function (file) {
-    return /*#__PURE__*/React.createElement(Group, {
-      key: file.path,
-      item: file,
-      warning: false
-    });
-  }), rejectedFiles.map(function (_ref2) {
-    var file = _ref2.file;
-    return /*#__PURE__*/React.createElement(Group, {
-      key: file.path,
-      item: file,
-      warning: true
-    });
-  }));
-}
-
-function Group(_ref3) {
-  var item = _ref3.item,
-      warning = _ref3.warning;
-  return /*#__PURE__*/React.createElement(ListGroupItem, {
-    color: "d-flex ".concat(warning ? 'warning' : 'success', "  justify-content-between list-group-item ").concat(warning ? 'list-group-item-warning' : 'list-group-item-success', " px-3 py-1 rounded-1")
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "d-flex justify-content-between w-100"
-  }, /*#__PURE__*/React.createElement("span", null, item.name), " ", /*#__PURE__*/React.createElement("span", null, humanFileSize(item.size))));
-}
-
-function humanFileSize(size) {
-  var i = Math.floor(Math.log(size) / Math.log(1024));
-  return (size / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + ['B', 'KB', 'MB', 'GB', 'TB'][i];
-}

package/es/FileInput/DropzoneFileInput.js

@@ -1,58 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
-var _excluded = ["className", "onChange", "value", "accept", "disabled", "multiple", "FileList", "placeholder", "dropzone"];
-import React from 'react';
-import { useDropzone } from 'react-dropzone';
-import classNames from 'classnames';
-import DefaultFileList from './DefaultFileList';
-export default function DropzoneFileInput(_ref) {
-  var classNameProp = _ref.className,
-      onChange = _ref.onChange,
-      value = _ref.value,
-      accept = _ref.accept,
-      disabled = _ref.disabled,
-      _ref$multiple = _ref.multiple,
-      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-      _ref$FileList = _ref.FileList,
-      FileList = _ref$FileList === void 0 ? DefaultFileList : _ref$FileList,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? 'Drag and drop some file(s) here, or click to select file(s)' : _ref$placeholder,
-      dropzone = _ref.dropzone,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useDropzone = useDropzone({
-    accept: accept,
-    onDrop: onDrop,
-    disabled: disabled,
-    multiple: multiple
-  }),
-      _useDropzone$accepted = _useDropzone.acceptedFiles,
-      acceptedFiles = _useDropzone$accepted === void 0 ? (acceptedFiles[0], _readOnlyError("acceptedFiles")) : _useDropzone$accepted,
-      _useDropzone$fileReje = _useDropzone.fileRejections,
-      fileRejections = _useDropzone$fileReje === void 0 ? fileRejections.push(acceptedFiles.slice(1, acceptedFiles.length)) : _useDropzone$fileReje,
-      getRootProps = _useDropzone.getRootProps,
-      getInputProps = _useDropzone.getInputProps,
-      isDragAccept = _useDropzone.isDragAccept,
-      isDragReject = _useDropzone.isDragReject;
-
-  function onDrop(acceptedFiles) {
-    if (!(acceptedFiles !== null && acceptedFiles !== void 0 && acceptedFiles.length) > 1 && !multiple) {
-      onChange(null);
-    } else {
-      onChange(acceptedFiles);
-    }
-  }
-
-  var className = classNames('react-dropzone', classNameProp, {
-    accept: isDragAccept,
-    reject: isDragReject,
-    disabled: disabled
-  });
-  return /*#__PURE__*/React.createElement("section", {
-    className: className
-  }, /*#__PURE__*/React.createElement("div", getRootProps(), /*#__PURE__*/React.createElement("input", _extends({}, props, getInputProps())), /*#__PURE__*/React.createElement(React.Fragment, null, placeholder), !multiple && /*#__PURE__*/React.createElement("b", null, "Only one file accepted."), accept && /*#__PURE__*/React.createElement("b", null, "Files of type \"".concat(accept, "\" accepted"))), /*#__PURE__*/React.createElement("aside", null, /*#__PURE__*/React.createElement(FileList, {
-    files: acceptedFiles,
-    rejectedFiles: fileRejections
-  })));
-}

package/es/FileInput/FileInput.js

@@ -1,62 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "onChange", "value", "multiple"];
-import React, { useEffect, useRef, useState } from 'react';
-import DefaultFileList from './DefaultFileList';
-export default function FileInput(_ref) {
-  var className = _ref.className,
-      onChange = _ref.onChange,
-      value = _ref.value,
-      _ref$multiple = _ref.multiple,
-      multiple = _ref$multiple === void 0 ? false : _ref$multiple,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var inputRef = useRef();
-
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      acceptedFiles = _useState2[0],
-      setAcceptedFiles = _useState2[1];
-
-  useEffect(function () {
-    if (!value && inputRef.current) {
-      inputRef.current.value = null;
-    }
-  }, [value]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "custom-file file-input ".concat(className || '', " ").concat(props.disabled ? 'disabled' : '')
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", _extends({
-    ref: inputRef,
-    type: "file",
-    className: "custom-file-input",
-    onChange: handleChange,
-    multiple: multiple
-  }, props))), /*#__PURE__*/React.createElement("label", {
-    className: "custom-file-label"
-  }, /*#__PURE__*/React.createElement("div", null, !value && /*#__PURE__*/React.createElement("span", null, "Choose A File..."), value && (!multiple ? /*#__PURE__*/React.createElement("span", null, value.name, " - size: ", humanFileSize(value.size)) : value.length === 1 ? /*#__PURE__*/React.createElement("span", null, value[0].name, " - size: ", humanFileSize(value[0].size)) : /*#__PURE__*/React.createElement("span", null, "Multiple files selected."))))), /*#__PURE__*/React.createElement(DefaultFileList, {
-    files: acceptedFiles
-  }));
-
-  function handleChange(e) {
-    if (e == null || !e.target || !e.target.files.length) {
-      onChange(null);
-    } else {
-      var files = _toConsumableArray(e.target.files);
-
-      setAcceptedFiles(files);
-
-      if (!multiple) {
-        onChange(files[0]);
-      } else {
-        onChange(files);
-      }
-    }
-  }
-}
-
-function humanFileSize(size) {
-  var i = Math.floor(Math.log(size) / Math.log(1024));
-  return (size / Math.pow(1024, i)).toFixed(2) * 1 + ' ' + ['B', 'KB', 'MB', 'GB', 'TB'][i];
-}

package/es/FileInput/index.js

@@ -1,3 +0,0 @@
-import FileInput from './FileInput';
-import DropzoneFileInput from './DropzoneFileInput';
-export { FileInput, DropzoneFileInput };

package/es/Form/index.js

@@ -1,3 +0,0 @@
-import Form from './Form';
-import ServerErrorContext from './ServerErrorContext';
-export { Form as default, ServerErrorContext };

package/es/FormGroup.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { FormGroup as BootstrapFormGroup, Label, FormFeedback, FormText, Alert } from 'reactstrap';
-
-var FormGroup = function FormGroup(_ref) {
-  var label = _ref.label,
-      id = _ref.id,
-      helpText = _ref.helpText,
-      className = _ref.className,
-      style = _ref.style,
-      children = _ref.children,
-      meta = _ref.meta;
-  return /*#__PURE__*/React.createElement(BootstrapFormGroup, {
-    className: className,
-    style: style
-  }, !!meta.warning && /*#__PURE__*/React.createElement(Alert, {
-    color: "warning"
-  }, meta.warning), label && /*#__PURE__*/React.createElement(Label, {
-    htmlFor: id
-  }, label), children, meta.error && /*#__PURE__*/React.createElement(FormFeedback, null, meta.error), helpText && /*#__PURE__*/React.createElement(FormText, null, helpText));
-};
-
-export default FormGroup;

package/es/FormGroupWrapper.js

@@ -1,22 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["prepend", "append", "Component", "helpText"];
-import React from 'react';
-import { InputGroup } from 'reactstrap';
-import FormGroup from './FormGroup';
-import ErrorScrollTarget from './ErrorScrollTarget';
-export default function FormGroupWrapper(_ref) {
-  var prepend = _ref.prepend,
-      append = _ref.append,
-      Component = _ref.Component,
-      helpText = _ref.helpText,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var meta = props.meta;
-  return /*#__PURE__*/React.createElement(FormGroup, _extends({
-    meta: meta,
-    helpText: helpText
-  }, props), /*#__PURE__*/React.createElement(ErrorScrollTarget, {
-    name: props.name
-  }), prepend || append ? /*#__PURE__*/React.createElement(InputGroup, null, prepend, /*#__PURE__*/React.createElement(Component, props), append) : /*#__PURE__*/React.createElement(Component, props));
-}