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

package/components/DocumentViewer/DocumentViewer.js

@@ -1 +1,149 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/slicedToArray";import{useState as o,createRef as i,useCallback as n,useEffect as c}from"react";import l from"prop-types";import t from"classnames";import{Modal as a,Typography as s,IconButton as m}from"@material-ui/core";import d from"@material-ui/icons/Close";import f from"@material-ui/icons/GetApp";import{LoadingIndicator as p}from"@corva/ui/components";import{useStyles as u}from"./styles.js";import{jsx as v,jsxs as w}from"react/jsx-runtime";var h=function(l){var h=l.open,b=l.fileUrl,g=l.fileSize,N=l.fileName,y=l.webviewType,D=l.onClose,V=o(!0),C=r(V,2),I=C[0],T=C[1],z=o(!1),F=r(z,2),R=F[0],S=F[1],q=i(null),x=i(null),U=u(),P=n((function(){return"office"===y?"https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(b)):"https://docs.google.com/viewer?url=".concat(encodeURIComponent(b),"&embedded=true")}),[b]),j=function(){x.current&&(x.current.src=P(),x.current.contentWindow.location.reload())},k=function(){q.current&&clearInterval(q.current),T(!1)};return c((function(){T(!0),S(!1);var e=g&&g>=1048576?g/1048576*1e4:1e4;return q&&h&&(clearInterval(q.current),q.current=setInterval(j,e)),function(){clearInterval(q.current)}}),[b,h]),v(a,{open:h,onClose:D,onContextMenu:function(e){return e.stopPropagation()},children:w("div",{className:U.cDocsViewer,children:[w("div",{className:U.cDocsViewerToolbar,children:[v(s,{children:N}),w("div",{children:[v(m,{size:"small",className:U.cDocsViewerToolbarIconButton,children:v("a",{download:!0,href:b,target:"_blank",rel:"noopener noreferrer",children:v(f,{fontSize:"small"})})}),v(m,{size:"small",onClick:D,className:U.cDocsViewerToolbarIconButton,children:v(d,{fontSize:"small"})})]})]}),I&&v("div",{className:U.cDocsViewerFrame,children:v(p,{white:!1})}),R?v("div",{className:U.cDocsViewerFrame,children:v(s,{variant:"body2",className:U.cDocsViewerFrameFailed,children:"Loading failed"})}):v("iframe",{className:t(U.cDocsViewerFrame,e({},U.cDocsViewerFrameHidden,I)),title:b,src:P(),onLoad:k,onError:function(){k(),S(!0)},ref:x})]})})};h.propTypes={open:l.bool.isRequired,fileUrl:l.string.isRequired,webviewType:l.oneOf(["google","office"]),fileName:l.string,fileSize:l.number,onClose:l.func.isRequired,classes:l.shape({}).isRequired},h.defaultProps={fileName:void 0,fileSize:void 0,webviewType:"google"};export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Modal, Typography, IconButton } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import { useState, createRef, useCallback, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import GetAppIcon from '@material-ui/icons/GetApp';
+import { LoadingIndicator } from '@corva/ui/components';
+import { useStyles } from './styles.js';
+
+var REQUEST_TIMEOUT = 10000;
+var BYTES_IN_MEGABYTE = 1048576;
+
+var DocumentViewer = function DocumentViewer(_ref) {
+  var open = _ref.open,
+      fileUrl = _ref.fileUrl,
+      fileSize = _ref.fileSize,
+      fileName = _ref.fileName,
+      webviewType = _ref.webviewType,
+      onClose = _ref.onClose;
+
+  var _useState = useState(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isLoading = _useState2[0],
+      setIsLoading = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isLoadingFailed = _useState4[0],
+      setIsLoadingFailed = _useState4[1];
+
+  var timeoutRef = createRef(null);
+  var iframeRef = createRef(null);
+  var styles = useStyles();
+  var getIframeLink = useCallback(function () {
+    return webviewType === 'office' ? "https://view.officeapps.live.com/op/embed.aspx?src=".concat(window.encodeURIComponent(fileUrl)) : "https://docs.google.com/viewer?url=".concat(encodeURIComponent(fileUrl), "&embedded=true");
+  }, [fileUrl]);
+
+  var reloadFrame = function reloadFrame() {
+    if (iframeRef.current) {
+      iframeRef.current.src = getIframeLink();
+      iframeRef.current.contentWindow.location.reload();
+    }
+  };
+
+  var handleFrameLoad = function handleFrameLoad() {
+    if (timeoutRef.current) {
+      clearInterval(timeoutRef.current);
+    }
+
+    setIsLoading(false);
+  };
+
+  var handleFrameError = function handleFrameError() {
+    handleFrameLoad();
+    setIsLoadingFailed(true);
+  };
+
+  useEffect(function () {
+    setIsLoading(true);
+    setIsLoadingFailed(false);
+    var timeOut = fileSize && fileSize >= BYTES_IN_MEGABYTE ? fileSize / BYTES_IN_MEGABYTE * REQUEST_TIMEOUT : REQUEST_TIMEOUT;
+
+    if (timeoutRef && open) {
+      clearInterval(timeoutRef.current);
+      timeoutRef.current = setInterval(reloadFrame, timeOut);
+    }
+
+    return function () {
+      clearInterval(timeoutRef.current);
+    };
+  }, [fileUrl, open]);
+  return /*#__PURE__*/jsx(Modal, {
+    open: open,
+    onClose: onClose,
+    onContextMenu: function onContextMenu(e) {
+      return e.stopPropagation();
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: styles.cDocsViewer,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.cDocsViewerToolbar,
+        children: [/*#__PURE__*/jsx(Typography, {
+          children: fileName
+        }), /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsx(IconButton, {
+            size: "small",
+            className: styles.cDocsViewerToolbarIconButton,
+            children: /*#__PURE__*/jsx("a", {
+              download: true,
+              href: fileUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: /*#__PURE__*/jsx(GetAppIcon, {
+                fontSize: "small"
+              })
+            })
+          }), /*#__PURE__*/jsx(IconButton, {
+            size: "small",
+            onClick: onClose,
+            className: styles.cDocsViewerToolbarIconButton,
+            children: /*#__PURE__*/jsx(CloseIcon, {
+              fontSize: "small"
+            })
+          })]
+        })]
+      }), isLoading && /*#__PURE__*/jsx("div", {
+        className: styles.cDocsViewerFrame,
+        children: /*#__PURE__*/jsx(LoadingIndicator, {
+          white: false
+        })
+      }), isLoadingFailed ? /*#__PURE__*/jsx("div", {
+        className: styles.cDocsViewerFrame,
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          className: styles.cDocsViewerFrameFailed,
+          children: "Loading failed"
+        })
+      }) : /*#__PURE__*/jsx("iframe", {
+        className: classNames(styles.cDocsViewerFrame, _defineProperty({}, styles.cDocsViewerFrameHidden, isLoading)),
+        title: fileUrl,
+        src: getIframeLink(),
+        onLoad: handleFrameLoad,
+        onError: handleFrameError,
+        ref: iframeRef
+      })]
+    })
+  });
+};
+
+DocumentViewer.propTypes = {
+  open: PropTypes.bool.isRequired,
+  fileUrl: PropTypes.string.isRequired,
+  webviewType: PropTypes.oneOf(['google', 'office']),
+  fileName: PropTypes.string,
+  fileSize: PropTypes.number,
+  onClose: PropTypes.func.isRequired,
+  classes: PropTypes.shape({}).isRequired
+};
+DocumentViewer.defaultProps = {
+  fileName: undefined,
+  fileSize: undefined,
+  webviewType: 'google'
+};
+
+export default DocumentViewer;
+//# sourceMappingURL=DocumentViewer.js.map

