envoc-form 3.1.0 → 4.0.1-0

package/es/normalizers.js

@@ -1,39 +0,0 @@
-export var phoneNumber = function phoneNumber(value) {
-  if (!value) {
-    return value;
-  }
-
-  var onlyNums = value.replace(/[^\d]/g, '');
-
-  if (onlyNums.length <= 3) {
-    return onlyNums;
-  }
-
-  if (onlyNums.length <= 7) {
-    return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3));
-  }
-
-  if (onlyNums.length <= 10) {
-    return "".concat(onlyNums.slice(0, 3), "-").concat(onlyNums.slice(3, 6), "-").concat(onlyNums.slice(6, 10));
-  }
-
-  if (onlyNums.length <= 13) {
-    var countryCodeLength = onlyNums - 10;
-    return "+".concat(onlyNums.slice(0, countryCodeLength), " ").concat(onlyNums.slice(countryCodeLength, 3 + countryCodeLength), "-").concat(onlyNums.slice(3 + countryCodeLength, 6 + countryCodeLength), "-").concat(onlyNums.slice(6 + countryCodeLength, onlyNums.length));
-  }
-
-  return onlyNums;
-};
-export var zipCode = function zipCode(value) {
-  if (!value) {
-    return value;
-  }
-
-  var onlyNums = value.replace(/[^\d]/g, '');
-
-  if (onlyNums.length > 5) {
-    return onlyNums.substring(0, 5) + '-' + onlyNums.substring(5, 9);
-  }
-
-  return onlyNums;
-};

package/es/selectors.js

@@ -1,6 +0,0 @@
-export var getForm = function getForm(state, ownProps) {
-  return state.form[ownProps.form];
-};
-export var getRegisteredFields = function getRegisteredFields(state, ownProps) {
-  return getForm(state, ownProps) ? getForm(state, ownProps).registeredFields : {};
-};

package/es/useStandardFormInput.js

@@ -1,119 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "name", "disabled", "validate", "normalize"],
-    _excluded2 = ["onChange", "value"];
-import { useField, useFormikContext } from 'formik';
-import { useContext, useEffect } from 'react';
-import NestedFormFieldContext from './NestedFormFieldContext';
-import { ServerErrorContext } from './Form'; // provides a consistent way to deal with all form fields (non array)
-
-export default function useStandardFormInput(_ref) {
-  var providedId = _ref.id,
-      providedName = _ref.name,
-      disabled = _ref.disabled,
-      validate = _ref.validate,
-      normalize = _ref.normalize,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  // because the formik errors are evaluated all at the same time we need to keep server errors separate
-  var _useContext = useContext(ServerErrorContext),
-      getServerError = _useContext.getError,
-      setServerError = _useContext.setError; // ensure that form section values are obeyed, e.g. homeAddress.zipCode
-
-
-  var parentFormFieldContext = useContext(NestedFormFieldContext);
-  var name = parentFormFieldContext ? "".concat(parentFormFieldContext, ".").concat(providedName) : providedName; // ensure that nested contexts don't have duplicate id issues when an id is specified
-
-  var id = providedId && parentFormFieldContext ? "".concat(parentFormFieldContext, ".").concat(providedId) : providedId; // ensure that our custom validation rules are handled
-  // e.g. we allow arrays of validators
-
-  var _useField = useField(Object.assign({
-    name: name,
-    id: id
-  }, props, {
-    validate: callAllValidators
-  })),
-      _useField2 = _slicedToArray(_useField, 2),
-      _useField2$ = _useField2[0],
-      formikOnChange = _useField2$.onChange,
-      value = _useField2$.value,
-      formikProps = _objectWithoutProperties(_useField2$, _excluded2),
-      meta = _useField2[1];
-
-  var _useFormikContext = useFormikContext(),
-      setFieldValue = _useFormikContext.setFieldValue,
-      isSubmitting = _useFormikContext.isSubmitting; // these are the props we expect consumers of this hook to pass directly to the input (or other control)
-
-
-  var inputProps = Object.assign({}, props, formikProps, {
-    // ensure that we don't send a undefined / null - which signals to react that we are uncontrolled
-    // also, pass any direct from server props through normalize without making the form dirty (e.g. phone number)
-    value: value === undefined || value === null ? '' : normalize && normalize(value) || value,
-    // ensure the id is set if not provided
-    id: id ? id : name,
-    // ensure we can handle both events from direct inputs and controlled ones like react select AND normalize
-    onChange: handleChange,
-    onBlur: handleBlur,
-    disabled: disabled
-  });
-  useEffect(function () {
-    if (!meta.touched && isSubmitting) {
-      // because we do not always register all fields up front.
-      // e.g. formik expects even a 'create' form to have all fields given, at least, blank values
-      // that seems to be how it touches on submit:
-      // see: https://codesandbox.io/s/formik-example-4n7n8 vs https://codesandbox.io/s/formik-example-kttk5
-      // note in particular the change in line 24
-      // thus, we manually touch all fields here by calling onBlur
-      // there is a "setFieldTouched" from useFormikContext but it doesn't appear to work on field arrays
-      handleBlur();
-    }
-  });
-  var resultMeta = Object.assign({}, meta, {
-    error: getServerError(name) || (meta.touched ? meta.error : null)
-  });
-  return [inputProps, resultMeta];
-
-  function handleBlur(e) {
-    // some components are fully controlled and do not return synthetic events on blur
-    if (!e || !e.target) {
-      formikProps.onBlur({
-        target: {
-          name: name
-        }
-      });
-    } else {
-      formikProps.onBlur(e);
-    }
-  }
-
-  function handleChange(e) {
-    if (disabled) {
-      return;
-    } // some components are fully controlled and do not return synthetic events (e.g. ReactSelect) on change
-    // we should handle all our normal cases here to normalize / get the value / etc
-
-
-    var value = e && e.target ? e.target.type === 'checkbox' ? e.target.checked : e.target.value : e;
-    var normalized = normalize ? normalize(value) : value;
-    setFieldValue(name, normalized);
-    setServerError(name, null);
-  }
-
-  function callAllValidators(value) {
-    if (disabled || !validate) {
-      return;
-    }
-
-    if (!Array.isArray(validate)) {
-      return validate(value);
-    }
-
-    for (var i = 0; i < validate.length; i++) {
-      var result = validate[i](value);
-
-      if (result) {
-        return result;
-      }
-    }
-  }
-}

