@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/FileUploadIconButton.js

@@ -1 +1,291 @@
-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 s from"@babel/runtime/helpers/defineProperty";import a from"@babel/runtime/regenerator";import{createRef as p,PureComponent as u}from"react";import c from"prop-types";import d from"react-s3-uploader/s3upload";import{withStyles as f}from"@material-ui/core/styles";import m from"@material-ui/core/CircularProgress";import h from"@material-ui/icons/PhotoCamera";import b from"./PostPreviewDialog/index.js";import g from"./Icons/AttachIcon.js";import F from"./IconButton/index.js";import{getS3DownloadLink as v,getS3SignedUrl as U}from"../clients/jsonApi/index.js";import{isNativeDetected as y}from"../utils/mobileDetect.js";import{jsxs as P,jsx as S,Fragment as O}from"react/jsx-runtime";function w(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 j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?w(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function D(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 I=function(n){o(c,u);var l=D(c);function c(t){var o,n;return r(this,c),o=l.call(this,t),s(i(o),"onFinish",e(a.mark((function e(){var r;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,v(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)})))),s(i(o),"onError",(function(e){o.props.onError&&o.props.onError(e),console.error(e)})),s(i(o),"getSignedUrl",(n=e(a.mark((function e(r,t){var i;return a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,U(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(j(j({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,r){return n.apply(this,arguments)})),s(i(o),"preprocess",(function(e,r){r(e)})),s(i(o),"uploadFile",(function(e){if(e.target.files[0]){o.clearUpload();var r=new d({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}})}})),s(i(o),"handleCloseFileUploadPreviewDialog",(function(){o.setState({openFileUploadPreviewDialog:!1})})),s(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(c,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=y?h:g;return P("label",{htmlFor:this.props.inputId,children:[S("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),S(F,{"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:{title:"Attach File"},children:S(e,{})})]})}},{key:"render",value:function(){return P(O,{children:[this.state.uploadingFileToS3?S(m,{"data-testid":"generic_uploadProgress",classes:{root:this.props.classes.progressRoot},size:20}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&S(b,{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})]})}}]),c}();I.propTypes={additionalFields:c.arrayOf(c.node),classes:c.shape({}).isRequired,disableRipple:c.bool,disabled:c.bool,fileUploadIconClassName:c.string,handleShare:c.func,inputId:c.string,message:c.string,onError:c.func,onFinish:c.func,openPreviewDialogOnUpload:c.bool,requiredFields:c.arrayOf(c.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:[]};var C=f({progressRoot:{margin:14,marginTop:20}})(I);export{C as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { isNativeDetected } from '../utils/mobileDetect.js';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { getS3DownloadLink, getS3SignedUrl } from '../clients/jsonApi/index.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+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 IconButton from './IconButton/index.js';
+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';
+
+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; }
+
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_NAME = 'fileUpload';
+var muiStyles = {
+  progressRoot: {
+    margin: 14,
+    marginTop: 20
+  }
+};
+
+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;
+      return /*#__PURE__*/jsxs("label", {
+        htmlFor: this.props.inputId,
+        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: {
+            title: 'Attach File'
+          },
+          children: /*#__PURE__*/jsx(Icon, {})
+        })]
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [this.state.uploadingFileToS3 ? /*#__PURE__*/jsx(CircularProgress, {
+          "data-testid": "generic_uploadProgress",
+          classes: {
+            root: this.props.classes.progressRoot
+          },
+          size: 20
+        }) : 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,
+  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: []
+};
+var FileUploadIconButton$1 = withStyles(muiStyles)(FileUploadIconButton);
+
+export default FileUploadIconButton$1;
+//# sourceMappingURL=FileUploadIconButton.js.map

package/components/FileUploadIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadIconButton.js","sources":["../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\n\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\nconst muiStyles = {\n  progressRoot: { margin: 14, marginTop: 20 },\n};\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n\n    return (\n      <label htmlFor={this.props.inputId}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={{ title: 'Attach File' }}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress\n            data-testid=\"generic_uploadProgress\"\n            classes={{ root: this.props.classes.progressRoot }}\n            size={20}\n          />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}).isRequired,\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n};\n\nexport default withStyles(muiStyles)(FileUploadIconButton);\n"],"names":["PAGE_NAME","muiStyles","progressRoot","margin","marginTop","FileUploadIconButton","props","getS3DownloadLink","state","s3FileName","s3DownloadLinkResponse","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","fileUploadingError","onError","console","error","file","callback","getS3SignedUrl","name","type","data","message","signed_url","file_name","size","signedUrl","next","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","_jsxs","inputId","_jsx","disabled","uploadFile","display","fileUploadIconClassName","disableRipple","title","root","classes","renderUploadButton","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","PureComponent","propTypes","PropTypes","arrayOf","node","shape","isRequired","bool","string","func","defaultProps","undefined","withStyles"],"mappings":"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"}

package/components/FilesLoader/FilesLoader.js

@@ -1 +1,169 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as o,useEffect as n}from"react";import{Typography as t,LinearProgress as a,Tooltip as i,IconButton as c}from"@material-ui/core";import{Delete as l}from"@material-ui/icons";import s from"prop-types";import d from"./Icons/IconWarning.js";import m from"./Icons/IconCancel.js";import p from"./Icons/IconSuccess.js";import{useStyles as f}from"./useStyles.js";import u from"./Icons/FileIcon.js";import{jsxs as h,jsx as v}from"react/jsx-runtime";function y(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,n)}return o}function b(r){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?y(Object(n),!0).forEach((function(o){e(r,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function j(e){var s=f(),y=o({}),j=r(y,2),w=j[0],O=j[1],g=o(0),N=r(g,2),P=N[0],S=N[1],z=e.name,B=e.sizeBytes,I=e.handleCancel,M=e.onDelete,C=e.loadedBytes,D=e.error;return n((function(){B&&O(B>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(B/Math.pow(10,5))/10}:B>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(B/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*B)/10})}),[B]),n((function(){if(C){var e=Math.round(C/B*100);O((function(r){return b(b({},r),{},{downloaded:Math.floor(r.convertedSize*e/10)/10})})),S(e)}}),[C]),h("div",{className:s.fileStateWrapper,children:[v("div",{className:s.fileIconContainer,children:v(u,{name:z})}),h("div",{className:s.fileState,children:[h("div",{className:s.fileStateProgress,children:[v("div",{className:s.fileNameWrapper,children:v(t,{className:s.fileName,children:z})}),v(a,{className:s.progressBar,variant:"determinate",value:P,classes:{colorPrimary:s.progressBackground}}),h("div",{className:s.loaderProgressContainer,children:[v(t,{className:s.fileSize,component:"span",children:"".concat(w.downloaded," of ").concat(w.convertedSize," ").concat(w.unit)}),v("div",{className:s.progressStatus,children:D?v(i,{title:"There was a server error during the upload request. Please try later.",children:h(t,{component:"div",className:s.errorContainer,children:[v(t,{component:"span",className:s.errorText,children:"Upload Error"}),v(d,{})]})}):"".concat(P," %")})]})]}),h("div",{className:s.fileActions,children:[P<100&&!D&&v(c,{size:"small",onClick:function(){I(z),S(0),O((function(e){return b(b({},e),{},{downloaded:0})}))},children:v(m,{})}),100===P&&!D&&(M?v(c,{size:"small",onClick:M,children:v(l,{className:s.deleteIcon})}):v(p,{}))]})]})]})}j.propTypes={onDelete:s.func,handleCancel:s.func,name:s.string,sizeBytes:s.number,error:s.bool,loadedBytes:s.number.isRequired},j.defaultProps={onDelete:null,name:"",sizeBytes:1,error:null,handleCancel:null};export{j as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography, LinearProgress, Tooltip, IconButton } from '@material-ui/core';
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { Delete } from '@material-ui/icons';
+import IconWarning from './Icons/IconWarning.js';
+import IconCancel from './Icons/IconCancel.js';
+import IconSuccess from './Icons/IconSuccess.js';
+import { useStyles } from './useStyles.js';
+import FileIcon from './Icons/FileIcon.js';
+
+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; }
+
+function FilesLoader(props) {
+  var classes = useStyles();
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      sizeParams = _useState2[0],
+      setSizeParams = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      progressPercent = _useState4[0],
+      setProgressPercent = _useState4[1];
+
+  var name = props.name,
+      sizeBytes = props.sizeBytes,
+      handleCancel = props.handleCancel,
+      onDelete = props.onDelete,
+      loadedBytes = props.loadedBytes,
+      error = props.error;
+
+  var getInitSizeParams = function getInitSizeParams() {
+    if (sizeBytes >= Math.pow(10, 6)) {
+      return {
+        downloaded: 0,
+        unit: 'MB',
+        convertedSize: Math.floor(sizeBytes / Math.pow(10, 5)) / 10
+      };
+    }
+
+    if (sizeBytes >= Math.pow(10, 3)) {
+      return {
+        downloaded: 0,
+        unit: 'KB',
+        convertedSize: Math.floor(sizeBytes / Math.pow(10, 2)) / 10
+      };
+    }
+
+    return {
+      downloaded: 0,
+      unit: 'B',
+      convertedSize: Math.floor(sizeBytes * 10) / 10
+    };
+  };
+
+  var handleCancelProgress = function handleCancelProgress() {
+    handleCancel(name);
+    setProgressPercent(0);
+    setSizeParams(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        downloaded: 0
+      });
+    });
+  };
+
+  useEffect(function () {
+    if (sizeBytes) {
+      setSizeParams(getInitSizeParams());
+    }
+  }, [sizeBytes]);
+  useEffect(function () {
+    if (loadedBytes) {
+      var currentPercent = Math.round(loadedBytes / sizeBytes * 100);
+      setSizeParams(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          downloaded: Math.floor(prev.convertedSize * currentPercent / 10) / 10
+        });
+      });
+      setProgressPercent(currentPercent);
+    }
+  }, [loadedBytes]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.fileStateWrapper,
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.fileIconContainer,
+      children: /*#__PURE__*/jsx(FileIcon, {
+        name: name
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.fileState,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classes.fileStateProgress,
+        children: [/*#__PURE__*/jsx("div", {
+          className: classes.fileNameWrapper,
+          children: /*#__PURE__*/jsx(Typography, {
+            className: classes.fileName,
+            children: name
+          })
+        }), /*#__PURE__*/jsx(LinearProgress, {
+          className: classes.progressBar,
+          variant: "determinate",
+          value: progressPercent,
+          classes: {
+            colorPrimary: classes.progressBackground
+          }
+        }), /*#__PURE__*/jsxs("div", {
+          className: classes.loaderProgressContainer,
+          children: [/*#__PURE__*/jsx(Typography, {
+            className: classes.fileSize,
+            component: "span",
+            children: "".concat(sizeParams.downloaded, " of ").concat(sizeParams.convertedSize, " ").concat(sizeParams.unit)
+          }), /*#__PURE__*/jsx("div", {
+            className: classes.progressStatus,
+            children: error ? /*#__PURE__*/jsx(Tooltip, {
+              title: "There was a server error during the upload request. Please try later.",
+              children: /*#__PURE__*/jsxs(Typography, {
+                component: "div",
+                className: classes.errorContainer,
+                children: [/*#__PURE__*/jsx(Typography, {
+                  component: "span",
+                  className: classes.errorText,
+                  children: "Upload Error"
+                }), /*#__PURE__*/jsx(IconWarning, {})]
+              })
+            }) : "".concat(progressPercent, " %")
+          })]
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: classes.fileActions,
+        children: [progressPercent < 100 && !error && /*#__PURE__*/jsx(IconButton, {
+          size: "small",
+          onClick: handleCancelProgress,
+          children: /*#__PURE__*/jsx(IconCancel, {})
+        }), progressPercent === 100 && !error && (onDelete ? /*#__PURE__*/jsx(IconButton, {
+          size: "small",
+          onClick: onDelete,
+          children: /*#__PURE__*/jsx(Delete, {
+            className: classes.deleteIcon
+          })
+        }) : /*#__PURE__*/jsx(IconSuccess, {}))]
+      })]
+    })]
+  });
+}
+
+FilesLoader.propTypes = {
+  onDelete: PropTypes.func,
+  handleCancel: PropTypes.func,
+  name: PropTypes.string,
+  sizeBytes: PropTypes.number,
+  error: PropTypes.bool,
+  loadedBytes: PropTypes.number.isRequired
+};
+FilesLoader.defaultProps = {
+  onDelete: null,
+  name: '',
+  sizeBytes: 1,
+  error: null,
+  handleCancel: null
+};
+
+export default FilesLoader;
+//# sourceMappingURL=FilesLoader.js.map

