envoc-form 3.1.0 → 4.0.1-0

package/es/FormInput/FormInput.js

@@ -1,206 +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 { 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
-      }));
-
-    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;

package/es/FormInputArray/FormInputArray.js

@@ -1,225 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "name", "label", "newItem", "component", "prepend", "disabled", "validate"],
-    _excluded2 = ["className"],
-    _excluded3 = ["className", "children"],
-    _excluded4 = ["children", "className"],
-    _excluded5 = ["children", "className"],
-    _excluded6 = ["children", "className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React, { useEffect, useRef, useState } from 'react';
-import { v4 as uuid } from 'uuid';
-import classnames from 'classnames';
-import { Col, Card, Button, CardBody, Row, Alert } from 'reactstrap';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faPlus, faTrash } from '@fortawesome/free-solid-svg-icons';
-import PropTypes from 'prop-types';
-import useStandardFormInput from '../useStandardFormInput';
-import NestedFormFieldContext from '../NestedFormFieldContext';
-import classNames from 'classnames';
-export default function FormInputArray(_ref) {
-  var id = _ref.id,
-      name = _ref.name,
-      label = _ref.label,
-      newItem = _ref.newItem,
-      Component = _ref.component,
-      Prepend = _ref.prepend,
-      disabled = _ref.disabled,
-      validate = _ref.validate,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useStandardFormInput = useStandardFormInput(_objectSpread({
-    id: id,
-    name: name,
-    validate: validate,
-    disabled: disabled
-  }, props)),
-      _useStandardFormInput2 = _slicedToArray(_useStandardFormInput, 2),
-      inputProps = _useStandardFormInput2[0],
-      meta = _useStandardFormInput2[1];
-
-  var inputPropsRef = useRef();
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasChangedLength = _useState2[0],
-      setHasChangedLength = _useState2[1];
-
-  inputPropsRef.current = inputProps;
-  var values = inputProps.value || [];
-  var length = values.length;
-  useEffect(function () {
-    return function () {
-      setHasChangedLength(true);
-    };
-  }, [length, setHasChangedLength]);
-  useEffect(function () {
-    if (!hasChangedLength) {
-      return;
-    }
-
-    inputPropsRef.current.onBlur();
-  }, [length, hasChangedLength]);
-  return /*#__PURE__*/React.createElement(Card, {
-    className: "field-array-card"
-  }, /*#__PURE__*/React.createElement(CardActionHeader, null, /*#__PURE__*/React.createElement(CardActionHeader.Title, null, label), /*#__PURE__*/React.createElement(CardActionHeader.Actions, null, !disabled && /*#__PURE__*/React.createElement(Button, {
-    color: "link",
-    onClick: addItem,
-    title: "Add an additional item",
-    className: "add-array-item"
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faPlus
-  }), " Add New"))), /*#__PURE__*/React.createElement(CardBody, null, meta.error && typeof meta.error === 'string' && /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement(Alert, {
-    className: "field-array-alert",
-    color: "danger"
-  }, meta.error))), Prepend && values.filter(function (x) {
-    return !x.isDeleted;
-  }).length > 0 && /*#__PURE__*/React.createElement(Row, {
-    className: classnames('input-array-header')
-  }, /*#__PURE__*/React.createElement(Prepend, null), !disabled && /*#__PURE__*/React.createElement("div", {
-    className: "remove-array-item"
-  })), values.map(function (value, index) {
-    var itemName = "".concat(inputProps.name, "[").concat(index, "]");
-    return /*#__PURE__*/React.createElement(Row, {
-      key: value && value['form-input-array-key'] || value && value['id'] || itemName,
-      className: classnames('field-array-item', {
-        removed: value.isDeleted
-      }),
-      role: "listitem"
-    }, /*#__PURE__*/React.createElement(NestedFormFieldContext.Provider, {
-      value: itemName
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "component"
-    }, /*#__PURE__*/React.createElement(Component, _extends({
-      value: value,
-      name: itemName,
-      disabled: disabled
-    }, props)))), !disabled && /*#__PURE__*/React.createElement("div", {
-      className: "remove-array-item"
-    }, /*#__PURE__*/React.createElement(Button, {
-      color: "link",
-      onClick: function onClick() {
-        return removeItem(index);
-      },
-      title: "Remove Item"
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-      icon: faTrash
-    }))));
-  })));
-
-  function addItem() {
-    if (disabled) {
-      return;
-    }
-
-    var item = Object.assign({}, newItem, {
-      'form-input-array-key': uuid()
-    });
-    var mapped = [].concat(_toConsumableArray(values), [item]);
-    inputProps.onChange(mapped);
-  }
-
-  function removeItem(index) {
-    if (disabled) {
-      return;
-    }
-
-    var itemToRemove = values[index]; // assumes anything from the server has an 'id' value sent
-
-    if (!itemToRemove.id) {
-      inputProps.onChange(values.filter(function (x) {
-        return x !== itemToRemove;
-      }));
-      return;
-    }
-
-    var mapped = values.map(function (x) {
-      return x !== itemToRemove ? x : Object.assign({}, x, {
-        isDeleted: true
-      });
-    });
-    inputProps.onChange(mapped);
-  }
-}
-
-FormInputArray.Header = function (_ref2) {
-  var className = _ref2.className,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
-  return /*#__PURE__*/React.createElement(FormInputArray.Column, _extends({
-    className: classnames('mb-2', className)
-  }, props));
-};
-
-FormInputArray.Column = function (_ref3) {
-  var className = _ref3.className,
-      children = _ref3.children,
-      props = _objectWithoutProperties(_ref3, _excluded3);
-
-  return /*#__PURE__*/React.createElement(Col, _extends({
-    className: classnames('d-flex', className)
-  }, props), children);
-};
-
-FormInputArray.propTypes = {
-  name: PropTypes.string.isRequired,
-  label: PropTypes.string.isRequired,
-
-  /**
-   * The component to use for each element of the array
-   **/
-  component: PropTypes.func.isRequired,
-  disabled: PropTypes.bool,
-
-  /**
-   * When 'Add Item' is used this object is passed as the default (so you can, as an example, give a default)
-   **/
-  newItem: PropTypes.object,
-
-  /**
-   * Affixes a 'header' above all rows so you can have a grid-like display
-   **/
-  prepend: PropTypes.func,
-
-  /**
-   * standard validator, BUT, will be passed the whole array to validate
-   **/
-  validate: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.func), PropTypes.func])
-};
-
-function CardActionHeader(_ref4) {
-  var children = _ref4.children,
-      className = _ref4.className,
-      props = _objectWithoutProperties(_ref4, _excluded4);
-
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classnames('card-header card-action-header d-flex align-items-baseline', className)
-  }, props), children);
-}
-
-CardActionHeader.Title = function Title(_ref5) {
-  var children = _ref5.children,
-      className = _ref5.className,
-      props = _objectWithoutProperties(_ref5, _excluded5);
-
-  return /*#__PURE__*/React.createElement("strong", _extends({
-    className: classnames('mr-auto', className)
-  }, props), children);
-};
-
-CardActionHeader.Actions = function Actions(_ref6) {
-  var children = _ref6.children,
-      className = _ref6.className,
-      props = _objectWithoutProperties(_ref6, _excluded6);
-
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: classnames('card-action-header-actions', className)
-  }, props), children);
-};

