@corva/ui 3.1.0-rc.5 → 3.1.0

package/components/FilePreview/index.js

@@ -1,80 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles, Typography } from '@material-ui/core';
-import DeleteIcon from '@material-ui/icons/Delete';
-import grey from '@material-ui/core/colors/grey';
-import styles from './styles.css.js';
-import utils from '../../utils/main.js';
-import { getIsImage } from '../../utils/fileExtension.js';
-import FileTypeIcon from '../FileTypeIcon.js';
-import IconButton from '../IconButton/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var PAGE_NAME = 'filePreview';
-var FilePreview = function FilePreview(_ref) {
-  var fileName = _ref.fileName,
-    fileUrl = _ref.fileUrl,
-    handleFileDelete = _ref.handleFileDelete,
-    classes = _ref.classes;
-  var isImage = getIsImage(fileName);
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(styles.cComponentFilePreview, classes.wrapper),
-    children: [isImage ? /*#__PURE__*/jsx("div", {
-      className: styles.cComponentFilePreviewImageFileWrapper,
-      children: /*#__PURE__*/jsx("img", {
-        "data-testid": "".concat(PAGE_NAME, "_filePreview"),
-        className: styles.cComponentFilePreviewImage,
-        src: fileUrl,
-        alt: "Uploaded file"
-      })
-    }) : /*#__PURE__*/jsx("div", {
-      className: styles.cComponentFilePreviewWrapper,
-      children: /*#__PURE__*/jsxs("div", {
-        className: styles.cComponentFilePreviewDownload,
-        style: {
-          border: "1px solid ".concat(grey[400])
-        },
-        children: [/*#__PURE__*/jsx(FileTypeIcon, {
-          fileName: fileName,
-          size: 25
-        }), /*#__PURE__*/jsx("div", {
-          className: styles.cComponentFilePreviewDownloadText,
-          children: /*#__PURE__*/jsx(Typography, {
-            "data-testid": "".concat(PAGE_NAME, "_fileName"),
-            variant: "subtitle2",
-            noWrap: true,
-            children: utils.getFileNameWithExtensionFromPath(fileName)
-          })
-        })]
-      })
-    }), /*#__PURE__*/jsx(IconButton, {
-      title: "Delete",
-      onClick: handleFileDelete,
-      className: classNames(styles.cComponentFilePreviewDeleteFile, _defineProperty({}, styles.cComponentFilePreviewDeleteFileCentered, !isImage)),
-      tooltipProps: {
-        title: 'Delete'
-      },
-      children: /*#__PURE__*/jsx(DeleteIcon, {
-        "data-testid": "".concat(PAGE_NAME, "_deleteButton")
-      })
-    })]
-  });
-};
-FilePreview.propTypes = {
-  fileName: PropTypes.string.isRequired,
-  fileUrl: PropTypes.string.isRequired,
-  handleFileDelete: PropTypes.func.isRequired,
-  classes: PropTypes.shape({
-    deleteTooltip: PropTypes.string.isRequired
-  }).isRequired
-};
-var FilePreview$1 = withStyles({
-  deleteTooltip: {
-    marginTop: '3px',
-    backgroundColor: 'rgba(97, 97, 97, 0.4)'
-  }
-})(FilePreview);
-
-export { FilePreview$1 as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import r from"classnames";import{withStyles as t,Typography as l}from"@material-ui/core";import o from"@material-ui/icons/Delete";import a from"@material-ui/core/colors/grey";import s from"./styles.css.js";import n from"../../utils/main.js";import{getIsImage as m}from"../../utils/fileExtension.js";import c from"../FileTypeIcon.js";import p from"../IconButton/index.js";import{jsxs as d,jsx as f}from"react/jsx-runtime";var u=function(i){var t=i.fileName,u=i.fileUrl,v=i.handleFileDelete,F=i.classes,w=m(t);return d("div",{className:r(s.cComponentFilePreview,F.wrapper),children:[f("div",w?{className:s.cComponentFilePreviewImageFileWrapper,children:f("img",{"data-testid":"".concat("filePreview","_filePreview"),className:s.cComponentFilePreviewImage,src:u,alt:"Uploaded file"})}:{className:s.cComponentFilePreviewWrapper,children:d("div",{className:s.cComponentFilePreviewDownload,style:{border:"1px solid ".concat(a[400])},children:[f(c,{fileName:t,size:25}),f("div",{className:s.cComponentFilePreviewDownloadText,children:f(l,{"data-testid":"".concat("filePreview","_fileName"),variant:"subtitle2",noWrap:!0,children:n.getFileNameWithExtensionFromPath(t)})})]})}),f(p,{title:"Delete",onClick:v,className:r(s.cComponentFilePreviewDeleteFile,e({},s.cComponentFilePreviewDeleteFileCentered,!w)),tooltipProps:{title:"Delete"},children:f(o,{"data-testid":"".concat("filePreview","_deleteButton")})})]})};u.propTypes={fileName:i.string.isRequired,fileUrl:i.string.isRequired,handleFileDelete:i.func.isRequired,classes:i.shape({deleteTooltip:i.string.isRequired}).isRequired};var v=t({deleteTooltip:{marginTop:"3px",backgroundColor:"rgba(97, 97, 97, 0.4)"}})(u);export{v as default};

package/components/FilePreview/styles.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".styles_cComponentFilePreview__u5R6s {\n  display: flex;\n  padding: 2px 0;\n  margin-top: 10px;\n  margin-left: 48px;\n  background: #4d4d4d;\n  border-radius: 4px;\n  position: relative;\n  max-height: 300px;\n}\n\n.styles_cComponentFilePreviewWrapper__efPtx {\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: relative;\n  margin-left: 20px;\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewDeleteFile__I4343 {\n  position: absolute !important;\n  right: 8px;\n  top: 8px;\n  visibility: hidden;\n}\n\n.styles_cComponentFilePreviewDeleteFileCentered__6rfz6 {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s- {\n  border-radius: 3px;\n  overflow: hidden;\n  text-align: center;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,\n.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx {\n  opacity: 0.7;\n}\n\n.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343 {\n  visibility: visible;\n}\n\n.styles_cComponentFilePreviewName__x37wX {\n  display: flex;\n  justify-content: space-between;\n  margin: 20px 0px 0px 0px;\n  align-items: center;\n}\n\n.styles_cComponentFilePreviewImage__affFU {\n  vertical-align: top;\n  max-width: 100%;\n  max-height: 100%;\n}\n\n.styles_cComponentFilePreviewDownload__MlNlb {\n  width: 150px;\n  padding: 5px;\n  border-radius: 3px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  margin: 5px 0;\n}\n\n.styles_cComponentFilePreviewDownloadText__qoZzr {\n  margin-left: 10px;\n  width: calc(100% - 60px); /* NOTE: Minus file icon width */\n  display: flex;\n  justify-content: space-between;\n}\n";
-var styles = {"cComponentFilePreview":"styles_cComponentFilePreview__u5R6s","cComponentFilePreviewWrapper":"styles_cComponentFilePreviewWrapper__efPtx","cComponentFilePreviewDeleteFile":"styles_cComponentFilePreviewDeleteFile__I4343","cComponentFilePreviewDeleteFileCentered":"styles_cComponentFilePreviewDeleteFileCentered__6rfz6","cComponentFilePreviewImageFileWrapper":"styles_cComponentFilePreviewImageFileWrapper__BW-s-","cComponentFilePreviewName":"styles_cComponentFilePreviewName__x37wX","cComponentFilePreviewImage":"styles_cComponentFilePreviewImage__affFU","cComponentFilePreviewDownload":"styles_cComponentFilePreviewDownload__MlNlb","cComponentFilePreviewDownloadText":"styles_cComponentFilePreviewDownloadText__qoZzr"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=styles.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var i={cComponentFilePreview:"styles_cComponentFilePreview__u5R6s",cComponentFilePreviewWrapper:"styles_cComponentFilePreviewWrapper__efPtx",cComponentFilePreviewDeleteFile:"styles_cComponentFilePreviewDeleteFile__I4343",cComponentFilePreviewDeleteFileCentered:"styles_cComponentFilePreviewDeleteFileCentered__6rfz6",cComponentFilePreviewImageFileWrapper:"styles_cComponentFilePreviewImageFileWrapper__BW-s-",cComponentFilePreviewName:"styles_cComponentFilePreviewName__x37wX",cComponentFilePreviewImage:"styles_cComponentFilePreviewImage__affFU",cComponentFilePreviewDownload:"styles_cComponentFilePreviewDownload__MlNlb",cComponentFilePreviewDownloadText:"styles_cComponentFilePreviewDownloadText__qoZzr"};e(".styles_cComponentFilePreview__u5R6s{background:#4d4d4d;border-radius:4px;display:flex;margin-left:48px;margin-top:10px;max-height:300px;padding:2px 0;position:relative}.styles_cComponentFilePreviewWrapper__efPtx{align-items:center;display:flex;margin-left:8px}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewDeleteFile__I4343{margin-left:20px;position:relative;visibility:visible}.styles_cComponentFilePreviewDeleteFile__I4343{position:absolute!important;right:8px;top:8px;visibility:hidden}.styles_cComponentFilePreviewDeleteFileCentered__6rfz6{top:50%;transform:translateY(-50%)}.styles_cComponentFilePreviewImageFileWrapper__BW-s-{border-radius:3px;margin-bottom:0;margin-top:0;overflow:hidden;text-align:center}.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewImageFileWrapper__BW-s-,.styles_cComponentFilePreview__u5R6s:hover .styles_cComponentFilePreviewWrapper__efPtx{opacity:.7}.styles_cComponentFilePreviewImageFileWrapper__BW-s-:hover .styles_cComponentFilePreviewDeleteFile__I4343{visibility:visible}.styles_cComponentFilePreviewName__x37wX{align-items:center;display:flex;justify-content:space-between;margin:20px 0 0}.styles_cComponentFilePreviewImage__affFU{max-height:100%;max-width:100%;vertical-align:top}.styles_cComponentFilePreviewDownload__MlNlb{align-items:center;border-radius:3px;cursor:pointer;display:flex;margin:5px 0;padding:5px;width:150px}.styles_cComponentFilePreviewDownloadText__qoZzr{display:flex;justify-content:space-between;margin-left:10px;width:calc(100% - 60px)}");export{i as default};

package/components/FileTypeIcon.js

@@ -1,69 +1 @@
-import PropTypes from 'prop-types';
-import imageExtensions from 'image-extensions';
-import { getFileExtension } from '../utils/fileExtension.js';
-import { jsx } from 'react/jsx-runtime';
-
-var ImageIcon = "/static/media/ce0806d7fe0a5fdedde889e58929cd3a.svg";
-var DocIcon = "/static/media/ffd922ae8116b456a7f24dcf118f36b4.svg";
-var XlsIcon = "/static/media/b88b9008a93dabe2d431b22e76e3017a.svg";
-var PdfIcon = "/static/media/af268ec48d747e3147d5acb95bc1b599.svg";
-var OtherIcon = "/static/media/0ea849622ec24faa453981edfd1862e6.svg";
-var ArchiveIcon = "/static/media/e26a8e73ce2b62ee8bd6b8eddf286b49.svg";
-var fileExtensions = {
-  image: imageExtensions,
-  doc: ['doc', 'docx'],
-  xls: ['xls', 'xlsx'],
-  pdf: ['pdf'],
-  archive: ['zip', 'rar', '7z', 'tar']
-};
-var styles = {
-  fileTypeWrapper: {
-    display: 'inline-block',
-    verticalAlign: 'top'
-  }
-};
-var FileTypeIcon = function FileTypeIcon(_ref) {
-  var fileName = _ref.fileName,
-    size = _ref.size,
-    className = _ref.className;
-  var extension = getFileExtension(fileName);
-  var fileTypeIcon;
-  if (fileExtensions.image.includes(extension)) {
-    fileTypeIcon = ImageIcon;
-  } else if (fileExtensions.doc.includes(extension)) {
-    fileTypeIcon = DocIcon;
-  } else if (fileExtensions.xls.includes(extension)) {
-    fileTypeIcon = XlsIcon;
-  } else if (fileExtensions.pdf.includes(extension)) {
-    fileTypeIcon = PdfIcon;
-  } else if (fileExtensions.archive.includes(extension)) {
-    fileTypeIcon = ArchiveIcon;
-  } else {
-    fileTypeIcon = OtherIcon;
-  }
-  return /*#__PURE__*/jsx("div", {
-    style: styles.fileTypeWrapper,
-    className: className,
-    children: /*#__PURE__*/jsx("img", {
-      src: fileTypeIcon,
-      alt: "File icon",
-      style: {
-        display: 'block',
-        height: size,
-        width: size
-      }
-    })
-  });
-};
-FileTypeIcon.propTypes = {
-  fileName: PropTypes.string.isRequired,
-  size: PropTypes.number,
-  className: PropTypes.string
-};
-FileTypeIcon.defaultProps = {
-  size: 50,
-  className: undefined
-};
-
-export { FileTypeIcon as default };
-//# sourceMappingURL=FileTypeIcon.js.map
+import e from"prop-types";import i from"image-extensions";import{getFileExtension as a}from"../utils/fileExtension.js";import{jsx as s}from"react/jsx-runtime";var d={image:i,doc:["doc","docx"],xls:["xls","xlsx"],pdf:["pdf"],archive:["zip","rar","7z","tar"]},c={fileTypeWrapper:{display:"inline-block",verticalAlign:"top"}},t=function(e){var i,t=e.fileName,r=e.size,l=e.className,f=a(t);return i=d.image.includes(f)?"/static/media/ce0806d7fe0a5fdedde889e58929cd3a.svg":d.doc.includes(f)?"/static/media/ffd922ae8116b456a7f24dcf118f36b4.svg":d.xls.includes(f)?"/static/media/b88b9008a93dabe2d431b22e76e3017a.svg":d.pdf.includes(f)?"/static/media/af268ec48d747e3147d5acb95bc1b599.svg":d.archive.includes(f)?"/static/media/e26a8e73ce2b62ee8bd6b8eddf286b49.svg":"/static/media/0ea849622ec24faa453981edfd1862e6.svg",s("div",{style:c.fileTypeWrapper,className:l,children:s("img",{src:i,alt:"File icon",style:{display:"block",height:r,width:r}})})};t.propTypes={fileName:e.string.isRequired,size:e.number,className:e.string},t.defaultProps={size:50,className:void 0};export{t as default};

package/components/FileUploadIconButton.js

@@ -1,254 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { createRef, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import S3Upload from 'react-s3-uploader/s3upload';
-import CircularProgress from '@material-ui/core/CircularProgress';
-import PhotoCameraIcon from '@material-ui/icons/PhotoCamera';
-import PostPreviewDialog from './PostPreviewDialog/index.js';
-import AttachIcon from './Icons/AttachIcon.js';
-import IconButton from './IconButton/index.js';
-import { getS3DownloadLink, getS3SignedUrl } from '../clients/jsonApi/index.js';
-import { isNativeDetected } from '../utils/mobileDetect.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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 PAGE_NAME = 'fileUpload';
-
-// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing
-var FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';
-var FileUploadIconButton = /*#__PURE__*/function (_PureComponent) {
-  _inherits(FileUploadIconButton, _PureComponent);
-  var _super = _createSuper(FileUploadIconButton);
-  function FileUploadIconButton(props) {
-    var _this;
-    _classCallCheck(this, FileUploadIconButton);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "onFinish", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var s3DownloadLinkResponse;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return getS3DownloadLink(_this.state.s3FileName);
-            case 2:
-              s3DownloadLinkResponse = _context.sent;
-              _this.setState({
-                currentUpload: null,
-                uploadingFileToS3: false,
-                openFileUploadPreviewDialog: _this.props.openPreviewDialogOnUpload,
-                s3FileUrl: s3DownloadLinkResponse.url
-              }, function () {
-                if (_this.props.onFinish) _this.props.onFinish(_this.state.s3FileUrl, _this.state.s3FileName, _this.state.s3FileSize);
-              });
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    _defineProperty(_assertThisInitialized(_this), "onError", function (fileUploadingError) {
-      if (_this.props.onError) _this.props.onError(fileUploadingError);
-      console.error(fileUploadingError);
-    });
-    _defineProperty(_assertThisInitialized(_this), "getSignedUrl", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(file, callback) {
-        var data;
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                _context2.next = 3;
-                return getS3SignedUrl(file.name, file.type);
-              case 3:
-                data = _context2.sent;
-                _context2.next = 10;
-                break;
-              case 6:
-                _context2.prev = 6;
-                _context2.t0 = _context2["catch"](0);
-                _this.setState({
-                  uploadingFileToS3: null,
-                  currentUpload: null
-                }, function () {
-                  _this.onError(_context2.t0.message);
-                });
-                return _context2.abrupt("return");
-              case 10:
-                _this.setState({
-                  s3FileUrl: data.signed_url,
-                  s3FileName: data.file_name,
-                  s3FileSize: file.size
-                });
-
-                // NOTE: Add node for 'signedUrl' which is the expected name by uploader component
-                callback(_objectSpread(_objectSpread({}, data), {}, {
-                  signedUrl: data.signed_url
-                }));
-              case 12:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, null, [[0, 6]]);
-      }));
-      return function (_x, _x2) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_assertThisInitialized(_this), "preprocess", function (file, next) {
-      next(file);
-    });
-    _defineProperty(_assertThisInitialized(_this), "uploadFile", function (event) {
-      if (!event.target.files[0]) {
-        return;
-      }
-      _this.clearUpload();
-      var uploader = new S3Upload({
-        fileElement: _this.fileInput.current,
-        getSignedUrl: _this.getSignedUrl,
-        preprocess: _this.preprocess,
-        onProgress: function onProgress() {},
-        // NOTE: Prevents logging to console
-        onFinishS3Put: _this.onFinish,
-        onError: _this.onError
-      });
-      _this.setState({
-        uploadingFileToS3: true,
-        currentUpload: {
-          uploader: uploader
-        }
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleCloseFileUploadPreviewDialog", function () {
-      _this.setState({
-        openFileUploadPreviewDialog: false
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleShare", function (comment, fileName, fileSize) {
-      _this.setState({
-        openFileUploadPreviewDialog: false
-      }, function () {
-        if (_this.props.handleShare) {
-          _this.props.handleShare(comment, fileName, fileSize);
-        }
-      });
-    });
-    _this.state = {
-      currentUpload: null,
-      s3FileUrl: null,
-      s3FileName: null,
-      s3FileSize: null,
-      uploadingFileToS3: false,
-      openFileUploadPreviewDialog: false
-    };
-    _this.fileInput = createRef();
-    return _this;
-  }
-  _createClass(FileUploadIconButton, [{
-    key: "clearUpload",
-    value: function clearUpload() {
-      var currentUpload = this.state.currentUpload;
-      if (currentUpload && currentUpload.uploader) {
-        currentUpload.uploader.abortUpload();
-      }
-    }
-  }, {
-    key: "renderUploadButton",
-    value: function renderUploadButton() {
-      var Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;
-      var labelDataAttributes = _defineProperty({}, FILE_UPLOAD_BUTTON_DATA_ATTR, '');
-      return /*#__PURE__*/jsxs("label", _objectSpread(_objectSpread({
-        htmlFor: this.props.inputId
-      }, labelDataAttributes), {}, {
-        children: [/*#__PURE__*/jsx("input", {
-          ref: this.fileInput,
-          id: this.props.inputId,
-          type: "file",
-          disabled: this.props.disabled,
-          onChange: this.uploadFile,
-          style: {
-            display: 'none'
-          }
-        }), /*#__PURE__*/jsx(IconButton, {
-          "data-testid": "".concat(PAGE_NAME, "_attachFileButton"),
-          "aria-label": "File Upload",
-          disabled: this.props.disabled,
-          component: this.props.disabled ? 'button' : 'span',
-          className: this.props.fileUploadIconClassName,
-          disableRipple: this.props.disableRipple,
-          tooltipProps: this.props.tooltipProps,
-          children: /*#__PURE__*/jsx(Icon, {})
-        })]
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [this.state.uploadingFileToS3 ? /*#__PURE__*/jsx(CircularProgress, {
-          "data-testid": "generic_uploadProgress",
-          size: 18
-        }) : this.renderUploadButton(), this.state.openFileUploadPreviewDialog && /*#__PURE__*/jsx(PostPreviewDialog, {
-          open: this.state.openFileUploadPreviewDialog,
-          fileUrl: this.state.s3FileUrl,
-          fileName: this.state.s3FileName,
-          fileSize: this.state.s3FileSize,
-          handleShare: this.handleShare,
-          handleClose: this.handleCloseFileUploadPreviewDialog,
-          additionalFields: this.props.additionalFields,
-          requiredFields: this.props.requiredFields,
-          message: this.props.message
-        })]
-      });
-    }
-  }]);
-  return FileUploadIconButton;
-}(PureComponent);
-FileUploadIconButton.propTypes = {
-  additionalFields: PropTypes.arrayOf(PropTypes.node),
-  classes: PropTypes.shape({}).isRequired,
-  tooltipProps: PropTypes.shape({}),
-  disableRipple: PropTypes.bool,
-  disabled: PropTypes.bool,
-  fileUploadIconClassName: PropTypes.string,
-  handleShare: PropTypes.func,
-  inputId: PropTypes.string,
-  message: PropTypes.string,
-  onError: PropTypes.func,
-  onFinish: PropTypes.func,
-  openPreviewDialogOnUpload: PropTypes.bool,
-  requiredFields: PropTypes.arrayOf(PropTypes.string)
-};
-FileUploadIconButton.defaultProps = {
-  additionalFields: [],
-  disableRipple: false,
-  disabled: false,
-  fileUploadIconClassName: undefined,
-  handleShare: undefined,
-  inputId: 'icon-button-file',
-  message: undefined,
-  onError: undefined,
-  onFinish: undefined,
-  openPreviewDialogOnUpload: true,
-  requiredFields: [],
-  tooltipProps: {
-    title: 'Attach File'
-  }
-};
-
-export { FILE_UPLOAD_BUTTON_DATA_ATTR, FileUploadIconButton as default };
-//# sourceMappingURL=FileUploadIconButton.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import a from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/regenerator";import{createRef as p,PureComponent as u}from"react";import d from"prop-types";import c from"react-s3-uploader/s3upload";import f from"@material-ui/core/CircularProgress";import h from"@material-ui/icons/PhotoCamera";import m from"./PostPreviewDialog/index.js";import b from"./Icons/AttachIcon.js";import g from"./IconButton/index.js";import{getS3DownloadLink as F,getS3SignedUrl as v}from"../clients/jsonApi/index.js";import{isNativeDetected as U}from"../utils/mobileDetect.js";import{jsxs as P,jsx as y,Fragment as S}from"react/jsx-runtime";function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}function w(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){a(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function j(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,i=l(e);if(r){var o=l(this).constructor;t=Reflect.construct(i,arguments,o)}else t=i.apply(this,arguments);return n(this,t)}}var D="data-file-upload-button",I=function(n){o(d,u);var l=j(d);function d(t){var o,n;return r(this,d),o=l.call(this,t),a(i(o),"onFinish",e(s.mark((function e(){var r;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F(o.state.s3FileName);case 2:r=e.sent,o.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:o.props.openPreviewDialogOnUpload,s3FileUrl:r.url},(function(){o.props.onFinish&&o.props.onFinish(o.state.s3FileUrl,o.state.s3FileName,o.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),a(i(o),"onError",(function(e){o.props.onError&&o.props.onError(e),console.error(e)})),a(i(o),"getSignedUrl",(n=e(s.mark((function e(r,t){var i;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,v(r.name,r.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),o.setState({uploadingFileToS3:null,currentUpload:null},(function(){o.onError(e.t0.message)})),e.abrupt("return");case 10:o.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:r.size}),t(w(w({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return n.apply(this,arguments)})),a(i(o),"preprocess",(function(e,r){r(e)})),a(i(o),"uploadFile",(function(e){if(e.target.files[0]){o.clearUpload();var r=new c({fileElement:o.fileInput.current,getSignedUrl:o.getSignedUrl,preprocess:o.preprocess,onProgress:function(){},onFinishS3Put:o.onFinish,onError:o.onError});o.setState({uploadingFileToS3:!0,currentUpload:{uploader:r}})}})),a(i(o),"handleCloseFileUploadPreviewDialog",(function(){o.setState({openFileUploadPreviewDialog:!1})})),a(i(o),"handleShare",(function(e,r,t){o.setState({openFileUploadPreviewDialog:!1},(function(){o.props.handleShare&&o.props.handleShare(e,r,t)}))})),o.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},o.fileInput=p(),o}return t(d,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=U?h:b,r=a({},"data-file-upload-button","");return P("label",w(w({htmlFor:this.props.inputId},r),{},{children:[y("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),y(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:y(e,{})})]}))}},{key:"render",value:function(){return P(S,{children:[this.state.uploadingFileToS3?y(f,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&y(m,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),d}();I.propTypes={additionalFields:d.arrayOf(d.node),classes:d.shape({}).isRequired,tooltipProps:d.shape({}),disableRipple:d.bool,disabled:d.bool,fileUploadIconClassName:d.string,handleShare:d.func,inputId:d.string,message:d.string,onError:d.func,onFinish:d.func,openPreviewDialogOnUpload:d.bool,requiredFields:d.arrayOf(d.string)},I.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}};export{D as FILE_UPLOAD_BUTTON_DATA_ATTR,I as default};

package/components/FilesDropzone/FilesDropzone.js

@@ -1,105 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { useDropzone } from 'react-dropzone';
-import classNames from 'classnames';
-import { useStyles } from './styles.js';
-import { FileAdditionOne } from '../../icons/iconParkIcons.js';
-import '../../icons/customIcons/icons/AddMessage.js';
-import '../../icons/customIcons/icons/Attention.js';
-import '../../icons/customIcons/icons/Collapse.js';
-import '../../icons/customIcons/icons/Dashboard.js';
-import '../../icons/customIcons/icons/Expand.js';
-import '../../icons/customIcons/icons/FolderClosed.js';
-import '../../icons/customIcons/icons/FolderClosedFilled.js';
-import '../../icons/customIcons/icons/FolderOpened.js';
-import '../../icons/customIcons/icons/GreaterOrEqual.js';
-import '../../icons/customIcons/icons/LessOrEqual.js';
-import '../../icons/customIcons/icons/Search.js';
-import '../../icons/customIcons/icons/Wellhub.js';
-import '../../icons/customIcons/icons/MultiRuler.js';
-import '../../icons/customIcons/icons/Checkbox.js';
-import '../../icons/customIcons/icons/CheckboxChecked.js';
-import '../../icons/customIcons/icons/CheckboxIndeterminate.js';
-import '../../icons/customIcons/icons/Radio.js';
-import '../../icons/customIcons/icons/RadioChecked.js';
-import '../../icons/customIcons/icons/SimulFrac.js';
-import '../../icons/customIcons/icons/ZipperFrac.js';
-import { CautionFilledCustomIcon } from '../../icons/customIcons/icons/CautionFilled.js';
-import '../../icons/customIcons/icons/MoreApp.js';
-import '../../icons/customIcons/icons/Pad.js';
-import '../../icons/customIcons/icons/Gap.js';
-import { Regular14 } from '../Typography.js';
-import Button from '../Button/components/Button/index.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import 'moment-timezone';
-import '@material-ui/core';
-import '../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js';
-import '../Button/components/LiveButton/styles.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { parseAccept, formatDescription } from '../../componentsV2/FilesDropzone/utils.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var FilesDropzone = function FilesDropzone(props) {
-  var multiple = props.multiple,
-    children = props.children,
-    accept = props.accept,
-    onDrop = props.onDrop,
-    className = props.className,
-    maxFiles = props.maxFiles,
-    maxSize = props.maxSize,
-    errorText = props.errorText,
-    disabled = props.disabled;
-  var styles = useStyles();
-  var _parseAccept = parseAccept(accept),
-    mimetypes = _parseAccept.mimetypes,
-    extensions = _parseAccept.extensions;
-  var acceptObject = mimetypes.length || extensions.length ? _objectSpread({
-    '*/*': extensions
-  }, Object.fromEntries(mimetypes.map(function (mimetype) {
-    return [mimetype, []];
-  }))) : undefined;
-  var description = formatDescription(extensions, maxSize);
-  var _useDropzone = useDropzone({
-      onDrop: onDrop,
-      multiple: multiple,
-      accept: acceptObject,
-      maxFiles: maxFiles,
-      maxSize: maxSize,
-      disabled: disabled
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive;
-  return /*#__PURE__*/jsxs("div", {
-    className: className,
-    children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, getRootProps()), {}, {
-      className: classNames(styles.root, disabled && styles.disabled, isDragActive && styles.active),
-      children: [/*#__PURE__*/jsx("input", _objectSpread({}, getInputProps())), children || /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(FileAdditionOne, {
-          size: 24,
-          className: styles.icon
-        }), /*#__PURE__*/jsx(Regular14, {
-          children: "Drag & Drop your file here or"
-        }), /*#__PURE__*/jsx(Button, {
-          variation: "tertiary",
-          size: "small",
-          disabled: disabled,
-          className: styles.uploadButton,
-          children: "Choose file"
-        })]
-      })]
-    })), !errorText && description && /*#__PURE__*/jsx(Regular14, {
-      className: classNames(styles.description, disabled && styles.disabled),
-      children: description
-    }), errorText && /*#__PURE__*/jsxs(Regular14, {
-      className: styles.error,
-      children: [/*#__PURE__*/jsx(CautionFilledCustomIcon, {
-        size: 20
-      }), errorText]
-    })]
-  });
-};
-
-export { FilesDropzone };
-//# sourceMappingURL=FilesDropzone.js.map
+import{__assign as o}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as s,jsx as i,Fragment as c}from"react/jsx-runtime";import{useDropzone as n}from"react-dropzone";import t from"classnames";import{useStyles as e}from"./styles.js";import{FileAdditionOne as r}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as m}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/Gap.js";import{Regular14 as p}from"../Typography.js";import a from"../Button/components/Button/index.js";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{parseAccept as l,formatDescription as u}from"../../componentsV2/FilesDropzone/utils.js";var d=function(d){var j=d.multiple,I=d.children,h=d.accept,f=d.onDrop,x=d.className,b=d.maxFiles,v=d.maxSize,C=d.errorText,F=d.disabled,g=e(),z=l(h),B=z.mimetypes,y=z.extensions,D=B.length||y.length?o({"*/*":y},Object.fromEntries(B.map((function(o){return[o,[]]})))):void 0,N=u(y,v),k=n({onDrop:f,multiple:j,accept:D,maxFiles:b,maxSize:v,disabled:F}),S=k.getRootProps,A=k.getInputProps,E=k.isDragActive;return s("div",{className:x,children:[s("div",o({},S(),{className:t(g.root,F&&g.disabled,E&&g.active),children:[i("input",o({},A())),I||s(c,{children:[i(r,{size:24,className:g.icon}),i(p,{children:"Drag & Drop your file here or"}),i(a,{variation:"tertiary",size:"small",disabled:F,className:g.uploadButton,children:"Choose file"})]})]})),!C&&N&&i(p,{className:t(g.description,F&&g.disabled),children:N}),C&&s(p,{className:g.error,children:[i(m,{size:20}),C]})]})};export{d as FilesDropzone};

package/components/FilesDropzone/styles.js

@@ -1,61 +1 @@
-import { makeStyles } from '@material-ui/core';
-
-var transition = 'all .3s';
-var useStyles = makeStyles(function (theme) {
-  return {
-    disabled: {},
-    active: {},
-    icon: {
-      transition: transition
-    },
-    root: {
-      width: '100%',
-      minHeight: '150px',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      flexDirection: 'column',
-      borderRadius: '8px',
-      border: "1px dashed ".concat(theme.palette.primary.text9),
-      color: theme.palette.primary.text6,
-      gap: theme.spacing(1),
-      transition: transition,
-      '&:hover:not($disabled), &$active': {
-        cursor: 'pointer',
-        background: "".concat(theme.palette.primary.main, "1f"),
-        border: "1px solid ".concat(theme.palette.primary.main),
-        '& $icon': {
-          color: theme.palette.primary.main
-        }
-      },
-      '&$disabled': {
-        cursor: 'not-allowed',
-        color: theme.palette.primary.text9,
-        borderColor: theme.palette.primary.text9
-      }
-    },
-    uploadButton: {
-      marginTop: theme.spacing(1)
-    },
-    error: {
-      lineHeight: '16px!important',
-      color: theme.palette.error.main,
-      display: 'flex',
-      flexFlow: 'row nowrap',
-      alignItems: 'center',
-      gap: theme.spacing(1),
-      marginTop: theme.spacing(1)
-    },
-    description: {
-      marginTop: theme.spacing(1),
-      color: theme.palette.primary.text6,
-      transition: 'all .3s',
-      '&$disabled': {
-        color: theme.palette.primary.text9
-      }
-    }
-  };
-});
-
-export { useStyles };
-//# sourceMappingURL=styles.js.map
+import{makeStyles as r}from"@material-ui/core";var t=r((function(r){return{disabled:{},active:{},icon:{transition:"all .3s"},root:{width:"100%",minHeight:"150px",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",borderRadius:"8px",border:"1px dashed ".concat(r.palette.primary.text9),color:r.palette.primary.text6,gap:r.spacing(1),transition:"all .3s","&:hover:not($disabled), &$active":{cursor:"pointer",background:"".concat(r.palette.primary.main,"1f"),border:"1px solid ".concat(r.palette.primary.main),"& $icon":{color:r.palette.primary.main}},"&$disabled":{cursor:"not-allowed",color:r.palette.primary.text9,borderColor:r.palette.primary.text9}},uploadButton:{marginTop:r.spacing(1)},error:{lineHeight:"16px!important",color:r.palette.error.main,display:"flex",flexFlow:"row nowrap",alignItems:"center",gap:r.spacing(1),marginTop:r.spacing(1)},description:{marginTop:r.spacing(1),color:r.palette.primary.text6,transition:"all .3s","&$disabled":{color:r.palette.primary.text9}}}}));export{t as useStyles};