package/components/FilesLoader/FilesLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesLoader.js","sources":["../../../src/components/FilesLoader/FilesLoader.js"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Typography, LinearProgress, Tooltip, IconButton } from '@material-ui/core';\nimport { Delete } from '@material-ui/icons';\n\nimport PropTypes from 'prop-types';\n\nimport IconWarning from './Icons/IconWarning';\nimport IconCancel from './Icons/IconCancel';\nimport IconSuccess from './Icons/IconSuccess';\nimport { useStyles } from './useStyles';\nimport FileIcon from './Icons/FileIcon';\n\nfunction FilesLoader(props) {\n  const classes = useStyles();\n  const [sizeParams, setSizeParams] = useState({});\n  const [progressPercent, setProgressPercent] = useState(0);\n  const { name, sizeBytes, handleCancel, onDelete, loadedBytes, error } = props;\n\n  const getInitSizeParams = () => {\n    if (sizeBytes >= 10 ** 6) {\n      return {\n        downloaded: 0,\n        unit: 'MB',\n        convertedSize: Math.floor(sizeBytes / 10 ** 5) / 10,\n      };\n    }\n    if (sizeBytes >= 10 ** 3) {\n      return {\n        downloaded: 0,\n        unit: 'KB',\n        convertedSize: Math.floor(sizeBytes / 10 ** 2) / 10,\n      };\n    }\n    return {\n      downloaded: 0,\n      unit: 'B',\n      convertedSize: Math.floor(sizeBytes * 10) / 10,\n    };\n  };\n\n  const handleCancelProgress = () => {\n    handleCancel(name);\n    setProgressPercent(0);\n    setSizeParams(prev => ({ ...prev, downloaded: 0 }));\n  };\n\n  useEffect(() => {\n    if (sizeBytes) {\n      setSizeParams(getInitSizeParams());\n    }\n  }, [sizeBytes]);\n\n  useEffect(() => {\n    if (loadedBytes) {\n      const currentPercent = Math.round((loadedBytes / sizeBytes) * 100);\n      setSizeParams(prev => ({\n        ...prev,\n        downloaded: Math.floor((prev.convertedSize * currentPercent) / 10) / 10,\n      }));\n      setProgressPercent(currentPercent);\n    }\n  }, [loadedBytes]);\n\n  return (\n    <div className={classes.fileStateWrapper}>\n      <div className={classes.fileIconContainer}>\n        <FileIcon name={name} />\n      </div>\n      <div className={classes.fileState}>\n        <div className={classes.fileStateProgress}>\n          <div className={classes.fileNameWrapper}>\n            <Typography className={classes.fileName}>{name}</Typography>\n          </div>\n          <LinearProgress\n            className={classes.progressBar}\n            variant=\"determinate\"\n            value={progressPercent}\n            classes={{ colorPrimary: classes.progressBackground }}\n          />\n          <div className={classes.loaderProgressContainer}>\n            <Typography className={classes.fileSize} component=\"span\">\n              {`${sizeParams.downloaded} of ${sizeParams.convertedSize} ${sizeParams.unit}`}\n            </Typography>\n            <div className={classes.progressStatus}>\n              {error ? (\n                <Tooltip title=\"There was a server error during the upload request. Please try later.\">\n                  <Typography component=\"div\" className={classes.errorContainer}>\n                    <Typography component=\"span\" className={classes.errorText}>\n                      Upload Error\n                    </Typography>\n                    <IconWarning />\n                  </Typography>\n                </Tooltip>\n              ) : (\n                `${progressPercent} %`\n              )}\n            </div>\n          </div>\n        </div>\n        <div className={classes.fileActions}>\n          {progressPercent < 100 && !error && (\n            <IconButton size=\"small\" onClick={handleCancelProgress}>\n              <IconCancel />\n            </IconButton>\n          )}\n          {progressPercent === 100 &&\n            !error &&\n            (onDelete ? (\n              <IconButton size=\"small\" onClick={onDelete}>\n                <Delete className={classes.deleteIcon} />\n              </IconButton>\n            ) : (\n              <IconSuccess />\n            ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nFilesLoader.propTypes = {\n  onDelete: PropTypes.func,\n  handleCancel: PropTypes.func,\n  name: PropTypes.string,\n  sizeBytes: PropTypes.number,\n  error: PropTypes.bool,\n  loadedBytes: PropTypes.number.isRequired,\n};\n\nFilesLoader.defaultProps = {\n  onDelete: null,\n  name: '',\n  sizeBytes: 1,\n  error: null,\n  handleCancel: null,\n};\nexport default FilesLoader;\n"],"names":["FilesLoader","props","classes","useStyles","useState","sizeParams","setSizeParams","progressPercent","setProgressPercent","name","sizeBytes","handleCancel","onDelete","loadedBytes","error","getInitSizeParams","downloaded","unit","convertedSize","Math","floor","handleCancelProgress","prev","useEffect","currentPercent","round","_jsxs","fileStateWrapper","_jsx","fileIconContainer","fileState","fileStateProgress","fileNameWrapper","fileName","progressBar","colorPrimary","progressBackground","loaderProgressContainer","fileSize","progressStatus","errorContainer","errorText","fileActions","deleteIcon","propTypes","PropTypes","func","string","number","bool","isRequired","defaultProps"],"mappings":"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"}