package/es/FormInputArray/index.js

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

package/es/FormSection.js

@@ -1,11 +0,0 @@
-import React, { useContext } from 'react';
-import NestedFormFieldContext from './NestedFormFieldContext';
-export default function FormSection(_ref) {
-  var children = _ref.children,
-      name = _ref.name;
-  var parentContext = useContext(NestedFormFieldContext);
-  var effectiveValue = parentContext ? "".concat(parentContext, ".").concat(name) : name;
-  return /*#__PURE__*/React.createElement(NestedFormFieldContext.Provider, {
-    value: effectiveValue
-  }, children);
-}

package/es/IconInput.js

@@ -1,33 +0,0 @@
-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", "icon", "helpText"];
-import React from 'react';
-import PropTypes from 'prop-types';
-import { InputGroup, InputGroupAddon, InputGroupText, Input as BootstrapInput, FormFeedback } from 'reactstrap';
-import useStandardFormInput from './useStandardFormInput';
-export default function IconInput(_ref) {
-  var className = _ref.className,
-      icon = _ref.icon,
-      helpText = _ref.helpText,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useStandardFormInput = useStandardFormInput(props),
-      _useStandardFormInput2 = _slicedToArray(_useStandardFormInput, 2),
-      input = _useStandardFormInput2[0],
-      meta = _useStandardFormInput2[1];
-
-  return /*#__PURE__*/React.createElement(InputGroup, {
-    className: className
-  }, /*#__PURE__*/React.createElement(InputGroupAddon, {
-    addonType: "prepend"
-  }, /*#__PURE__*/React.createElement(InputGroupText, null, /*#__PURE__*/React.createElement("i", {
-    className: icon
-  }))), /*#__PURE__*/React.createElement(BootstrapInput, _extends({
-    invalid: !!meta.error
-  }, input)), meta.error && /*#__PURE__*/React.createElement(FormFeedback, null, meta.error), helpText && /*#__PURE__*/React.createElement(FormFeedback, null, helpText));
-}
-IconInput.propTypes = {
-  icon: PropTypes.string,
-  className: PropTypes.string
-};

