@corva/ui 3.1.0-rc.3 → 3.1.0-rc.5

package/components/Modal/DcCorvaModal.js

@@ -0,0 +1,27 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import { IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { CorvaModal } from './CorvaModal.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["open"];
+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 DcCorvaModal(_ref) {
+  var openProp = _ref.open,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useDelayedDcFullscre = useDelayedDcFullscreenElemOpen({
+      isOpen: openProp
+    }),
+    delayedIsOpen = _useDelayedDcFullscre.delayedIsOpen;
+  return /*#__PURE__*/jsx(IsInsideDcFullscreenElemProvider, {
+    children: /*#__PURE__*/jsx(CorvaModal, _objectSpread({
+      open: delayedIsOpen
+    }, otherProps))
+  });
+}
+
+export { DcCorvaModal };
+//# sourceMappingURL=DcCorvaModal.js.map

package/components/Modal/DcCorvaModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DcCorvaModal.js","sources":["../../../src/components/Modal/DcCorvaModal.tsx"],"sourcesContent":["import { useDelayedDcFullscreenElemOpen } from '../../effects/useDelayedDcFullscreenElemOpen';\nimport { IsInsideDcFullscreenElemProvider } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { ModalProps } from './types';\n\nexport function DcCorvaModal({ open: openProp, ...otherProps }: ModalProps): JSX.Element {\n  const { delayedIsOpen } = useDelayedDcFullscreenElemOpen({ isOpen: openProp });\n\n  return (\n    <IsInsideDcFullscreenElemProvider>\n      <CorvaModal open={delayedIsOpen} {...otherProps} />\n    </IsInsideDcFullscreenElemProvider>\n  );\n}\n"],"names":["DcCorvaModal","openProp","open","otherProps","useDelayedDcFullscreenElemOpen","isOpen","delayedIsOpen","_jsx"],"mappings":";;;;;;;;;;;AAMO,SAASA,YAAY,CAA6D,IAAA,EAAA;EAAA,IAApDC,QAAQ,QAAdC,IAAI;IAAeC,UAAU,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAC1D,EAAA,IAAA,qBAAA,GAA0BC,8BAA8B,CAAC;AAAEC,MAAAA,MAAM,EAAEJ,QAAAA;AAAS,KAAC,CAAC;AAAtEK,IAAAA,aAAa,yBAAbA,aAAa,CAAA;AAErB,EAAA,oBACEC,IAAC,gCAAgC,EAAA;AAAA,IAAA,QAAA,eAC/BA,IAAC,UAAU,EAAA,aAAA,CAAA;AAAC,MAAA,IAAI,EAAED,aAAAA;AAAc,KAAA,EAAKH,UAAU,CAAA,CAAA;GACd,CAAA,CAAA;AAEvC;;;;"}

package/components/Modal/Modal.js

@@ -0,0 +1,19 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js';
+import '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { CorvaModal } from './CorvaModal.js';
+import { DcCorvaModal } from './DcCorvaModal.js';
+import { jsx } 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 Modal(props) {
+  var isInsideDcApp = useIsInsideIsolatedDcApp();
+  var isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();
+  var ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;
+  return /*#__PURE__*/jsx(ModalComponent, _objectSpread({}, props));
+}
+
+export { Modal as default };
+//# sourceMappingURL=Modal.js.map

package/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider';\n\nimport { useIsInsideDcFullscreenElem } from '../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider';\n\nimport { CorvaModal } from './CorvaModal';\nimport { DcCorvaModal } from './DcCorvaModal';\nimport { ModalProps } from './types';\n\nexport default function Modal(props: ModalProps): JSX.Element {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const isInsideDcFullscreenElem = useIsInsideDcFullscreenElem();\n\n  const ModalComponent = isInsideDcApp && !isInsideDcFullscreenElem ? DcCorvaModal : CorvaModal;\n\n  return <ModalComponent {...props} />;\n}\n"],"names":["Modal","props","isInsideDcApp","useIsInsideIsolatedDcApp","isInsideDcFullscreenElem","useIsInsideDcFullscreenElem","ModalComponent","DcCorvaModal","CorvaModal","_jsx"],"mappings":";;;;;;;;;;AAQe,SAASA,KAAK,CAACC,KAAiB,EAAe;EAC5D,IAAMC,aAAa,GAAGC,wBAAwB,EAAE,CAAA;EAChD,IAAMC,wBAAwB,GAAGC,2BAA2B,EAAE,CAAA;EAE9D,IAAMC,cAAc,GAAGJ,aAAa,IAAI,CAACE,wBAAwB,GAAGG,YAAY,GAAGC,UAAU,CAAA;AAE7F,EAAA,oBAAOC,GAAC,CAAA,cAAc,EAAKR,aAAAA,CAAAA,EAAAA,EAAAA,KAAK,CAAI,CAAA,CAAA;AACtC;;;;"}

package/components/NewDocumentViewer/NewDocumentViewer.js

@@ -0,0 +1,110 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import 'react';
+import classNames from 'classnames';
+import { Dialog, Typography, IconButton } from '@material-ui/core';
+import CloseIcon from '@material-ui/icons/Close';
+import GetAppIcon from '@material-ui/icons/GetApp';
+import GoogleDocsViewer from '../GoogleDocsViewer/index.js';
+import { isGoogleDocsPreviewEnabled } from '../../utils/env.js';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import { useFileContent } from './effects/useFileContent.js';
+import { useStyles } from './styles.js';
+import { jsx, jsxs } 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; }
+var NewDocumentViewer = function NewDocumentViewer(_ref) {
+  var classes = _ref.classes,
+    open = _ref.open,
+    fileUrl = _ref.fileUrl,
+    _ref$fileName = _ref.fileName,
+    fileName = _ref$fileName === void 0 ? 'DocumentViewer' : _ref$fileName,
+    onClose = _ref.onClose,
+    fileSize = _ref.fileSize,
+    webviewType = _ref.webviewType,
+    _ref$dataTestid = _ref['data-testid'],
+    dataTestId = _ref$dataTestid === void 0 ? 'DocumentViewer' : _ref$dataTestid;
+  var styles = useStyles();
+  var _useFileContent = useFileContent({
+      fileUrl: fileUrl,
+      fileName: fileName
+    }),
+    isLoading = _useFileContent.isLoading,
+    fileContent = _useFileContent.fileContent;
+  if (isGoogleDocsPreviewEnabled) {
+    return /*#__PURE__*/jsx(Dialog, {
+      open: open,
+      onClose: onClose,
+      classes: _objectSpread(_objectSpread({}, classes), {}, {
+        paper: classNames(styles.paper, classes === null || classes === void 0 ? void 0 : classes.paper)
+      }),
+      children: /*#__PURE__*/jsx(GoogleDocsViewer, {
+        webviewType: webviewType,
+        fileUrl: fileUrl,
+        fileName: fileName,
+        fileSize: fileSize,
+        onClose: onClose
+        //@ts-ignore
+        ,
+        width: "100%",
+        height: "100%"
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(Dialog, {
+    classes: _objectSpread(_objectSpread({}, classes), {}, {
+      paper: classNames(styles.paper, classes === null || classes === void 0 ? void 0 : classes.paper)
+    }),
+    open: open,
+    onClose: onClose,
+    onContextMenu: function onContextMenu(e) {
+      return e.stopPropagation();
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      "data-testid": "".concat(dataTestId, "_file_").concat(fileName),
+      className: styles.root,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.toolbar,
+        children: [/*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(dataTestId, "_fileName"),
+          children: fileName
+        }), /*#__PURE__*/jsxs("div", {
+          children: [/*#__PURE__*/jsx(IconButton, {
+            size: "small",
+            className: styles.iconButton,
+            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.iconButton,
+            children: /*#__PURE__*/jsx(CloseIcon, {
+              fontSize: "small"
+            })
+          })]
+        })]
+      }), isLoading && /*#__PURE__*/jsx("div", {
+        className: styles.frame,
+        children: /*#__PURE__*/jsx(LoadingIndicator, {
+          white: false
+        })
+      }), !isLoading && /*#__PURE__*/jsx("div", {
+        className: styles.frame,
+        children: /*#__PURE__*/jsx("div", {
+          className: styles.sheet,
+          children: fileContent
+        })
+      })]
+    })
+  });
+};
+
+export { NewDocumentViewer as default };
+//# sourceMappingURL=NewDocumentViewer.js.map

package/components/NewDocumentViewer/NewDocumentViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewDocumentViewer.js","sources":["../../../src/components/NewDocumentViewer/NewDocumentViewer.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { Dialog, IconButton, Typography } from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport GetAppIcon from '@material-ui/icons/GetApp';\nimport GoogleDocsViewer from '~/components/GoogleDocsViewer';\nimport { isGoogleDocsPreviewEnabled } from '~/utils/env';\nimport LoadingIndicator from '../LoadingIndicator';\nimport { useFileContent } from './effects';\n\nimport { useStyles } from './styles';\n\ninterface NewDocumentViewerProps {\n  open: boolean;\n  fileUrl: string;\n  /**\n   * Determines the type in which the file will be displayed. Supported extensions: `csv`, `txt`, `json`, `pdf`, `xlsx`\n   */\n  fileName: string;\n  fileSize?: number;\n  onClose: () => void;\n  'data-testid'?: string;\n  classes?: any;\n  webviewType?: string;\n}\n\nconst NewDocumentViewer: React.FC<NewDocumentViewerProps> = ({\n  classes,\n  open,\n  fileUrl,\n  fileName = 'DocumentViewer',\n  onClose,\n  fileSize,\n  webviewType,\n  'data-testid': dataTestId = 'DocumentViewer',\n}) => {\n  const styles = useStyles();\n  const { isLoading, fileContent } = useFileContent({ fileUrl, fileName });\n\n  if (isGoogleDocsPreviewEnabled) {\n    return (\n      <Dialog\n        open={open}\n        onClose={onClose}\n        classes={{\n          ...classes,\n          paper: classNames(styles.paper, classes?.paper),\n        }}\n      >\n        <GoogleDocsViewer\n          webviewType={webviewType}\n          fileUrl={fileUrl}\n          fileName={fileName}\n          fileSize={fileSize}\n          onClose={onClose}\n          //@ts-ignore\n          width=\"100%\"\n          height=\"100%\"\n        />\n      </Dialog>\n    );\n  }\n\n  return (\n    <Dialog\n      classes={{\n        ...classes,\n        paper: classNames(styles.paper, classes?.paper),\n      }}\n      open={open}\n      onClose={onClose}\n      onContextMenu={e => e.stopPropagation()}\n    >\n      <div data-testid={`${dataTestId}_file_${fileName}`} className={styles.root}>\n        <div className={styles.toolbar}>\n          <Typography data-testid={`${dataTestId}_fileName`}>{fileName}</Typography>\n          <div>\n            <IconButton size=\"small\" className={styles.iconButton}>\n              <a download href={fileUrl} target=\"_blank\" rel=\"noopener noreferrer\">\n                <GetAppIcon fontSize=\"small\" />\n              </a>\n            </IconButton>\n            <IconButton size=\"small\" onClick={onClose} className={styles.iconButton}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </div>\n        </div>\n\n        {isLoading && (\n          <div className={styles.frame}>\n            <LoadingIndicator white={false} />\n          </div>\n        )}\n        {!isLoading && (\n          <div className={styles.frame}>\n            <div className={styles.sheet}>{fileContent}</div>\n          </div>\n        )}\n      </div>\n    </Dialog>\n  );\n};\n\nexport default NewDocumentViewer;\n"],"names":["NewDocumentViewer","classes","open","fileUrl","fileName","onClose","fileSize","webviewType","dataTestId","styles","useStyles","useFileContent","isLoading","fileContent","isGoogleDocsPreviewEnabled","_jsx","paper","classNames","e","stopPropagation","_jsxs","root","toolbar","iconButton","frame","sheet"],"mappings":"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"}

package/components/NewDocumentViewer/components/CsvViewer.js

@@ -0,0 +1,91 @@
+import 'react';
+import { AutoSizer, Table, Column } from 'react-virtualized';
+import { makeStyles } from '@material-ui/core';
+import { isDate } from 'lodash';
+import { jsx } from 'react/jsx-runtime';
+
+var COLUMN_WIDTH = 200;
+var useStyles = makeStyles({
+  tableWrapper: {
+    borderTop: '1px solid #5C5C5C',
+    borderBottom: '1px solid #5C5C5C',
+    width: '100%',
+    height: '100%',
+    overflow: 'scroll'
+  },
+  table: {
+    '& .ReactVirtualized__Table__headerRow': {
+      textTransform: 'none',
+      border: '1px solid rgba(81, 81, 81, 1)'
+    },
+    '& .ReactVirtualized__Table__row': {
+      border: '1px solid rgba(81, 81, 81, 1)'
+    },
+    '& .ReactVirtualized__Table__Grid': {
+      outline: 'none'
+    },
+    '& .ReactVirtualized__Table__headerColumn': {
+      outline: 'none'
+    }
+  },
+  cell: {
+    width: COLUMN_WIDTH
+  }
+});
+var Cell = function Cell(_ref) {
+  var cellData = _ref.cellData;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cell,
+    children: isDate(cellData) ? cellData.toISOString() : cellData
+  });
+};
+var CsvViewer = function CsvViewer(_ref2) {
+  var fileData = _ref2.fileData;
+  var styles = useStyles();
+  var columns = Object.keys(fileData[0] || {});
+  var renderTableContent = function renderTableContent(_ref3) {
+    var height = _ref3.height;
+    return /*#__PURE__*/jsx(Table, {
+      className: styles.table,
+      width: COLUMN_WIDTH * (columns.length || 10),
+      height: height,
+      headerHeight: 40,
+      rowHeight: 50,
+      rowCount: fileData.length,
+      rowGetter: function rowGetter(_ref4) {
+        var index = _ref4.index;
+        return fileData[index];
+      },
+      children: columns.map(function (column) {
+        return /*#__PURE__*/jsx(Column, {
+          width: COLUMN_WIDTH,
+          flexGrow: 1,
+          dataKey: column,
+          label: column,
+          cellRenderer: function cellRenderer(_ref5) {
+            var cellData = _ref5.cellData;
+            return /*#__PURE__*/jsx(Cell, {
+              cellData: cellData
+            });
+          }
+        }, column);
+      })
+    });
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: styles.tableWrapper,
+    children: /*#__PURE__*/jsx(AutoSizer, {
+      children: function children(_ref6) {
+        var height = _ref6.height;
+          _ref6.width;
+        return renderTableContent({
+          height: height
+        });
+      }
+    })
+  });
+};
+
+export { CsvViewer };
+//# sourceMappingURL=CsvViewer.js.map

package/components/NewDocumentViewer/components/CsvViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvViewer.js","sources":["../../../../src/components/NewDocumentViewer/components/CsvViewer.tsx"],"sourcesContent":["import React from 'react';\nimport { Column, Table, AutoSizer } from 'react-virtualized';\nimport { makeStyles } from '@material-ui/core';\nimport { isDate } from 'lodash';\n\nconst COLUMN_WIDTH = 200;\n\nconst useStyles = makeStyles({\n  tableWrapper: {\n    borderTop: '1px solid #5C5C5C',\n    borderBottom: '1px solid #5C5C5C',\n    width: '100%',\n    height: '100%',\n    overflow: 'scroll',\n  },\n  table: {\n    '& .ReactVirtualized__Table__headerRow': {\n      textTransform: 'none',\n      border: '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__row': {\n      border: '1px solid rgba(81, 81, 81, 1)',\n    },\n    '& .ReactVirtualized__Table__Grid': {\n      outline: 'none',\n    },\n    '& .ReactVirtualized__Table__headerColumn': {\n      outline: 'none',\n    },\n  },\n  cell: {\n    width: COLUMN_WIDTH,\n  },\n});\n\nconst Cell = ({ cellData }) => {\n  const styles = useStyles();\n  return <div className={styles.cell}>{isDate(cellData) ? cellData.toISOString() : cellData}</div>;\n};\n\ninterface CsvViewerProps {\n  fileData: Record<string, any>[];\n}\n\nconst CsvViewer: React.FC<CsvViewerProps> = ({ fileData }) => {\n  const styles = useStyles();\n  const columns = Object.keys(fileData[0] || {});\n\n  const renderTableContent = ({ height }: { height: number }) => (\n    <Table\n      className={styles.table}\n      width={COLUMN_WIDTH * (columns.length || 10)}\n      height={height}\n      headerHeight={40}\n      rowHeight={50}\n      rowCount={fileData.length}\n      rowGetter={({ index }) => fileData[index]}\n    >\n      {columns.map(column => (\n        <Column\n          width={COLUMN_WIDTH}\n          flexGrow={1}\n          key={column}\n          dataKey={column}\n          label={column}\n          cellRenderer={({ cellData }) => <Cell cellData={cellData} />}\n        />\n      ))}\n    </Table>\n  );\n\n  return (\n    <div className={styles.tableWrapper}>\n      <AutoSizer>{({ height, width }) => renderTableContent({ height })}</AutoSizer>\n    </div>\n  );\n};\n\nexport { CsvViewer };\n"],"names":["COLUMN_WIDTH","useStyles","makeStyles","tableWrapper","borderTop","borderBottom","width","height","overflow","table","textTransform","border","outline","cell","Cell","cellData","styles","_jsx","isDate","toISOString","CsvViewer","fileData","columns","Object","keys","renderTableContent","length","index","map","column"],"mappings":"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"}

package/components/NewDocumentViewer/components/PdfViewer.js

@@ -0,0 +1,27 @@
+import 'react';
+import { makeStyles } from '@material-ui/core';
+import { jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  root: {
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    width: '100%',
+    height: '100%',
+    border: 'none'
+  }
+});
+var PdfViewer = function PdfViewer(_ref) {
+  var fileUrl = _ref.fileUrl,
+    fileName = _ref.fileName;
+  var styles = useStyles();
+  return /*#__PURE__*/jsx("iframe", {
+    className: styles.root,
+    title: fileName,
+    src: fileUrl
+  });
+};
+
+export { PdfViewer };
+//# sourceMappingURL=PdfViewer.js.map

package/components/NewDocumentViewer/components/PdfViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewer.js","sources":["../../../../src/components/NewDocumentViewer/components/PdfViewer.tsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\ninterface PdfViewerProps {\n  fileUrl: string;\n  fileName: string;\n}\n\nconst useStyles = makeStyles({\n  root: {\n    position: 'absolute',\n    left: 0,\n    top: 0,\n    width: '100%',\n    height: '100%',\n    border: 'none',\n  },\n});\n\nconst PdfViewer: React.FC<PdfViewerProps> = ({ fileUrl, fileName }) => {\n  const styles = useStyles();\n\n  return <iframe className={styles.root} title={fileName} src={fileUrl} />;\n};\n\nexport { PdfViewer };\n"],"names":["useStyles","makeStyles","root","position","left","top","width","height","border","PdfViewer","fileUrl","fileName","styles","_jsx"],"mappings":";;;;AAQA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAE,MAAA;AACV,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,SAAmC,GAAG,SAAtCA,SAAmC,CAA8B,IAAA,EAAA;EAAA,IAAxBC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,QAAQ,QAARA,QAAQ,CAAA;EAC9D,IAAMC,MAAM,GAAGZ,SAAS,EAAE,CAAA;EAE1B,oBAAOa,GAAA,CAAA,QAAA,EAAA;IAAQ,SAAS,EAAED,MAAM,CAACV,IAAK;AAAC,IAAA,KAAK,EAAES,QAAS;AAAC,IAAA,GAAG,EAAED,OAAAA;GAAW,CAAA,CAAA;AAC1E;;;;"}

package/components/NewDocumentViewer/components/TextViewer.js

@@ -0,0 +1,12 @@
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var TextViewer = function TextViewer(_ref) {
+  var fileData = _ref.fileData;
+  return /*#__PURE__*/jsx("pre", {
+    children: fileData
+  });
+};
+
+export { TextViewer };
+//# sourceMappingURL=TextViewer.js.map

package/components/NewDocumentViewer/components/TextViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextViewer.js","sources":["../../../../src/components/NewDocumentViewer/components/TextViewer.tsx"],"sourcesContent":["import React from 'react';\n\ninterface TextViewerProps {\n  fileData: string;\n}\n\nconst TextViewer: React.FC<TextViewerProps> = ({ fileData }) => {\n  return <pre>{fileData}</pre>;\n};\n\nexport { TextViewer };\n"],"names":["TextViewer","fileData","_jsx"],"mappings":";;;AAMA,IAAMA,UAAqC,GAAG,SAAxCA,UAAqC,CAAqB,IAAA,EAAA;EAAA,IAAfC,QAAQ,QAARA,QAAQ,CAAA;EACvD,oBAAOC,GAAA,CAAA,KAAA,EAAA;IAAA,QAAMD,EAAAA,QAAAA;GAAe,CAAA,CAAA;AAC9B;;;;"}

package/components/NewDocumentViewer/constants.js

@@ -0,0 +1,10 @@
+var FILE_EXTENSIONS = {
+  csv: 'csv',
+  txt: 'txt',
+  json: 'json',
+  pdf: 'pdf',
+  xlsx: 'xlsx'
+};
+
+export { FILE_EXTENSIONS };
+//# sourceMappingURL=constants.js.map

package/components/NewDocumentViewer/effects/useFileContent.js

@@ -0,0 +1,92 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect } from 'react';
+import { getFileExtension } from '../../../utils/fileExtension.js';
+import { TextViewer } from '../components/TextViewer.js';
+import { CsvViewer } from '../components/CsvViewer.js';
+import { PdfViewer } from '../components/PdfViewer.js';
+import { FILE_EXTENSIONS } from '../constants.js';
+import { getCsvData, getTextData, getXlsxData } from '../utils.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _FILE_VIEWER, _FILE_DATA_GETTERS;
+var FILE_VIEWER = (_FILE_VIEWER = {}, _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.csv, CsvViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.json, TextViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.txt, TextViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.pdf, PdfViewer), _defineProperty(_FILE_VIEWER, FILE_EXTENSIONS.xlsx, CsvViewer), _FILE_VIEWER);
+var FILE_DATA_GETTERS = (_FILE_DATA_GETTERS = {}, _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.csv, getCsvData), _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.json, getTextData), _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.txt, getTextData), _defineProperty(_FILE_DATA_GETTERS, FILE_EXTENSIONS.xlsx, getXlsxData), _FILE_DATA_GETTERS);
+var useFileContent = function useFileContent(_ref) {
+  var fileUrl = _ref.fileUrl,
+    fileName = _ref.fileName;
+  var fileExtension = getFileExtension(fileName);
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileData = _useState2[0],
+    setFileData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var FileViewer = FILE_VIEWER[fileExtension];
+  var fetchFileData = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, fileExtension) {
+      var getFileData, _fileData;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              getFileData = FILE_DATA_GETTERS[fileExtension];
+              if (getFileData) {
+                _context.next = 3;
+                break;
+              }
+              return _context.abrupt("return");
+            case 3:
+              _context.prev = 3;
+              setIsLoading(true);
+              _context.next = 7;
+              return getFileData(url);
+            case 7:
+              _fileData = _context.sent;
+              setFileData(_fileData);
+              _context.next = 14;
+              break;
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](3);
+              console.error(_context.t0);
+            case 14:
+              _context.prev = 14;
+              setIsLoading(false);
+              return _context.finish(14);
+            case 17:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[3, 11, 14, 17]]);
+    }));
+    return function fetchFileData(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (!fileUrl || !fileExtension) return;
+    fetchFileData(fileUrl, fileExtension);
+  }, [fileUrl, fileExtension]);
+  useEffect(function () {
+    if (!fileUrl) {
+      setFileData('');
+    }
+  }, [fileUrl]);
+  return {
+    fileContent: /*#__PURE__*/jsx(FileViewer, {
+      fileData: fileData,
+      fileUrl: fileUrl,
+      fileName: fileName
+    }),
+    isLoading: isLoading
+  };
+};
+
+export { useFileContent };
+//# sourceMappingURL=useFileContent.js.map