package/components/DocumentViewer/DocumentViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentViewer.js","sources":["../../../src/components/DocumentViewer/DocumentViewer.js"],"sourcesContent":["import { createRef, useCallback, useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Modal, IconButton } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport { LoadingIndicator } from '@corva/ui/components';\n\nimport { useStyles } from './styles.js';\n\nconst REQUEST_TIMEOUT = 10000;\nconst BYTES_IN_MEGABYTE = 1048576;\n\nconst DocumentViewer = ({ open, fileUrl, fileSize, fileName, webviewType, onClose }) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const [isLoadingFailed, setIsLoadingFailed] = useState(false);\n  const timeoutRef = createRef(null);\n  const iframeRef = createRef(null);\n  const styles = useStyles();\n\n  const getIframeLink = useCallback(() => {\n    return webviewType === 'office'\n      ? `https://view.officeapps.live.com/op/embed.aspx?src=${window.encodeURIComponent(fileUrl)}`\n      : `https://docs.google.com/viewer?url=${encodeURIComponent(fileUrl)}&embedded=true`;\n  }, [fileUrl]);\n\n  const reloadFrame = () => {\n    if (iframeRef.current) {\n      iframeRef.current.src = getIframeLink();\n      iframeRef.current.contentWindow.location.reload();\n    }\n  };\n\n  const handleFrameLoad = () => {\n    if (timeoutRef.current) {\n      clearInterval(timeoutRef.current);\n    }\n    setIsLoading(false);\n  };\n\n  const handleFrameError = () => {\n    handleFrameLoad();\n    setIsLoadingFailed(true);\n  };\n\n  useEffect(() => {\n    setIsLoading(true);\n    setIsLoadingFailed(false);\n    const timeOut =\n      fileSize && fileSize >= BYTES_IN_MEGABYTE\n        ? (fileSize / BYTES_IN_MEGABYTE) * REQUEST_TIMEOUT\n        : REQUEST_TIMEOUT;\n\n    if (timeoutRef && open) {\n      clearInterval(timeoutRef.current);\n      timeoutRef.current = setInterval(reloadFrame, timeOut);\n    }\n\n    return () => {\n      clearInterval(timeoutRef.current);\n    };\n  }, [fileUrl, open]);\n\n  return (\n    <Modal open={open} onClose={onClose} onContextMenu={e => e.stopPropagation()}>\n      <div className={styles.cDocsViewer}>\n        <div className={styles.cDocsViewerToolbar}>\n          <Typography>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.cDocsViewerToolbarIconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton\n              size=\"small\"\n              onClick={onClose}\n              className={styles.cDocsViewerToolbarIconButton}\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.cDocsViewerFrame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {isLoadingFailed ? (\n          <div className={styles.cDocsViewerFrame}>\n            <Typography variant=\"body2\" className={styles.cDocsViewerFrameFailed}>\n              Loading failed\n            </Typography>\n          </div>\n        ) : (\n          <iframe\n            className={classNames(styles.cDocsViewerFrame, {\n              [styles.cDocsViewerFrameHidden]: isLoading,\n            })}\n            title={fileUrl}\n            src={getIframeLink()}\n            onLoad={handleFrameLoad}\n            onError={handleFrameError}\n            ref={iframeRef}\n          />\n        )}\n      </div>\n    </Modal>\n  );\n};\n\nDocumentViewer.propTypes = {\n  open: PropTypes.bool.isRequired,\n  fileUrl: PropTypes.string.isRequired,\n  webviewType: PropTypes.oneOf(['google', 'office']),\n  fileName: PropTypes.string,\n  fileSize: PropTypes.number,\n  onClose: PropTypes.func.isRequired,\n  classes: PropTypes.shape({}).isRequired,\n};\n\nDocumentViewer.defaultProps = {\n  fileName: undefined,\n  fileSize: undefined,\n  webviewType: 'google',\n};\n\nexport default DocumentViewer;\n"],"names":["REQUEST_TIMEOUT","BYTES_IN_MEGABYTE","DocumentViewer","open","fileUrl","fileSize","fileName","webviewType","onClose","useState","isLoading","setIsLoading","isLoadingFailed","setIsLoadingFailed","timeoutRef","createRef","iframeRef","styles","useStyles","getIframeLink","useCallback","window","encodeURIComponent","reloadFrame","current","src","contentWindow","location","reload","handleFrameLoad","clearInterval","handleFrameError","useEffect","timeOut","setInterval","_jsx","e","stopPropagation","_jsxs","cDocsViewer","cDocsViewerToolbar","cDocsViewerToolbarIconButton","cDocsViewerFrame","cDocsViewerFrameFailed","classNames","cDocsViewerFrameHidden","propTypes","PropTypes","bool","isRequired","string","oneOf","number","func","classes","shape","defaultProps","undefined"],"mappings":"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"}