package/es/InlineFormInput/InlineFormInput.js

@@ -1,8 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import FormInput from '../FormInput';
-export default function InlineFormInput(props) {
-  return /*#__PURE__*/React.createElement(FormInput, _extends({
-    className: "inline-form-input col"
-  }, props));
-}

package/es/InlineFormInput/index.js

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

package/es/MoneyInput/InlineMoneyInput.js

@@ -1,7 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import InlineFormInput from '../InlineFormInput';
-import moneyInputProps from './moneyInputProps';
-export default function InlineMoneyInput(props) {
-  return /*#__PURE__*/React.createElement(InlineFormInput, _extends({}, moneyInputProps, props));
-}

package/es/MoneyInput/MoneyInput.js

@@ -1,7 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from 'react';
-import FormInput from '../FormInput';
-import moneyInputProps from './moneyInputProps';
-export default function MoneyInput(props) {
-  return /*#__PURE__*/React.createElement(FormInput, _extends({}, moneyInputProps, props));
-}

package/es/MoneyInput/index.js

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

package/es/MoneyInput/moneyInputProps.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { InputGroupAddon } from 'reactstrap';
-var MoneyPrepend = /*#__PURE__*/React.createElement(InputGroupAddon, {
-  addonType: "prepend"
-}, "$");
-var moneyInputProps = {
-  type: 'number',
-  step: '0.01',
-  min: '0',
-  prepend: MoneyPrepend,
-  className: 'money-input'
-};
-export default moneyInputProps;

package/es/NestedFormFieldContext.js

@@ -1,4 +0,0 @@
-import React from 'react'; // TODO: better name?
-
-var NestedFormFieldContext = /*#__PURE__*/React.createContext();
-export default NestedFormFieldContext;

package/es/ReactSelectField/ReactSelectField.js