package/components/NewDocumentViewer/effects/useFileContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileContent.js","sources":["../../../../src/components/NewDocumentViewer/effects/useFileContent.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { getFileExtension } from '~/utils/fileExtension';\nimport { TextViewer, PdfViewer, CsvViewer } from '../components';\nimport { FILE_EXTENSIONS } from '../constants';\nimport { getCsvData, getTextData, getXlsxData } from '../utils';\n\ninterface UseFileContentParams {\n  fileUrl: string;\n  fileName: string;\n}\n\nconst FILE_VIEWER: Record<string, React.ElementType> = {\n  [FILE_EXTENSIONS.csv]: CsvViewer,\n  [FILE_EXTENSIONS.json]: TextViewer,\n  [FILE_EXTENSIONS.txt]: TextViewer,\n  [FILE_EXTENSIONS.pdf]: PdfViewer,\n  [FILE_EXTENSIONS.xlsx]: CsvViewer,\n};\n\nconst FILE_DATA_GETTERS = {\n  [FILE_EXTENSIONS.csv]: getCsvData,\n  [FILE_EXTENSIONS.json]: getTextData,\n  [FILE_EXTENSIONS.txt]: getTextData,\n  [FILE_EXTENSIONS.xlsx]: getXlsxData,\n};\n\nexport const useFileContent = ({ fileUrl, fileName }: UseFileContentParams) => {\n  const fileExtension = getFileExtension(fileName);\n\n  const [fileData, setFileData] = useState<string | object[]>('');\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const FileViewer = FILE_VIEWER[fileExtension];\n\n  const fetchFileData = async (url: string, fileExtension: string) => {\n    const getFileData = FILE_DATA_GETTERS[fileExtension];\n    if (!getFileData) return;\n\n    try {\n      setIsLoading(true);\n\n      const fileData = await getFileData(url);\n\n      setFileData(fileData);\n    } catch (error) {\n      console.error(error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    if (!fileUrl || !fileExtension) return;\n    fetchFileData(fileUrl, fileExtension);\n  }, [fileUrl, fileExtension]);\n\n  useEffect(() => {\n    if (!fileUrl) {\n      setFileData('');\n    }\n  }, [fileUrl]);\n\n  return {\n    fileContent: <FileViewer fileData={fileData} fileUrl={fileUrl} fileName={fileName} />,\n    isLoading,\n  };\n};\n"],"names":["FILE_VIEWER","FILE_EXTENSIONS","csv","CsvViewer","json","TextViewer","txt","pdf","PdfViewer","xlsx","FILE_DATA_GETTERS","getCsvData","getTextData","getXlsxData","useFileContent","fileUrl","fileName","fileExtension","getFileExtension","useState","fileData","setFileData","isLoading","setIsLoading","FileViewer","fetchFileData","url","getFileData","console","error","useEffect","fileContent","_jsx"],"mappings":"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"}

package/components/NewDocumentViewer/icons/UnavailableFileIcon.js

@@ -0,0 +1,40 @@
+import 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var UnavailableFileIcon = function UnavailableFileIcon(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/jsxs("svg", {
+    className: className,
+    width: "32",
+    height: "38",
+    viewBox: "0 0 32 38",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M28.8883 18.1805V10.2385L20.9463 1.41406H2.41492C1.44019 1.41406 0.650024 2.20423 0.650024 3.17895V34.947C0.650024 35.9217 1.44019 36.7119 2.41492 36.7119H13.0043",
+      stroke: "#BDBDBD",
+      strokeWidth: "1.3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M22.7113 34.0737C27.0976 34.0737 30.6533 28.779 30.6533 28.779C30.6533 28.779 27.0976 23.4844 22.7113 23.4844C18.325 23.4844 14.7693 28.779 14.7693 28.779C14.7693 28.779 18.325 34.0737 22.7113 34.0737Z",
+      stroke: "#BDBDBD",
+      strokeWidth: "1.3",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M23.8262 28.7727C23.8262 29.3885 23.3271 29.8876 22.7113 29.8876C22.0955 29.8876 21.5964 29.3885 21.5964 28.7727C21.5964 28.1569 22.0955 27.6578 22.7113 27.6578C23.3271 27.6578 23.8262 28.1569 23.8262 28.7727Z",
+      fill: "#BDBDBD",
+      stroke: "#BDBDBD",
+      strokeWidth: "1.3"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M20.0638 1.41406V10.2385H28.8883",
+      stroke: "#BDBDBD",
+      strokeWidth: "1.3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
+};
+
+export { UnavailableFileIcon };
+//# sourceMappingURL=UnavailableFileIcon.js.map

package/components/NewDocumentViewer/icons/UnavailableFileIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnavailableFileIcon.js","sources":["../../../../src/components/NewDocumentViewer/icons/UnavailableFileIcon.tsx"],"sourcesContent":["import React from 'react';\n\ninterface UnavailableFileIconProps {\n  className?: string;\n}\n\nexport const UnavailableFileIcon: React.FC<UnavailableFileIconProps> = ({ className }) => {\n  return (\n    <svg\n      className={className}\n      width=\"32\"\n      height=\"38\"\n      viewBox=\"0 0 32 38\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M28.8883 18.1805V10.2385L20.9463 1.41406H2.41492C1.44019 1.41406 0.650024 2.20423 0.650024 3.17895V34.947C0.650024 35.9217 1.44019 36.7119 2.41492 36.7119H13.0043\"\n        stroke=\"#BDBDBD\"\n        strokeWidth=\"1.3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M22.7113 34.0737C27.0976 34.0737 30.6533 28.779 30.6533 28.779C30.6533 28.779 27.0976 23.4844 22.7113 23.4844C18.325 23.4844 14.7693 28.779 14.7693 28.779C14.7693 28.779 18.325 34.0737 22.7113 34.0737Z\"\n        stroke=\"#BDBDBD\"\n        strokeWidth=\"1.3\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M23.8262 28.7727C23.8262 29.3885 23.3271 29.8876 22.7113 29.8876C22.0955 29.8876 21.5964 29.3885 21.5964 28.7727C21.5964 28.1569 22.0955 27.6578 22.7113 27.6578C23.3271 27.6578 23.8262 28.1569 23.8262 28.7727Z\"\n        fill=\"#BDBDBD\"\n        stroke=\"#BDBDBD\"\n        strokeWidth=\"1.3\"\n      />\n      <path\n        d=\"M20.0638 1.41406V10.2385H28.8883\"\n        stroke=\"#BDBDBD\"\n        strokeWidth=\"1.3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"names":["UnavailableFileIcon","className","_jsxs","_jsx"],"mappings":";;;AAMaA,IAAAA,mBAAuD,GAAG,SAA1DA,mBAAuD,CAAsB,IAAA,EAAA;EAAA,IAAhBC,SAAS,QAATA,SAAS,CAAA;EACjF,oBACEC,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAS,EAAED,SAAU;AACrB,IAAA,KAAK,EAAC,IAAI;AACV,IAAA,MAAM,EAAC,IAAI;AACX,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAElC,EAAA,cAAAE,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,oKAAoK;AACtK,MAAA,MAAM,EAAC,SAAS;AAChB,MAAA,WAAW,EAAC,KAAK;AACjB,MAAA,aAAa,EAAC,OAAO;AACrB,MAAA,cAAc,EAAC,OAAA;AAAO,KAAA,CACtB,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,2MAA2M;AAC7M,MAAA,MAAM,EAAC,SAAS;AAChB,MAAA,WAAW,EAAC,KAAK;AACjB,MAAA,cAAc,EAAC,OAAA;AAAO,KAAA,CACtB,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,mNAAmN;AACrN,MAAA,IAAI,EAAC,SAAS;AACd,MAAA,MAAM,EAAC,SAAS;AAChB,MAAA,WAAW,EAAC,KAAA;AAAK,KAAA,CACjB,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,kCAAkC;AACpC,MAAA,MAAM,EAAC,SAAS;AAChB,MAAA,WAAW,EAAC,KAAK;AACjB,MAAA,aAAa,EAAC,OAAO;AACrB,MAAA,cAAc,EAAC,OAAA;KACf,CAAA,CAAA;GACE,CAAA,CAAA;AAEV;;;;"}

package/components/NewDocumentViewer/styles.js

@@ -0,0 +1,74 @@
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (_ref) {
+  var palette = _ref.palette;
+  return {
+    root: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flexDirection: 'column',
+      width: '100%',
+      height: '100%',
+      position: 'relative'
+    },
+    iconButton: {
+      marginLeft: 12,
+      color: palette.primary.text6,
+      '& a': {
+        color: palette.primary.text6,
+        width: 20,
+        height: 20
+      }
+    },
+    failed: {
+      color: '#000',
+      fontWeight: 'bold'
+    },
+    frame: {
+      position: 'absolute',
+      top: 48,
+      width: 'calc(100% - 64px)',
+      height: 'calc(100% - 64px)',
+      left: 32,
+      border: 'none',
+      borderRadius: 4,
+      background: '#c2c2c2',
+      color: palette.background.b1
+    },
+    paper: {
+      width: '100%',
+      height: '100%',
+      maxWidth: '100%',
+      maxHeight: '100%',
+      margin: 0
+    },
+    sheet: {
+      fontSize: 14,
+      overflowY: 'scroll',
+      position: 'absolute',
+      top: 14,
+      width: 'calc(100% - 32px)',
+      height: 'calc(100% - 32px)',
+      left: 14,
+      background: palette.primary.contrastText,
+      padding: 12,
+      boxShadow: '0px 4px 15px 2px rgba(0,0,0,.35)'
+    },
+    toolbar: {
+      position: 'absolute',
+      top: 0,
+      height: 48,
+      width: '100%',
+      background: palette.background.b4,
+      zIndex: 1001,
+      padding: '0 16px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.js.map