@monolith-forensics/monolith-ui 1.2.55 → 1.2.57

package/dist/FileViewer/FileViewer.d.ts

@@ -6,8 +6,8 @@ export type File = {
     url?: string;
 };
 export declare const FileViewer: React.FC<{
-    file: File;
-    open: boolean;
+    file?: File;
+    open?: boolean;
     isPending?: boolean;
     onClose: () => void;
 }>;

package/dist/FileViewer/FileViewer.js

@@ -98,6 +98,9 @@ const StyledContainer = styled.div.attrs({ className: "FileViewer-container" })
 
     &:hover {
       background-color: ${(props) => props.theme.palette.primary.main};
+      border-radius: 10px;
+      border: 4px solid rgba(0, 0, 0, 0);
+      background-clip: padding-box;
     }
   }
 
@@ -156,6 +159,8 @@ export const FileViewer = ({ file, open, isPending, onClose }) => {
     const [zoomFactor, setZoomFactor] = useState(1);
     if (!open)
         return null;
+    if (!file)
+        return null;
     const viewerType = resolveViewerType(file);
     const handleBackgroundClick = (e) => {
         onClose === null || onClose === void 0 ? void 0 : onClose();

package/dist/FileViewer/viewers/PdfViewer.js

@@ -1,15 +1,4 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { Document, Page, pdfjs } from "react-pdf";
 import "react-pdf/dist/esm/Page/AnnotationLayer.css";
@@ -17,7 +6,13 @@ import "react-pdf/dist/esm/Page/TextLayer.css";
 import styled from "styled-components";
 import Loader from "../../Loader";
 pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();
-const StyledContainer = styled.div ``;
+const StyledContainer = styled.div.attrs({
+    className: "PdfViewer-container",
+}) `
+  flex: 1 1 auto;
+  height: 0px;
+  width: 100%;
+`;
 const StyledDocument = styled(Document).attrs({
     className: "PdfViewer-document",
 }) ``;
@@ -34,27 +29,23 @@ const StyledLoader = styled.div `
   align-items: center;
   gap: 10px;
 
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+  height: 100%;
+  margin: auto;
 `;
 export const PdfViewer = ({ file, zoomFactor = 1, isPending }) => {
     const [loading, setLoading] = useState(true);
     const [numPages, setNumPages] = useState();
     const [pageNumber, setPageNumber] = useState(1);
-    function onDocumentLoadSuccess(_a) {
-        var { numPages } = _a, rest = __rest(_a, ["numPages"]);
-        console.log(rest);
+    function onDocumentLoadSuccess({ numPages }) {
         setLoading(false);
         setNumPages(numPages);
     }
     // viewport width
     const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) / 1.15;
     if (isPending) {
-        return (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading PDF..." })] }));
+        return (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading File..." })] }));
     }
-    return (_jsx(StyledContainer, { className: "PdfViewer", children: _jsx(StyledDocument, { file: file.url, onLoadSuccess: onDocumentLoadSuccess, loading: _jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading PDF..." })] }), onClick: (e) => {
-                e.stopPropagation();
-            }, children: Array.from(new Array(numPages), (el, index) => (_jsx(StyledPage, { pageNumber: index + 1, scale: zoomFactor, width: vw }, `page_${index + 1}`))) }) }));
+    return (_jsxs(StyledContainer, { className: "PdfViewer", children: [loading && (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading File..." })] })), _jsx(StyledDocument, { file: file.url, onLoadStart: () => setLoading(true), onLoadSuccess: onDocumentLoadSuccess, loading: _jsx(_Fragment, {}), onClick: (e) => {
+                    e.stopPropagation();
+                }, children: Array.from(new Array(numPages), (el, index) => (_jsx(StyledPage, { pageNumber: index + 1, scale: zoomFactor, width: vw }, `page_${index + 1}`))) })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.2.55",
+  "version": "1.2.57",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",