package/es/utils/index.js

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

package/es/validators/index.js

@@ -1,2 +0,0 @@
-import * as validators from './validators';
-export default validators;

package/es/validators/validators.js

@@ -1,94 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-export var required = function required(value) {
-  return value || value === false || value === 0 ? undefined : 'Required';
-}; //asserts that the value is a certain number of characters. numbers are coerced to a string
-
-export var length = function length(len) {
-  return function (value) {
-    var val = value;
-
-    var type = _typeof(val);
-
-    switch (type) {
-      case 'undefined':
-        return undefined;
-
-      case 'string':
-        break;
-
-      case 'number':
-        val = val.toString();
-        break;
-
-      default:
-        console.error("Invalid value type: ".concat(type, " passed to length validator"));
-    }
-
-    return val.length === len ? undefined : "Length must be ".concat(len);
-  };
-};
-export var integer = function integer(val) {
-  if (!Number.isInteger(parseFloat(val))) {
-    return 'Must be a whole number';
-  }
-};
-export var maxLength = function maxLength(length) {
-  return function (value) {
-    if (value) {
-      return value.length <= length ? undefined : "Maximum length ".concat(length, " exceeded");
-    } else {
-      return undefined;
-    }
-  };
-};
-export function maxCount(count) {
-  return function (value) {
-    return !value || value.filter(function (x) {
-      return !x.isDeleted;
-    }).length <= count ? undefined : "Should not have more than ".concat(count);
-  };
-}
-export function minCount(count) {
-  return function (value) {
-    return value && value.filter(function (x) {
-      return !x.isDeleted;
-    }).length >= count ? undefined : "Should have at least ".concat(count);
-  };
-}
-export var maxValue = function maxValue(value) {
-  return function (inputValue) {
-    if (inputValue && value) {
-      return inputValue <= value ? undefined : "Maximum value ".concat(value, " exceeded");
-    } else {
-      return undefined;
-    }
-  };
-};
-export var minValue = function minValue(value) {
-  return function (inputValue) {
-    if (inputValue && value) {
-      return inputValue >= value ? undefined : "Minimum value ".concat(value, " not met");
-    } else {
-      return undefined;
-    }
-  };
-};
-export var zipCode = function zipCode(value) {
-  return value && !/^[0-9]{5}(?:-[0-9]{4})?$/.test(value) ? 'Invalid ZIP Code' : undefined;
-}; //one of the validators provided must be true
-
-export var any = function any() {
-  for (var _len = arguments.length, validatorList = new Array(_len), _key = 0; _key < _len; _key++) {
-    validatorList[_key] = arguments[_key];
-  }
-
-  return function (value) {
-    if (validatorList.length === 0 || !value) {
-      return;
-    }
-
-    return validatorList.reduce(function (isAnyTrue, any) {
-      return isAnyTrue ? isAnyTrue : any(value);
-    }, false);
-  };
-};