package/components/FilesLoader/Icons/CSVFileIcon.js

@@ -1 +1,37 @@
-import{makeStyles as C,SvgIcon as V}from"@material-ui/core";import{jsxs as H,jsx as t}from"react/jsx-runtime";var i=C({svgIcon:{height:"32px",width:"32px"}}),e=function(){var C=i();return H(V,{className:C.svgIcon,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[t("path",{d:"M23.52 2.1H13.98V0.54V0.48C13.98 0.48 13.98 0.48 13.98 0.42V0.36L13.92 0.3C13.8 0.12 13.74 0.06 13.62 0C13.56 0 13.56 0 13.5 0H13.44C13.44 0 13.44 0 13.38 0L0.42 2.1C0.18 2.16 0 2.34 0 2.58V3.6V20.28V21.3C0 21.54 0.18 21.78 0.42 21.84L13.44 24C13.44 24 13.44 24 13.5 24H13.56C13.62 24 13.62 24 13.68 24C13.8 24 13.86 23.88 13.98 23.82L14.04 23.76V23.7C14.04 23.7 14.04 23.7 14.04 23.64V23.58V22.02H23.52C23.82 22.02 24 21.78 24 21.48V2.58C24 2.34 23.76 2.1 23.52 2.1ZM16.5 3.12V5.7H14.04V3.12H16.5ZM13.98 14.4H16.44V17.16H13.98V14.4ZM13.98 13.38V10.62H16.44V13.38H13.98ZM13.98 9.54V6.78H16.44V9.54H13.98ZM13.98 18.24H16.44V20.88H13.98V18.24ZM22.98 20.88H17.52V18.24H19.8C20.1 18.24 20.28 18 20.28 17.7C20.28 17.4 20.04 17.16 19.8 17.16H17.52V14.4H19.8C20.1 14.4 20.28 14.16 20.28 13.86C20.28 13.56 20.04 13.32 19.8 13.32H17.52V10.56H19.8C20.1 10.56 20.28 10.32 20.28 10.02C20.28 9.72 20.04 9.48 19.8 9.48H17.52V6.72H19.8C20.1 6.72 20.28 6.48 20.28 6.18C20.28 5.88 20.04 5.64 19.8 5.64H17.52V3.12H22.98V20.88Z",fill:"#75DB29"}),t("path",{d:"M6.0408 15.866C5.90212 15.999 5.78379 16.1534 5.68995 16.3238C5.60956 16.4724 5.5662 16.6396 5.56386 16.8102C5.55648 17.1066 5.63889 17.3978 5.79934 17.6424C5.95979 17.8869 6.19009 18.0724 6.45743 18.1723C6.63227 18.2425 6.8183 18.2775 7.00563 18.2753C7.19292 18.277 7.37885 18.242 7.55383 18.1723C7.72236 18.1098 7.87711 18.0125 8.00884 17.8862C8.14235 17.7544 8.2503 17.597 8.3268 17.4226C8.40494 17.2253 8.4387 17.0119 8.42547 16.7988C8.42714 16.6126 8.38775 16.4286 8.31035 16.2609C8.23255 16.0925 8.11802 15.9455 7.97595 15.8316L8.83114 15.0018C8.95447 15.1293 9.05805 15.276 9.13813 15.4368C9.22444 15.5925 9.29429 15.7575 9.34645 15.9289C9.39827 16.0834 9.4368 16.2423 9.46157 16.4039C9.4831 16.5345 9.49593 16.6664 9.49995 16.7988C9.50186 17.1603 9.44055 17.5191 9.31904 17.8575C9.20611 18.1766 9.03271 18.4685 8.80921 18.716C8.58801 18.9631 8.31889 19.1582 8.0198 19.2883C7.6964 19.4341 7.34691 19.5063 6.99467 19.5C6.64065 19.5062 6.28939 19.4341 5.96405 19.2883C5.66643 19.1554 5.39784 18.9607 5.17464 18.716C4.951 18.4697 4.7792 18.1773 4.67029 17.8575C4.55252 17.5183 4.49493 17.1596 4.50035 16.7988C4.50334 16.47 4.56276 16.1443 4.67577 15.8374C4.79108 15.515 4.97912 15.2264 5.22398 14.9961L6.0408 15.866Z",fill:"white"}),t("path",{d:"M5.9311 11.0758C5.77738 11.1828 5.65205 11.3286 5.56676 11.4997C5.48146 11.6707 5.43896 11.8616 5.4432 12.0544C5.44363 12.2245 5.48511 12.3918 5.56381 12.5408C5.59756 12.6162 5.65212 12.6794 5.72049 12.7222C5.78886 12.7651 5.86793 12.7856 5.94755 12.7812C6.01358 12.7843 6.07902 12.767 6.13561 12.7313C6.1922 12.6957 6.2374 12.6433 6.26551 12.5809C6.34457 12.4242 6.40179 12.2566 6.43545 12.083C6.48479 11.8827 6.53413 11.6652 6.58346 11.4363C6.63097 11.2114 6.70653 10.994 6.80823 10.7896C6.91084 10.5923 7.05521 10.422 7.23034 10.2917C7.44982 10.1481 7.70621 10.0782 7.96493 10.0914C8.21908 10.0819 8.47043 10.1495 8.68856 10.286C8.88075 10.4113 9.04221 10.5818 9.16001 10.7839C9.28225 10.9961 9.36935 11.2282 9.41767 11.4706C9.47179 11.7224 9.49936 11.9795 9.4999 12.2375C9.50269 12.6009 9.449 12.9623 9.34092 13.3077C9.22464 13.6464 9.02407 13.9466 8.75982 14.1776L8.01427 13.3649C8.18121 13.2209 8.32389 13.0488 8.43638 12.8556C8.5508 12.6531 8.60783 12.4209 8.60084 12.186C8.60233 12.0917 8.59313 11.9976 8.57344 11.9056C8.55306 11.8115 8.51982 11.7209 8.47476 11.6366C8.43129 11.5555 8.37143 11.4852 8.29933 11.4306C8.22851 11.3797 8.14405 11.3537 8.05813 11.3562C7.98576 11.3508 7.91335 11.3661 7.84866 11.4004C7.78396 11.4346 7.72941 11.4866 7.69083 11.5508C7.59968 11.7045 7.53303 11.8726 7.49348 12.0487C7.44414 12.249 7.40028 12.4664 7.35643 12.6953C7.31583 12.9272 7.24577 13.1524 7.14811 13.3649C7.05357 13.5611 6.91655 13.7316 6.74792 13.8628C6.53423 14.0052 6.28284 14.0733 6.02978 14.0574C5.79988 14.064 5.57204 14.0104 5.3671 13.9015C5.16216 13.7925 4.98666 13.6316 4.85663 13.4336C4.72665 13.2396 4.63188 13.0223 4.57705 12.7926C4.52266 12.5449 4.49689 12.2913 4.5003 12.0372C4.49999 11.7101 4.55187 11.3851 4.65379 11.0758C4.75413 10.7598 4.94561 10.4839 5.202 10.286L5.9311 11.0758Z",fill:"white"}),t("path",{d:"M4.60938 9.81656V8.46024L7.94792 7.13253L4.60938 5.7762V4.5L9.37873 6.45723V7.78494L4.60938 9.81656Z",fill:"white"})]})};export{e as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, SvgIcon } from '@material-ui/core';
+
+var useStyles = makeStyles({
+  svgIcon: {
+    height: '32px',
+    width: '32px'
+  }
+});
+
+var CSVFileIcon = function CSVFileIcon() {
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs(SvgIcon, {
+    className: classes.svgIcon,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M23.52 2.1H13.98V0.54V0.48C13.98 0.48 13.98 0.48 13.98 0.42V0.36L13.92 0.3C13.8 0.12 13.74 0.06 13.62 0C13.56 0 13.56 0 13.5 0H13.44C13.44 0 13.44 0 13.38 0L0.42 2.1C0.18 2.16 0 2.34 0 2.58V3.6V20.28V21.3C0 21.54 0.18 21.78 0.42 21.84L13.44 24C13.44 24 13.44 24 13.5 24H13.56C13.62 24 13.62 24 13.68 24C13.8 24 13.86 23.88 13.98 23.82L14.04 23.76V23.7C14.04 23.7 14.04 23.7 14.04 23.64V23.58V22.02H23.52C23.82 22.02 24 21.78 24 21.48V2.58C24 2.34 23.76 2.1 23.52 2.1ZM16.5 3.12V5.7H14.04V3.12H16.5ZM13.98 14.4H16.44V17.16H13.98V14.4ZM13.98 13.38V10.62H16.44V13.38H13.98ZM13.98 9.54V6.78H16.44V9.54H13.98ZM13.98 18.24H16.44V20.88H13.98V18.24ZM22.98 20.88H17.52V18.24H19.8C20.1 18.24 20.28 18 20.28 17.7C20.28 17.4 20.04 17.16 19.8 17.16H17.52V14.4H19.8C20.1 14.4 20.28 14.16 20.28 13.86C20.28 13.56 20.04 13.32 19.8 13.32H17.52V10.56H19.8C20.1 10.56 20.28 10.32 20.28 10.02C20.28 9.72 20.04 9.48 19.8 9.48H17.52V6.72H19.8C20.1 6.72 20.28 6.48 20.28 6.18C20.28 5.88 20.04 5.64 19.8 5.64H17.52V3.12H22.98V20.88Z",
+      fill: "#75DB29"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M6.0408 15.866C5.90212 15.999 5.78379 16.1534 5.68995 16.3238C5.60956 16.4724 5.5662 16.6396 5.56386 16.8102C5.55648 17.1066 5.63889 17.3978 5.79934 17.6424C5.95979 17.8869 6.19009 18.0724 6.45743 18.1723C6.63227 18.2425 6.8183 18.2775 7.00563 18.2753C7.19292 18.277 7.37885 18.242 7.55383 18.1723C7.72236 18.1098 7.87711 18.0125 8.00884 17.8862C8.14235 17.7544 8.2503 17.597 8.3268 17.4226C8.40494 17.2253 8.4387 17.0119 8.42547 16.7988C8.42714 16.6126 8.38775 16.4286 8.31035 16.2609C8.23255 16.0925 8.11802 15.9455 7.97595 15.8316L8.83114 15.0018C8.95447 15.1293 9.05805 15.276 9.13813 15.4368C9.22444 15.5925 9.29429 15.7575 9.34645 15.9289C9.39827 16.0834 9.4368 16.2423 9.46157 16.4039C9.4831 16.5345 9.49593 16.6664 9.49995 16.7988C9.50186 17.1603 9.44055 17.5191 9.31904 17.8575C9.20611 18.1766 9.03271 18.4685 8.80921 18.716C8.58801 18.9631 8.31889 19.1582 8.0198 19.2883C7.6964 19.4341 7.34691 19.5063 6.99467 19.5C6.64065 19.5062 6.28939 19.4341 5.96405 19.2883C5.66643 19.1554 5.39784 18.9607 5.17464 18.716C4.951 18.4697 4.7792 18.1773 4.67029 17.8575C4.55252 17.5183 4.49493 17.1596 4.50035 16.7988C4.50334 16.47 4.56276 16.1443 4.67577 15.8374C4.79108 15.515 4.97912 15.2264 5.22398 14.9961L6.0408 15.866Z",
+      fill: "white"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M5.9311 11.0758C5.77738 11.1828 5.65205 11.3286 5.56676 11.4997C5.48146 11.6707 5.43896 11.8616 5.4432 12.0544C5.44363 12.2245 5.48511 12.3918 5.56381 12.5408C5.59756 12.6162 5.65212 12.6794 5.72049 12.7222C5.78886 12.7651 5.86793 12.7856 5.94755 12.7812C6.01358 12.7843 6.07902 12.767 6.13561 12.7313C6.1922 12.6957 6.2374 12.6433 6.26551 12.5809C6.34457 12.4242 6.40179 12.2566 6.43545 12.083C6.48479 11.8827 6.53413 11.6652 6.58346 11.4363C6.63097 11.2114 6.70653 10.994 6.80823 10.7896C6.91084 10.5923 7.05521 10.422 7.23034 10.2917C7.44982 10.1481 7.70621 10.0782 7.96493 10.0914C8.21908 10.0819 8.47043 10.1495 8.68856 10.286C8.88075 10.4113 9.04221 10.5818 9.16001 10.7839C9.28225 10.9961 9.36935 11.2282 9.41767 11.4706C9.47179 11.7224 9.49936 11.9795 9.4999 12.2375C9.50269 12.6009 9.449 12.9623 9.34092 13.3077C9.22464 13.6464 9.02407 13.9466 8.75982 14.1776L8.01427 13.3649C8.18121 13.2209 8.32389 13.0488 8.43638 12.8556C8.5508 12.6531 8.60783 12.4209 8.60084 12.186C8.60233 12.0917 8.59313 11.9976 8.57344 11.9056C8.55306 11.8115 8.51982 11.7209 8.47476 11.6366C8.43129 11.5555 8.37143 11.4852 8.29933 11.4306C8.22851 11.3797 8.14405 11.3537 8.05813 11.3562C7.98576 11.3508 7.91335 11.3661 7.84866 11.4004C7.78396 11.4346 7.72941 11.4866 7.69083 11.5508C7.59968 11.7045 7.53303 11.8726 7.49348 12.0487C7.44414 12.249 7.40028 12.4664 7.35643 12.6953C7.31583 12.9272 7.24577 13.1524 7.14811 13.3649C7.05357 13.5611 6.91655 13.7316 6.74792 13.8628C6.53423 14.0052 6.28284 14.0733 6.02978 14.0574C5.79988 14.064 5.57204 14.0104 5.3671 13.9015C5.16216 13.7925 4.98666 13.6316 4.85663 13.4336C4.72665 13.2396 4.63188 13.0223 4.57705 12.7926C4.52266 12.5449 4.49689 12.2913 4.5003 12.0372C4.49999 11.7101 4.55187 11.3851 4.65379 11.0758C4.75413 10.7598 4.94561 10.4839 5.202 10.286L5.9311 11.0758Z",
+      fill: "white"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M4.60938 9.81656V8.46024L7.94792 7.13253L4.60938 5.7762V4.5L9.37873 6.45723V7.78494L4.60938 9.81656Z",
+      fill: "white"
+    })]
+  });
+};
+
+export default CSVFileIcon;
+//# sourceMappingURL=CSVFileIcon.js.map