@@ -1,128 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["className", "meta", "disabled", "onSelected", "onChange", "onBlur", "value", "options", "defaultValue", "defaultIndex"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React, { useEffect, useRef } from 'react';
-import { default as ReactSelect } from 'react-select';
-export var overrideTheme = function overrideTheme(theme) {
-  return _objectSpread(_objectSpread({}, theme), {}, {
-    borderRadius: 0,
-    spacing: Object.assign({}, _objectSpread({}, theme.spacing), {
-      baseUnit: 2,
-      controlHeight: 35
-    })
-  });
-};
-var red = '#f86c6b';
-var inputBorderColor = '#c2cfd6';
-var inputBorderColorFocused = '#8ad4ee';
-var inputBoxShadowFocused = '0 0 0 0.2rem rgba(32, 168, 216, 0.25)';
-export var customStyles = {
-  control: function control(provided, _ref) {
-    var isFocused = _ref.isFocused,
-        selectProps = _ref.selectProps;
-    return _objectSpread(_objectSpread({}, provided), {}, {
-      paddingLeft: '7px',
-      '&:hover': {
-        borderColor: isFocused ? inputBorderColorFocused : inputBorderColor
-      },
-      borderColor: selectProps.hasErrors ? red : isFocused ? inputBorderColorFocused : inputBorderColor,
-      boxShadow: isFocused ? inputBoxShadowFocused : ''
-    });
-  },
-  menu: function menu(provided) {
-    return _objectSpread(_objectSpread({}, provided), {}, {
-      zIndex: 3
-    });
-  }
-}; // internal to forms use only
-
-export default function ReactSelectInput(_ref2) {
-  var className = _ref2.className,
-      meta = _ref2.meta,
-      disabled = _ref2.disabled,
-      onSelected = _ref2.onSelected,
-      onChange = _ref2.onChange,
-      onBlur = _ref2.onBlur,
-      value = _ref2.value,
-      options = _ref2.options,
-      defaultValue = _ref2.defaultValue,
-      defaultIndex = _ref2.defaultIndex,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  var selectedItems = getSelectedItems();
-  var onSelectedRef = useRef(onSelected);
-  onSelectedRef.current = onSelected;
-  useEffect(function () {
-    onSelectedRef.current && onSelectedRef.current(selectedItems);
-  }, [selectedItems]);
-  return /*#__PURE__*/React.createElement(ReactSelect, _extends({}, props, {
-    options: options,
-    isDisabled: disabled,
-    hasErrors: meta.error,
-    getOptionLabel: function getOptionLabel(option) {
-      return option.label;
-    },
-    getOptionValue: getOptionValue,
-    value: selectedItems,
-    onChange: handleChange,
-    className: "react-select-input",
-    theme: overrideTheme,
-    styles: customStyles,
-    menuPortalTarget: document.body,
-    menuPlacement: "auto"
-  }));
-
-  function getOptionValue(option) {
-    if (typeof props.getOptionValue === 'function') {
-      return props.getOptionValue(option);
-    } else {
-      return option.value;
-    }
-  }
-
-  function getSelectedItems() {
-    if (defaultValue !== undefined && value === '') {
-      value = defaultValue;
-      onChange(defaultValue);
-    }
-
-    if (defaultIndex !== undefined && value === '') {
-      var item = options[defaultIndex];
-      onChange(getOptionValue(item));
-      return item;
-    }
-
-    var valueIsArray = Array.isArray(value);
-    var matches = options.filter(function (x) {
-      if (valueIsArray) {
-        return value.includes(getOptionValue(x));
-      } else {
-        return value === getOptionValue(x);
-      }
-    });
-
-    if (matches.length < 1) {
-      return null;
-    }
-
-    return matches;
-  }
-
-  function handleChange(e) {
-    if (e == null) {
-      onChange(null);
-    } else if (Array.isArray(e)) {
-      onChange(e.map(function (x) {
-        return x.value;
-      }));
-    } else {
-      onChange(e.value);
-    }
-  }
-}

package/es/ReactSelectField/index.js

@@ -1,2 +0,0 @@
-import ReactSelectField, { overrideTheme, customStyles } from './ReactSelectField';
-export { ReactSelectField as default, overrideTheme, customStyles };