package/lib/AddressInput/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _AddressInput = _interopRequireDefault(require("./AddressInput"));
-
-var _default = _AddressInput["default"];
-exports["default"] = _default;

package/lib/BoolInput/BoolInput.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = BoolInput;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _boolOptions = _interopRequireDefault(require("./boolOptions"));
-
-var _FormInput = _interopRequireDefault(require("../FormInput"));
-
-function BoolInput(props) {
-  return /*#__PURE__*/_react["default"].createElement(_FormInput["default"], (0, _extends2["default"])({
-    options: _boolOptions["default"],
-    type: "select"
-  }, props));
-}

package/lib/BoolInput/InlineBoolInput.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = InlineBoolInput;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _boolOptions = _interopRequireDefault(require("./boolOptions"));
-
-var _InlineFormInput = _interopRequireDefault(require("../InlineFormInput"));
-
-function InlineBoolInput(props) {
-  return /*#__PURE__*/_react["default"].createElement(_InlineFormInput["default"], (0, _extends2["default"])({
-    options: _boolOptions["default"],
-    type: "select"
-  }, props));
-}

package/lib/BoolInput/boolOptions.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var boolOptions = [{
-  label: 'Yes',
-  value: true
-}, {
-  label: 'No',
-  value: false
-}];
-var _default = boolOptions;
-exports["default"] = _default;

package/lib/BoolInput/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BoolInput", {
-  enumerable: true,
-  get: function get() {
-    return _BoolInput["default"];
-  }
-});
-Object.defineProperty(exports, "InlineBoolInput", {
-  enumerable: true,
-  get: function get() {
-    return _InlineBoolInput["default"];
-  }
-});
-
-var _BoolInput = _interopRequireDefault(require("./BoolInput"));
-
-var _InlineBoolInput = _interopRequireDefault(require("./InlineBoolInput"));

package/lib/ConfirmBaseForm/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _ConfirmBaseForm = _interopRequireDefault(require("./ConfirmBaseForm"));
-
-var _default = _ConfirmBaseForm["default"];
-exports["default"] = _default;

package/lib/ConfirmDeleteForm/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _ConfirmDeleteForm = _interopRequireDefault(require("./ConfirmDeleteForm"));
-
-var _default = _ConfirmDeleteForm["default"];
-exports["default"] = _default;

package/lib/DatePickerInput/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _DatePickerInput = _interopRequireDefault(require("./DatePickerInput"));
-
-var _default = _DatePickerInput["default"];
-exports["default"] = _default;

package/lib/ErrorScrollTarget.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ErrorScrollTarget;
-
-var _react = _interopRequireDefault(require("react"));
-
-function ErrorScrollTarget(props) {
-  var divId = "".concat(props.name.toLowerCase(), "-error-scroll-target");
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    id: divId,
-    style: {
-      display: 'none'
-    }
-  });
-}