package/components/FilesLoader/Icons/CSVFileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSVFileIcon.js","sources":["../../../../src/components/FilesLoader/Icons/CSVFileIcon.js"],"sourcesContent":["import { makeStyles, SvgIcon } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  svgIcon: {\n    height: '32px',\n    width: '32px',\n  },\n});\n\nconst CSVFileIcon = () => {\n  const classes = useStyles();\n  return (\n    <SvgIcon\n      className={classes.svgIcon}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M23.52 2.1H13.98V0.54V0.48C13.98 0.48 13.98 0.48 13.98 0.42V0.36L13.92 0.3C13.8 0.12 13.74 0.06 13.62 0C13.56 0 13.56 0 13.5 0H13.44C13.44 0 13.44 0 13.38 0L0.42 2.1C0.18 2.16 0 2.34 0 2.58V3.6V20.28V21.3C0 21.54 0.18 21.78 0.42 21.84L13.44 24C13.44 24 13.44 24 13.5 24H13.56C13.62 24 13.62 24 13.68 24C13.8 24 13.86 23.88 13.98 23.82L14.04 23.76V23.7C14.04 23.7 14.04 23.7 14.04 23.64V23.58V22.02H23.52C23.82 22.02 24 21.78 24 21.48V2.58C24 2.34 23.76 2.1 23.52 2.1ZM16.5 3.12V5.7H14.04V3.12H16.5ZM13.98 14.4H16.44V17.16H13.98V14.4ZM13.98 13.38V10.62H16.44V13.38H13.98ZM13.98 9.54V6.78H16.44V9.54H13.98ZM13.98 18.24H16.44V20.88H13.98V18.24ZM22.98 20.88H17.52V18.24H19.8C20.1 18.24 20.28 18 20.28 17.7C20.28 17.4 20.04 17.16 19.8 17.16H17.52V14.4H19.8C20.1 14.4 20.28 14.16 20.28 13.86C20.28 13.56 20.04 13.32 19.8 13.32H17.52V10.56H19.8C20.1 10.56 20.28 10.32 20.28 10.02C20.28 9.72 20.04 9.48 19.8 9.48H17.52V6.72H19.8C20.1 6.72 20.28 6.48 20.28 6.18C20.28 5.88 20.04 5.64 19.8 5.64H17.52V3.12H22.98V20.88Z\"\n        fill=\"#75DB29\"\n      />\n      <path\n        d=\"M6.0408 15.866C5.90212 15.999 5.78379 16.1534 5.68995 16.3238C5.60956 16.4724 5.5662 16.6396 5.56386 16.8102C5.55648 17.1066 5.63889 17.3978 5.79934 17.6424C5.95979 17.8869 6.19009 18.0724 6.45743 18.1723C6.63227 18.2425 6.8183 18.2775 7.00563 18.2753C7.19292 18.277 7.37885 18.242 7.55383 18.1723C7.72236 18.1098 7.87711 18.0125 8.00884 17.8862C8.14235 17.7544 8.2503 17.597 8.3268 17.4226C8.40494 17.2253 8.4387 17.0119 8.42547 16.7988C8.42714 16.6126 8.38775 16.4286 8.31035 16.2609C8.23255 16.0925 8.11802 15.9455 7.97595 15.8316L8.83114 15.0018C8.95447 15.1293 9.05805 15.276 9.13813 15.4368C9.22444 15.5925 9.29429 15.7575 9.34645 15.9289C9.39827 16.0834 9.4368 16.2423 9.46157 16.4039C9.4831 16.5345 9.49593 16.6664 9.49995 16.7988C9.50186 17.1603 9.44055 17.5191 9.31904 17.8575C9.20611 18.1766 9.03271 18.4685 8.80921 18.716C8.58801 18.9631 8.31889 19.1582 8.0198 19.2883C7.6964 19.4341 7.34691 19.5063 6.99467 19.5C6.64065 19.5062 6.28939 19.4341 5.96405 19.2883C5.66643 19.1554 5.39784 18.9607 5.17464 18.716C4.951 18.4697 4.7792 18.1773 4.67029 17.8575C4.55252 17.5183 4.49493 17.1596 4.50035 16.7988C4.50334 16.47 4.56276 16.1443 4.67577 15.8374C4.79108 15.515 4.97912 15.2264 5.22398 14.9961L6.0408 15.866Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M5.9311 11.0758C5.77738 11.1828 5.65205 11.3286 5.56676 11.4997C5.48146 11.6707 5.43896 11.8616 5.4432 12.0544C5.44363 12.2245 5.48511 12.3918 5.56381 12.5408C5.59756 12.6162 5.65212 12.6794 5.72049 12.7222C5.78886 12.7651 5.86793 12.7856 5.94755 12.7812C6.01358 12.7843 6.07902 12.767 6.13561 12.7313C6.1922 12.6957 6.2374 12.6433 6.26551 12.5809C6.34457 12.4242 6.40179 12.2566 6.43545 12.083C6.48479 11.8827 6.53413 11.6652 6.58346 11.4363C6.63097 11.2114 6.70653 10.994 6.80823 10.7896C6.91084 10.5923 7.05521 10.422 7.23034 10.2917C7.44982 10.1481 7.70621 10.0782 7.96493 10.0914C8.21908 10.0819 8.47043 10.1495 8.68856 10.286C8.88075 10.4113 9.04221 10.5818 9.16001 10.7839C9.28225 10.9961 9.36935 11.2282 9.41767 11.4706C9.47179 11.7224 9.49936 11.9795 9.4999 12.2375C9.50269 12.6009 9.449 12.9623 9.34092 13.3077C9.22464 13.6464 9.02407 13.9466 8.75982 14.1776L8.01427 13.3649C8.18121 13.2209 8.32389 13.0488 8.43638 12.8556C8.5508 12.6531 8.60783 12.4209 8.60084 12.186C8.60233 12.0917 8.59313 11.9976 8.57344 11.9056C8.55306 11.8115 8.51982 11.7209 8.47476 11.6366C8.43129 11.5555 8.37143 11.4852 8.29933 11.4306C8.22851 11.3797 8.14405 11.3537 8.05813 11.3562C7.98576 11.3508 7.91335 11.3661 7.84866 11.4004C7.78396 11.4346 7.72941 11.4866 7.69083 11.5508C7.59968 11.7045 7.53303 11.8726 7.49348 12.0487C7.44414 12.249 7.40028 12.4664 7.35643 12.6953C7.31583 12.9272 7.24577 13.1524 7.14811 13.3649C7.05357 13.5611 6.91655 13.7316 6.74792 13.8628C6.53423 14.0052 6.28284 14.0733 6.02978 14.0574C5.79988 14.064 5.57204 14.0104 5.3671 13.9015C5.16216 13.7925 4.98666 13.6316 4.85663 13.4336C4.72665 13.2396 4.63188 13.0223 4.57705 12.7926C4.52266 12.5449 4.49689 12.2913 4.5003 12.0372C4.49999 11.7101 4.55187 11.3851 4.65379 11.0758C4.75413 10.7598 4.94561 10.4839 5.202 10.286L5.9311 11.0758Z\"\n        fill=\"white\"\n      />\n      <path\n        d=\"M4.60938 9.81656V8.46024L7.94792 7.13253L4.60938 5.7762V4.5L9.37873 6.45723V7.78494L4.60938 9.81656Z\"\n        fill=\"white\"\n      />\n    </SvgIcon>\n  );\n};\n\nexport default CSVFileIcon;\n"],"names":["useStyles","makeStyles","svgIcon","height","width","CSVFileIcon","classes","_jsxs","_jsx"],"mappings":";;;AAEA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,MADD;AAEPC,IAAAA,KAAK,EAAE;AAFA;AADkB,CAAD,CAA5B;;IAOMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,MAAMC,OAAO,GAAGN,SAAS,EAAzB;AACA,sBACEO,KAAC,OAAD;AACE,IAAA,SAAS,EAAED,OAAO,CAACJ,OADrB;AAEE,IAAA,KAAK,EAAC,4BAFR;AAGE,IAAA,KAAK,EAAC,IAHR;AAIE,IAAA,MAAM,EAAC,IAJT;AAKE,IAAA,OAAO,EAAC,WALV;AAME,IAAA,IAAI,EAAC,MANP;AAAA,4BAQEM;AACE,MAAA,CAAC,EAAC,k/BADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MARF,eAYEA;AACE,MAAA,CAAC,EAAC,ssCADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MAZF,eAgBEA;AACE,MAAA,CAAC,EAAC,6wDADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MAhBF,eAoBEA;AACE,MAAA,CAAC,EAAC,sGADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MApBF;AAAA,IADF;AA2BD;;;;"}

