envoc-form 3.3.0 → 4.0.1-2

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/DatePickerInput.js

@@ -1,113 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _entry = _interopRequireDefault(require("react-date-picker/dist/entry.nostyle"));
-
-var _parseISO = _interopRequireDefault(require("date-fns/parseISO"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _excluded = ["value", "className", "maxDate"];
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var dateOnlyRegex = /^\d{4}-\d{2}-\d{2}$/;
-var defaultMaxDate = new Date('9999-12-31');
-
-var DatePickerInput = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(DatePickerInput, _React$Component);
-
-  var _super = _createSuper(DatePickerInput);
-
-  function DatePickerInput() {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, DatePickerInput);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleBlur", function () {
-      var onBlur = _this.props.onBlur;
-      onBlur();
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (e) {
-      var onChange = _this.props.onChange;
-
-      if (e == null) {
-        onChange(null);
-      } else {
-        // ensure ONLY the date is persisted - so UTC offset info / time is not persisted or sent
-        onChange(e.toISOString().split('T')[0]);
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(DatePickerInput, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          className = _this$props.className,
-          _this$props$maxDate = _this$props.maxDate,
-          maxDate = _this$props$maxDate === void 0 ? defaultMaxDate : _this$props$maxDate,
-          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-
-      if (value && !dateOnlyRegex.test(value)) {
-        var errorMessage = "Invalid date only value of ".concat(value, " passed to DatePicker input. This input is only configured to handle dates in the format yyyy-mm-dd. Ensure that the server is configured to return date only values.");
-
-        if (process.env.NODE_ENV !== 'production') {
-          //We should throw if 'value' is not 'yyyy-mm-dd' in dev
-          throw new Error(errorMessage);
-        } else {
-          console.error(errorMessage);
-        }
-      }
-
-      var parsedValue = value ? (0, _parseISO["default"])(value) : null;
-      return /*#__PURE__*/_react["default"].createElement(_entry["default"], (0, _extends2["default"])({
-        className: (0, _classnames["default"])('form-control', className),
-        onCalendarOpen: this.onCalendarOpen
-      }, rest, {
-        value: parsedValue,
-        onChange: this.handleChange,
-        onBlur: this.handleBlur,
-        maxDate: maxDate
-      }));
-    }
-  }]);
-  return DatePickerInput;
-}(_react["default"].Component);
-
-exports["default"] = DatePickerInput;

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,31 +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"];
-  }
-});
-Object.defineProperty(exports, "DefaultFileList", {
-  enumerable: true,
-  get: function get() {
-    return _DefaultFileList["default"];
-  }
-});
-
-var _FileInput = _interopRequireDefault(require("./FileInput"));
-
-var _DropzoneFileInput = _interopRequireDefault(require("./DropzoneFileInput"));
-
-var _DefaultFileList = _interopRequireDefault(require("./DefaultFileList"));

package/lib/Form/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FocusError", {
-  enumerable: true,
-  get: function get() {
-    return _FocusError["default"];
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Form["default"];
-  }
-});
-Object.defineProperty(exports, "FormBasedPreventNavigation", {
-  enumerable: true,
-  get: function get() {
-    return _FormBasedPreventNavigation["default"];
-  }
-});
-Object.defineProperty(exports, "ServerErrorContext", {
-  enumerable: true,
-  get: function get() {
-    return _ServerErrorContext["default"];
-  }
-});
-
-var _FocusError = _interopRequireDefault(require("./FocusError"));
-
-var _Form = _interopRequireDefault(require("./Form"));
-
-var _FormBasedPreventNavigation = _interopRequireDefault(require("./FormBasedPreventNavigation"));
-
-var _ServerErrorContext = _interopRequireDefault(require("./ServerErrorContext"));

package/lib/FormGroup.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactstrap = require("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["default"].createElement(_reactstrap.FormGroup, {
-    className: className,
-    style: style
-  }, !!meta.warning && /*#__PURE__*/_react["default"].createElement(_reactstrap.Alert, {
-    color: "warning"
-  }, meta.warning), label && /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, {
-    htmlFor: id
-  }, label), children, meta.error && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormFeedback, null, meta.error), helpText && /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, helpText));
-};
-
-var _default = FormGroup;
-exports["default"] = _default;

package/lib/FormGroupWrapper.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = FormGroupWrapper;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactstrap = require("reactstrap");
-
-var _FormGroup = _interopRequireDefault(require("./FormGroup"));
-
-var _ErrorScrollTarget = _interopRequireDefault(require("./ErrorScrollTarget"));
-
-var _excluded = ["prepend", "append", "Component", "helpText"];
-
-function FormGroupWrapper(_ref) {
-  var prepend = _ref.prepend,
-      append = _ref.append,
-      Component = _ref.Component,
-      helpText = _ref.helpText,
-      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var meta = props.meta;
-  return /*#__PURE__*/_react["default"].createElement(_FormGroup["default"], (0, _extends2["default"])({
-    meta: meta,
-    helpText: helpText
-  }, props), /*#__PURE__*/_react["default"].createElement(_ErrorScrollTarget["default"], {
-    name: props.name
-  }), prepend || append ? /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, null, prepend, /*#__PURE__*/_react["default"].createElement(Component, props), append) : /*#__PURE__*/_react["default"].createElement(Component, props));
-}