package/components/DocumentViewer/styles.js

@@ -1 +1,57 @@
-import{makeStyles as e}from"@material-ui/core";var t=e((function(e){return{cDocsViewer:{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",width:"100%",height:"100%",position:"relative"},cDocsViewerToolbar:{position:"absolute",top:0,height:48,width:"100%",background:e.palette.background.b4,zIndex:1001,padding:"0 16px",display:"flex",alignItems:"center",justifyContent:"space-between"},cDocsViewerFrame:{position:"absolute",top:48,width:"calc(100% - 64px)",height:"calc(100% - 64px)",left:32,border:"none",borderRadius:4,background:"#eee"},cDocsViewerFrameFailed:{color:"#000",fontWeight:"bold"},cDocsViewerFrameHidden:{visibility:0,height:0},cDocsViewerToolbarIconButton:{marginLeft:12,color:e.palette.primary.text6,"& a":{color:e.palette.primary.text6,width:20,height:20}}}}));export{t as useStyles};
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    cDocsViewer: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      width: '100%',
+      height: '100%',
+      position: 'relative'
+    },
+    cDocsViewerToolbar: {
+      position: 'absolute',
+      top: 0,
+      height: 48,
+      width: '100%',
+      background: theme.palette.background.b4,
+      zIndex: 1001,
+      padding: '0 16px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    },
+    cDocsViewerFrame: {
+      position: 'absolute',
+      top: 48,
+      width: 'calc(100% - 64px)',
+      height: 'calc(100% - 64px)',
+      left: 32,
+      border: 'none',
+      borderRadius: 4,
+      background: '#eee'
+    },
+    cDocsViewerFrameFailed: {
+      color: '#000',
+      fontWeight: 'bold'
+    },
+    cDocsViewerFrameHidden: {
+      visibility: 0,
+      height: 0
+    },
+    cDocsViewerToolbarIconButton: {
+      marginLeft: 12,
+      color: theme.palette.primary.text6,
+      '& a': {
+        color: theme.palette.primary.text6,
+        width: 20,
+        height: 20
+      }
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map

package/components/DocumentViewer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/DocumentViewer/styles.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles(theme => ({\n  cDocsViewer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n    position: 'relative',\n  },\n  cDocsViewerToolbar: {\n    position: 'absolute',\n    top: 0,\n    height: 48,\n    width: '100%',\n    background: theme.palette.background.b4,\n    zIndex: 1001,\n    padding: '0 16px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  },\n  cDocsViewerFrame: {\n    position: 'absolute',\n    top: 48,\n    width: 'calc(100% - 64px)',\n    height: 'calc(100% - 64px)',\n    left: 32,\n    border: 'none',\n    borderRadius: 4,\n    background: '#eee',\n  },\n  cDocsViewerFrameFailed: {\n    color: '#000',\n    fontWeight: 'bold',\n  },\n  cDocsViewerFrameHidden: {\n    visibility: 0,\n    height: 0,\n  },\n  cDocsViewerToolbarIconButton: {\n    marginLeft: 12,\n    color: theme.palette.primary.text6,\n    '& a': { color: theme.palette.primary.text6, width: 20, height: 20 },\n  },\n}));\n"],"names":["useStyles","makeStyles","theme","cDocsViewer","display","alignItems","justifyContent","flexDirection","width","height","position","cDocsViewerToolbar","top","background","palette","b4","zIndex","padding","cDocsViewerFrame","left","border","borderRadius","cDocsViewerFrameFailed","color","fontWeight","cDocsViewerFrameHidden","visibility","cDocsViewerToolbarIconButton","marginLeft","primary","text6"],"mappings":";;IAEaA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AAC5CC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXC,MAAAA,cAAc,EAAE,QAHL;AAIXC,MAAAA,aAAa,EAAE,QAJJ;AAKXC,MAAAA,KAAK,EAAE,MALI;AAMXC,MAAAA,MAAM,EAAE,MANG;AAOXC,MAAAA,QAAQ,EAAE;AAPC,KAD+B;AAU5CC,IAAAA,kBAAkB,EAAE;AAClBD,MAAAA,QAAQ,EAAE,UADQ;AAElBE,MAAAA,GAAG,EAAE,CAFa;AAGlBH,MAAAA,MAAM,EAAE,EAHU;AAIlBD,MAAAA,KAAK,EAAE,MAJW;AAKlBK,MAAAA,UAAU,EAAEX,KAAK,CAACY,OAAN,CAAcD,UAAd,CAAyBE,EALnB;AAMlBC,MAAAA,MAAM,EAAE,IANU;AAOlBC,MAAAA,OAAO,EAAE,QAPS;AAQlBb,MAAAA,OAAO,EAAE,MARS;AASlBC,MAAAA,UAAU,EAAE,QATM;AAUlBC,MAAAA,cAAc,EAAE;AAVE,KAVwB;AAsB5CY,IAAAA,gBAAgB,EAAE;AAChBR,MAAAA,QAAQ,EAAE,UADM;AAEhBE,MAAAA,GAAG,EAAE,EAFW;AAGhBJ,MAAAA,KAAK,EAAE,mBAHS;AAIhBC,MAAAA,MAAM,EAAE,mBAJQ;AAKhBU,MAAAA,IAAI,EAAE,EALU;AAMhBC,MAAAA,MAAM,EAAE,MANQ;AAOhBC,MAAAA,YAAY,EAAE,CAPE;AAQhBR,MAAAA,UAAU,EAAE;AARI,KAtB0B;AAgC5CS,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,KAAK,EAAE,MADe;AAEtBC,MAAAA,UAAU,EAAE;AAFU,KAhCoB;AAoC5CC,IAAAA,sBAAsB,EAAE;AACtBC,MAAAA,UAAU,EAAE,CADU;AAEtBjB,MAAAA,MAAM,EAAE;AAFc,KApCoB;AAwC5CkB,IAAAA,4BAA4B,EAAE;AAC5BC,MAAAA,UAAU,EAAE,EADgB;AAE5BL,MAAAA,KAAK,EAAErB,KAAK,CAACY,OAAN,CAAce,OAAd,CAAsBC,KAFD;AAG5B,aAAO;AAAEP,QAAAA,KAAK,EAAErB,KAAK,CAACY,OAAN,CAAce,OAAd,CAAsBC,KAA/B;AAAsCtB,QAAAA,KAAK,EAAE,EAA7C;AAAiDC,QAAAA,MAAM,EAAE;AAAzD;AAHqB;AAxCc,GAAL;AAAA,CAAN;;;;"}