package/components/FilesLoader/Icons/DocFileIcon.js

@@ -1 +1,27 @@
-import{makeStyles as C,SvgIcon as H}from"@material-ui/core";import{jsxs as V,jsx as r}from"react/jsx-runtime";var t=C({svgIcon:{height:"32px",width:"32px"}}),i=function(){var C=t();return V(H,{viewBox:"0 0 32 32",className:C.svgIcon,children:[r("path",{d:"M31.36 2.8H18.64V0.72V0.64C18.64 0.64 18.64 0.64 18.64 0.56V0.48L18.56 0.4C18.4 0.16 18.32 0.08 18.16 0C18.08 0 18.08 0 18 0H17.92C17.92 0 17.92 0 17.84 0L0.56 2.8C0.24 2.88 0 3.12 0 3.44V4.8V27.04V28.4C0 28.72 0.24 29.04 0.56 29.12L17.92 32C17.92 32 17.92 32 18 32H18.08C18.16 32 18.16 32 18.24 32C18.4 32 18.48 31.84 18.64 31.76L18.72 31.68V31.6C18.72 31.6 18.72 31.6 18.72 31.52V31.44V29.36H31.36C31.76 29.36 32 29.04 32 28.64V3.44C32 3.12 31.68 2.8 31.36 2.8ZM30.64 27.84H18.64V24.32H26.48C26.88 24.32 27.12 24 27.12 23.6C27.12 23.2 26.8 22.88 26.48 22.88H18.64V19.2H26.48C26.88 19.2 27.12 18.88 27.12 18.48C27.12 18.08 26.8 17.76 26.48 17.76H18.64V14.08H26.48C26.88 14.08 27.12 13.76 27.12 13.36C27.12 12.96 26.8 12.64 26.48 12.64H18.64V8.96H26.48C26.88 8.96 27.12 8.64 27.12 8.24C27.12 7.84 26.8 7.52 26.48 7.52H18.64V4.16H30.64V27.84Z",fill:"#2196F3"}),r("path",{d:"M3.6001 11.918H5.5201L6.8001 17.118L8.4801 11.918H10.1601L11.8401 17.198L13.2001 11.918H15.0401L12.7201 19.998H11.1201L9.3601 14.398L7.6001 19.998H6.0001L3.6001 11.918Z",fill:"white"})]})};export{i as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, SvgIcon } from '@material-ui/core';
+
+var useStyles = makeStyles({
+  svgIcon: {
+    height: '32px',
+    width: '32px'
+  }
+});
+
+var DocFileIcon = function DocFileIcon() {
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs(SvgIcon, {
+    viewBox: "0 0 32 32",
+    className: classes.svgIcon,
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M31.36 2.8H18.64V0.72V0.64C18.64 0.64 18.64 0.64 18.64 0.56V0.48L18.56 0.4C18.4 0.16 18.32 0.08 18.16 0C18.08 0 18.08 0 18 0H17.92C17.92 0 17.92 0 17.84 0L0.56 2.8C0.24 2.88 0 3.12 0 3.44V4.8V27.04V28.4C0 28.72 0.24 29.04 0.56 29.12L17.92 32C17.92 32 17.92 32 18 32H18.08C18.16 32 18.16 32 18.24 32C18.4 32 18.48 31.84 18.64 31.76L18.72 31.68V31.6C18.72 31.6 18.72 31.6 18.72 31.52V31.44V29.36H31.36C31.76 29.36 32 29.04 32 28.64V3.44C32 3.12 31.68 2.8 31.36 2.8ZM30.64 27.84H18.64V24.32H26.48C26.88 24.32 27.12 24 27.12 23.6C27.12 23.2 26.8 22.88 26.48 22.88H18.64V19.2H26.48C26.88 19.2 27.12 18.88 27.12 18.48C27.12 18.08 26.8 17.76 26.48 17.76H18.64V14.08H26.48C26.88 14.08 27.12 13.76 27.12 13.36C27.12 12.96 26.8 12.64 26.48 12.64H18.64V8.96H26.48C26.88 8.96 27.12 8.64 27.12 8.24C27.12 7.84 26.8 7.52 26.48 7.52H18.64V4.16H30.64V27.84Z",
+      fill: "#2196F3"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3.6001 11.918H5.5201L6.8001 17.118L8.4801 11.918H10.1601L11.8401 17.198L13.2001 11.918H15.0401L12.7201 19.998H11.1201L9.3601 14.398L7.6001 19.998H6.0001L3.6001 11.918Z",
+      fill: "white"
+    })]
+  });
+};
+
+export default DocFileIcon;
+//# sourceMappingURL=DocFileIcon.js.map

