envoc-form 3.3.0 → 4.0.1-0

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,3 +0,0 @@
-import AddressInput from './AddressInput';
-import UsStates from './UsStates';
-export { AddressInput as default, UsStates };

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,4 +0,0 @@
-import FileInput from './FileInput';
-import DropzoneFileInput from './DropzoneFileInput';
-import DefaultFileList from './DefaultFileList';
-export { FileInput, DropzoneFileInput, DefaultFileList };

package/es/Form/index.js

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

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));
-}

package/es/FormInput/FormInput.js

@@ -1,212 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["className", "meta", "helpText"],
-    _excluded2 = ["meta"],
-    _excluded3 = ["includeEmptyOption", "options"],
-    _excluded4 = ["optionsUrl", "includeEmptyOption", "includeOtherOption", "cache", "maxAge"],
-    _excluded5 = ["meta"],
-    _excluded6 = ["helpText", "meta"];
-import React from 'react';
-import classnames from 'classnames';
-import { Input as BootstrapInput, FormFeedback, CustomInput, FormText, Alert } from 'reactstrap';
-import lru from 'lru-cache';
-import PropTypes from 'prop-types';
-import TextareaAutosize from 'react-textarea-autosize';
-import { useAxiosRequest } from 'envoc-request';
-import FormGroupWrapper from '../FormGroupWrapper';
-import DatePickerInput from '../DatePickerInput';
-import ReactSelectField from '../ReactSelectField';
-import useStandardFormInput from '../useStandardFormInput';
-import { MoneyFormattedInput } from '../MoneyFormattedInput';
-import { FileInput, DropzoneFileInput } from '../FileInput';
-export default function FormInput(props) {
-  var _useStandardFormInput = useStandardFormInput(props),
-      _useStandardFormInput2 = _slicedToArray(_useStandardFormInput, 2),
-      input = _useStandardFormInput2[0],
-      meta = _useStandardFormInput2[1];
-
-  var className = props.className,
-      hide = props.hide;
-  return /*#__PURE__*/React.createElement(StandardFieldGroup, _extends({}, input, {
-    className: classnames({
-      'd-none': hide
-    }, className),
-    meta: meta
-  }));
-}
-FormInput.propTypes = {
-  id: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  name: PropTypes.string.isRequired,
-  placeholder: PropTypes.string,
-  helpText: PropTypes.oneOfType([PropTypes.string, PropTypes.object])
-};
-
-function StandardFieldGroup(props) {
-  switch (props.type) {
-    case 'date':
-      return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-        Component: DatePicker
-      }));
-
-    case 'select':
-      if (props.optionsUrl) {
-        return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-          Component: RemoteSelect
-        }));
-      } else {
-        return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-          Component: Select
-        }));
-      }
-
-    case 'checkbox':
-    case 'radio':
-      return Checkbox(props);
-
-    case 'file':
-      if (props.dropzone) {
-        return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-          Component: DropzoneFileInput
-        }));
-      }
-
-      return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-        Component: FileInput
-      }));
-
-    case 'textarea':
-      return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-        Component: TextAreaInput
-      }));
-
-    case 'moneyFormatted':
-      return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-        Component: MoneyFormattedInput
-      }));
-
-    default:
-      return /*#__PURE__*/React.createElement(FormGroupWrapper, _extends({}, props, {
-        Component: DefaultInput
-      }));
-  }
-}
-
-var TextAreaInput = function TextAreaInput(_ref) {
-  var className = _ref.className,
-      meta = _ref.meta,
-      helpText = _ref.helpText,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(TextareaAutosize, _extends({
-    cacheMeasurements: true,
-    className: classnames(className, 'form-control', meta.error ? 'is-invalid' : '')
-  }, props));
-};
-
-var DefaultInput = function DefaultInput(_ref2) {
-  var meta = _ref2.meta,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
-  return /*#__PURE__*/React.createElement(BootstrapInput, _extends({
-    invalid: !!meta.error
-  }, props));
-};
-
-var Select = function Select(_ref3) {
-  var _ref3$includeEmptyOpt = _ref3.includeEmptyOption,
-      includeEmptyOption = _ref3$includeEmptyOpt === void 0 ? true : _ref3$includeEmptyOpt,
-      options = _ref3.options,
-      props = _objectWithoutProperties(_ref3, _excluded3);
-
-  var allOptions = includeEmptyOption && !props.isMulti ? [{
-    label: ' ',
-    value: null
-  }].concat(_toConsumableArray(options)) : options;
-  return /*#__PURE__*/React.createElement(ReactSelectField, _extends({}, props, {
-    options: allOptions
-  }));
-}; // low cache value just to prevent the same dropdown from hitting the API at the same time
-// TODO: global cache provider / "envoc-cache" instead of this static instance
-
-
-export var optionCache = new lru({
-  max: 500,
-  maxAge: 1000 * 10
-});
-
-var RemoteSelect = function RemoteSelect(_ref4) {
-  var optionsUrl = _ref4.optionsUrl,
-      _ref4$includeEmptyOpt = _ref4.includeEmptyOption,
-      includeEmptyOption = _ref4$includeEmptyOpt === void 0 ? true : _ref4$includeEmptyOpt,
-      _ref4$includeOtherOpt = _ref4.includeOtherOption,
-      includeOtherOption = _ref4$includeOtherOpt === void 0 ? false : _ref4$includeOtherOpt,
-      _ref4$cache = _ref4.cache,
-      cache = _ref4$cache === void 0 ? optionCache : _ref4$cache,
-      _ref4$maxAge = _ref4.maxAge,
-      maxAge = _ref4$maxAge === void 0 ? 1000 * 10 : _ref4$maxAge,
-      props = _objectWithoutProperties(_ref4, _excluded4);
-
-  var request = {
-    method: 'get',
-    url: optionsUrl,
-    cache: cache,
-    maxAge: maxAge,
-    autoExecute: true
-  };
-  var webRequest = useAxiosRequest(request);
-
-  if (webRequest.error) {
-    return /*#__PURE__*/React.createElement(Alert, {
-      color: "danger"
-    }, "An error occurred while loading.");
-  }
-
-  var options = [];
-
-  if (webRequest.loading) {
-    options.push({
-      label: 'Loading...',
-      value: ''
-    });
-  } else {
-    if (includeEmptyOption && !props.isMulti) {
-      options.push({
-        label: ' ',
-        value: null
-      });
-    }
-
-    options.push.apply(options, _toConsumableArray(webRequest.resp.data.result));
-
-    if (includeOtherOption) {
-      options.push({
-        label: 'Other',
-        value: 'other'
-      });
-    }
-  }
-
-  return /*#__PURE__*/React.createElement(ReactSelectField, _extends({}, props, {
-    options: options
-  }));
-};
-
-var DatePicker = function DatePicker(_ref5) {
-  var meta = _ref5.meta,
-      props = _objectWithoutProperties(_ref5, _excluded5);
-
-  return /*#__PURE__*/React.createElement(DatePickerInput, _extends({}, props, {
-    className: meta.error ? 'is-invalid' : ''
-  }));
-};
-
-var Checkbox = function Checkbox(_ref6) {
-  var helpText = _ref6.helpText,
-      meta = _ref6.meta,
-      props = _objectWithoutProperties(_ref6, _excluded6);
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CustomInput, props), meta.error && /*#__PURE__*/React.createElement(FormFeedback, null, meta.error), helpText && /*#__PURE__*/React.createElement(FormText, null, helpText));
-};

package/es/FormInput/index.js

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