package/lib/FileInput/DefaultFileList.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = DefaultFileList;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactstrap = require("reactstrap");
-
-function DefaultFileList(_ref) {
-  var files = _ref.files,
-      _ref$rejectedFiles = _ref.rejectedFiles,
-      rejectedFiles = _ref$rejectedFiles === void 0 ? [] : _ref$rejectedFiles;
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.ListGroup, null, files.map(function (file) {
-    return /*#__PURE__*/_react["default"].createElement(Group, {
-      key: file.path,
-      item: file,
-      warning: false
-    });
-  }), rejectedFiles.map(function (_ref2) {
-    var file = _ref2.file;
-    return /*#__PURE__*/_react["default"].createElement(Group, {
-      key: file.path,
-      item: file,
-      warning: true
-    });
-  }));
-}
-
-function Group(_ref3) {
-  var item = _ref3.item,
-      warning = _ref3.warning;
-  return /*#__PURE__*/_react["default"].createElement(_reactstrap.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["default"].createElement("span", {
-    className: "d-flex justify-content-between w-100"
-  }, /*#__PURE__*/_react["default"].createElement("span", null, item.name), " ", /*#__PURE__*/_react["default"].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/lib/FileInput/DropzoneFileInput.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = DropzoneFileInput;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _readOnlyError2 = _interopRequireDefault(require("@babel/runtime/helpers/readOnlyError"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDropzone = require("react-dropzone");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _DefaultFileList = _interopRequireDefault(require("./DefaultFileList"));
-
-var _excluded = ["className", "onChange", "value", "accept", "disabled", "multiple", "FileList", "placeholder", "dropzone"];
-
-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["default"] : _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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
-  var _useDropzone = (0, _reactDropzone.useDropzone)({
-    accept: accept,
-    onDrop: onDrop,
-    disabled: disabled,
-    multiple: multiple
-  }),
-      _useDropzone$accepted = _useDropzone.acceptedFiles,
-      acceptedFiles = _useDropzone$accepted === void 0 ? (acceptedFiles[0], (0, _readOnlyError2["default"])("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 = (0, _classnames["default"])('react-dropzone', classNameProp, {
-    accept: isDragAccept,
-    reject: isDragReject,
-    disabled: disabled
-  });
-  return /*#__PURE__*/_react["default"].createElement("section", {
-    className: className
-  }, /*#__PURE__*/_react["default"].createElement("div", getRootProps(), /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, props, getInputProps())), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, placeholder), !multiple && /*#__PURE__*/_react["default"].createElement("b", null, "Only one file accepted."), accept && /*#__PURE__*/_react["default"].createElement("b", null, "Files of type \"".concat(accept, "\" accepted"))), /*#__PURE__*/_react["default"].createElement("aside", null, /*#__PURE__*/_react["default"].createElement(FileList, {
-    files: acceptedFiles,
-    rejectedFiles: fileRejections
-  })));
-}

package/lib/FileInput/FileInput.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = FileInput;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _DefaultFileList = _interopRequireDefault(require("./DefaultFileList"));
-
-var _excluded = ["className", "onChange", "value", "multiple"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var inputRef = (0, _react.useRef)();
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      acceptedFiles = _useState2[0],
-      setAcceptedFiles = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    if (!value && inputRef.current) {
-      inputRef.current.value = null;
-    }
-  }, [value]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "custom-file file-input ".concat(className || '', " ").concat(props.disabled ? 'disabled' : '')
-  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({
-    ref: inputRef,
-    type: "file",
-    className: "custom-file-input",
-    onChange: handleChange,
-    multiple: multiple
-  }, props))), /*#__PURE__*/_react["default"].createElement("label", {
-    className: "custom-file-label"
-  }, /*#__PURE__*/_react["default"].createElement("div", null, !value && /*#__PURE__*/_react["default"].createElement("span", null, "Choose A File..."), value && (!multiple ? /*#__PURE__*/_react["default"].createElement("span", null, value.name, " - size: ", humanFileSize(value.size)) : value.length === 1 ? /*#__PURE__*/_react["default"].createElement("span", null, value[0].name, " - size: ", humanFileSize(value[0].size)) : /*#__PURE__*/_react["default"].createElement("span", null, "Multiple files selected."))))), /*#__PURE__*/_react["default"].createElement(_DefaultFileList["default"], {
-    files: acceptedFiles
-  }));
-
-  function handleChange(e) {
-    if (e == null || !e.target || !e.target.files.length) {
-      onChange(null);
-    } else {
-      var files = (0, _toConsumableArray2["default"])(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/lib/FileInput/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FileInput", {
-  enumerable: true,
-  get: function get() {
-    return _FileInput["default"];
-  }
-});
-Object.defineProperty(exports, "DropzoneFileInput", {
-  enumerable: true,
-  get: function get() {
-    return _DropzoneFileInput["default"];
-  }
-});
-
-var _FileInput = _interopRequireDefault(require("./FileInput"));
-
-var _DropzoneFileInput = _interopRequireDefault(require("./DropzoneFileInput"));