package/components/FilesLoader/Icons/DocFileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocFileIcon.js","sources":["../../../../src/components/FilesLoader/Icons/DocFileIcon.js"],"sourcesContent":["import { makeStyles, SvgIcon } from '@material-ui/core';\n\nconst useStyles = makeStyles({\n  svgIcon: {\n    height: '32px',\n    width: '32px',\n  },\n});\n\nconst DocFileIcon = () => {\n  const classes = useStyles();\n  return (\n    <SvgIcon viewBox=\"0 0 32 32\" className={classes.svgIcon}>\n      <path\n        d=\"M31.36 2.8H18.64V0.72V0.64C18.64 0.64 18.64 0.64 18.64 0.56V0.48L18.56 0.4C18.4 0.16 18.32 0.08 18.16 0C18.08 0 18.08 0 18 0H17.92C17.92 0 17.92 0 17.84 0L0.56 2.8C0.24 2.88 0 3.12 0 3.44V4.8V27.04V28.4C0 28.72 0.24 29.04 0.56 29.12L17.92 32C17.92 32 17.92 32 18 32H18.08C18.16 32 18.16 32 18.24 32C18.4 32 18.48 31.84 18.64 31.76L18.72 31.68V31.6C18.72 31.6 18.72 31.6 18.72 31.52V31.44V29.36H31.36C31.76 29.36 32 29.04 32 28.64V3.44C32 3.12 31.68 2.8 31.36 2.8ZM30.64 27.84H18.64V24.32H26.48C26.88 24.32 27.12 24 27.12 23.6C27.12 23.2 26.8 22.88 26.48 22.88H18.64V19.2H26.48C26.88 19.2 27.12 18.88 27.12 18.48C27.12 18.08 26.8 17.76 26.48 17.76H18.64V14.08H26.48C26.88 14.08 27.12 13.76 27.12 13.36C27.12 12.96 26.8 12.64 26.48 12.64H18.64V8.96H26.48C26.88 8.96 27.12 8.64 27.12 8.24C27.12 7.84 26.8 7.52 26.48 7.52H18.64V4.16H30.64V27.84Z\"\n        fill=\"#2196F3\"\n      />\n      <path\n        d=\"M3.6001 11.918H5.5201L6.8001 17.118L8.4801 11.918H10.1601L11.8401 17.198L13.2001 11.918H15.0401L12.7201 19.998H11.1201L9.3601 14.398L7.6001 19.998H6.0001L3.6001 11.918Z\"\n        fill=\"white\"\n      />\n    </SvgIcon>\n  );\n};\n\nexport default DocFileIcon;\n"],"names":["useStyles","makeStyles","svgIcon","height","width","DocFileIcon","classes","_jsxs","_jsx"],"mappings":";;;AAEA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,MAAM,EAAE,MADD;AAEPC,IAAAA,KAAK,EAAE;AAFA;AADkB,CAAD,CAA5B;;IAOMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,MAAMC,OAAO,GAAGN,SAAS,EAAzB;AACA,sBACEO,KAAC,OAAD;AAAS,IAAA,OAAO,EAAC,WAAjB;AAA6B,IAAA,SAAS,EAAED,OAAO,CAACJ,OAAhD;AAAA,4BACEM;AACE,MAAA,CAAC,EAAC,20BADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MADF,eAKEA;AACE,MAAA,CAAC,EAAC,0KADJ;AAEE,MAAA,IAAI,EAAC;AAFP,MALF;AAAA,IADF;AAYD;;;;"}