@zerohive/hive-viewer 1.0.0 → 1.0.1

package/dist/index.d.cts

@@ -24,7 +24,9 @@ interface DocumentViewerProps {
     fileType?: SupportedFileType;
     mode?: DocumentMode;
     allowSigning?: boolean;
+    disableSigning?: boolean;
     defaultLayout?: PageLayout;
+    defaultShowThumbnails?: boolean;
     headerComponent?: React.ReactNode;
     footerComponent?: React.ReactNode;
     enableHeaderFooterToggle?: boolean;

package/dist/index.d.ts

@@ -24,7 +24,9 @@ interface DocumentViewerProps {
     fileType?: SupportedFileType;
     mode?: DocumentMode;
     allowSigning?: boolean;
+    disableSigning?: boolean;
     defaultLayout?: PageLayout;
+    defaultShowThumbnails?: boolean;
     headerComponent?: React.ReactNode;
     footerComponent?: React.ReactNode;
     enableHeaderFooterToggle?: boolean;

package/dist/index.js

@@ -1088,7 +1088,7 @@ function Toolbar(props) {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      !props.disableSigning && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "button",
         {
           className: `hv-btn hv-btn-primary ${props.showSignatures ? "ring-2 ring-indigo-300" : ""}`,
@@ -1109,11 +1109,33 @@ var import_lucide_react2 = require("lucide-react");
 var import_react7 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function SignaturePanel(props) {
-  const { isOpen, onClose, onSelectSignature } = props;
-  const [signatures, setSignatures] = (0, import_react7.useState)([]);
+  const {
+    isOpen,
+    onClose,
+    onSelectSignature,
+    externalSignatures = [],
+    onSignRequest
+  } = props;
+  const [localSignatures, setLocalSignatures] = (0, import_react7.useState)([]);
   const [showModal, setShowModal] = (0, import_react7.useState)(false);
+  const signatures = [...externalSignatures, ...localSignatures];
   const canvasRef = (0, import_react7.useRef)(null);
   const [isDrawing, setIsDrawing] = (0, import_react7.useState)(false);
+  const handleCreateClick = async () => {
+    if (onSignRequest) {
+      try {
+        const newSig = await onSignRequest();
+        if (newSig) {
+          setLocalSignatures((prev) => [...prev, newSig]);
+          onSelectSignature(newSig);
+        }
+      } catch (err) {
+        console.error("Custom sign request failed", err);
+      }
+    } else {
+      openCreateModal();
+    }
+  };
   const openCreateModal = () => {
     setShowModal(true);
     setTimeout(() => {
@@ -1133,7 +1155,7 @@ function SignaturePanel(props) {
       signedBy: "Me",
       dateSigned: (/* @__PURE__ */ new Date()).toISOString()
     };
-    setSignatures([...signatures, newSig]);
+    setLocalSignatures([...localSignatures, newSig]);
     setShowModal(false);
     onSelectSignature(newSig);
   };
@@ -1189,7 +1211,7 @@ function SignaturePanel(props) {
             /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
               "button",
               {
-                onClick: openCreateModal,
+                onClick: handleCreateClick,
                 className: "hv-btn",
                 style: {
                   width: "100%",
@@ -1204,63 +1226,75 @@ function SignaturePanel(props) {
                 ]
               }
             ),
-            signatures.map((sig) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-              "div",
-              {
-                className: "hv-thumb-item",
-                style: {
-                  position: "relative",
-                  padding: "12px",
-                  background: "var(--hv-bg)",
-                  borderRadius: "8px",
-                  border: "1px solid var(--hv-border)"
+            signatures.map((sig, idx) => {
+              const isLocal = localSignatures.some((s) => s.id === sig.id);
+              const showDelete = isLocal;
+              return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                "div",
+                {
+                  className: "hv-thumb-item",
+                  style: {
+                    position: "relative",
+                    padding: "12px",
+                    background: "var(--hv-bg)",
+                    borderRadius: "8px",
+                    border: "1px solid var(--hv-border)"
+                  },
+                  onClick: () => onSelectSignature(sig),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      "img",
+                      {
+                        src: sig.signatureImageUrl,
+                        alt: "Signature",
+                        style: { height: "40px", objectFit: "contain" }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                      "div",
+                      {
+                        style: {
+                          fontSize: "11px",
+                          color: "var(--hv-muted)",
+                          marginTop: "4px",
+                          textAlign: "center"
+                        },
+                        children: [
+                          sig.signedBy || "User",
+                          " \u2022",
+                          " ",
+                          new Date(sig.dateSigned).toLocaleDateString(),
+                          sig.comment && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "text-xs text-gray-500 mt-1 italic", children: sig.comment })
+                        ]
+                      }
+                    ),
+                    showDelete && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      "button",
+                      {
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          setLocalSignatures(
+                            localSignatures.filter((s) => s.id !== sig.id)
+                          );
+                        },
+                        className: "hv-btn",
+                        style: {
+                          position: "absolute",
+                          top: "4px",
+                          right: "4px",
+                          padding: "4px",
+                          color: "#ef4444",
+                          border: "none",
+                          background: "white"
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Trash2, { size: 12 })
+                      }
+                    )
+                  ]
                 },
-                onClick: () => onSelectSignature(sig),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "img",
-                    {
-                      src: sig.signatureImageUrl,
-                      alt: "Signature",
-                      style: { height: "40px", objectFit: "contain" }
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "div",
-                    {
-                      style: {
-                        fontSize: "11px",
-                        color: "var(--hv-muted)",
-                        marginTop: "4px",
-                        textAlign: "center"
-                      },
-                      children: new Date(sig.dateSigned).toLocaleDateString()
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-                    "button",
-                    {
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        setSignatures(signatures.filter((s) => s.id !== sig.id));
-                      },
-                      className: "hv-btn",
-                      style: {
-                        position: "absolute",
-                        top: "4px",
-                        right: "4px",
-                        padding: "4px",
-                        color: "#ef4444",
-                        border: "none",
-                        background: "white"
-                      },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Trash2, { size: 12 })
-                    }
-                  )
-                ]
-              },
-              sig.id
-            ))
+                sig.id || idx
+              );
+            })
           ] })
         ]
       }
@@ -1391,7 +1425,9 @@ function DocumentViewer(props) {
   const [layout, setLayout] = (0, import_react8.useState)(
     props.defaultLayout ?? "single"
   );
-  const [showThumbnails, setShowThumbnails] = (0, import_react8.useState)(true);
+  const [showThumbnails, setShowThumbnails] = (0, import_react8.useState)(
+    props.defaultShowThumbnails ?? true
+  );
   const [showSignatures, setShowSignatures] = (0, import_react8.useState)(false);
   const [resolved, setResolved] = (0, import_react8.useState)(null);
   const [loading, setLoading] = (0, import_react8.useState)(true);
@@ -1504,7 +1540,8 @@ function DocumentViewer(props) {
         showThumbnails,
         onToggleThumbnails: () => setShowThumbnails(!showThumbnails),
         showSignatures,
-        onToggleSignatures: () => setShowSignatures(!showSignatures)
+        onToggleSignatures: () => setShowSignatures(!showSignatures),
+        disableSigning: props.disableSigning
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "hv-shell", children: [
@@ -1523,7 +1560,9 @@ function DocumentViewer(props) {
         {
           isOpen: showSignatures,
           onClose: () => setShowSignatures(false),
-          onSelectSignature: handleSignatureSelect
+          onSelectSignature: handleSignatureSelect,
+          externalSignatures: props.signatures,
+          onSignRequest: props.onSignRequest
         }
       )
     ] })