@dtducas/wh-forge-viewer 3.0.0-beta.3 → 3.0.0-beta.4

package/dist/index.js

@@ -94820,7 +94820,9 @@ function MinimapPanel(_ref) {
     totalPages = _ref$totalPages === void 0 ? 1 : _ref$totalPages,
     viewableGuid = _ref.viewableGuid,
     filePath = _ref.filePath,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    _ref$sidebarOffset = _ref.sidebarOffset,
+    sidebarOffset = _ref$sidebarOffset === void 0 ? 56 : _ref$sidebarOffset;
   var _useMinimapThumbnail = useMinimapThumbnail({
       filePath: filePath,
       viewableGuid: viewableGuid,
@@ -95041,7 +95043,9 @@ function MinimapPanel(_ref) {
   var panelStyle = position ? {
     left: position.x,
     top: position.y
-  } : {};
+  } : {
+    left: sidebarOffset
+  };
   return jsxRuntime.jsxs("div", {
     ref: panelRef,
     className: "wh-minimap-panel".concat(shouldShow ? ' wh-minimap-panel--visible' : ''),
@@ -95698,7 +95702,9 @@ function ViewerSidebar(_ref3) {
     _ref3$hidePanels = _ref3.hidePanels,
     hidePanels = _ref3$hidePanels === void 0 ? [] : _ref3$hidePanels,
     _ref3$className = _ref3.className,
-    className = _ref3$className === void 0 ? '' : _ref3$className;
+    className = _ref3$className === void 0 ? '' : _ref3$className,
+    isDraftShared = _ref3.isDraftShared,
+    onToggleDraftShared = _ref3.onToggleDraftShared;
   var handleClick = function handleClick(panel) {
     // Toggle off if already active
     onPanelChange === null || onPanelChange === void 0 || onPanelChange(activePanel === panel ? null : panel);
@@ -95743,6 +95749,62 @@ function ViewerSidebar(_ref3) {
       children: jsxRuntime.jsx(IconSubmit, {})
     }), jsxRuntime.jsx("div", {
       className: 'wh-sidebar-spacer'
+    }), onToggleDraftShared !== undefined && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx("hr", {
+        className: 'wh-sidebar-divider'
+      }), jsxRuntime.jsx("button", {
+        type: 'button',
+        className: 'wh-sidebar-btn',
+        "data-tooltip": isDraftShared ? 'Stop sharing draft' : 'Share draft',
+        "aria-pressed": isDraftShared,
+        onClick: function onClick() {
+          return onToggleDraftShared(!isDraftShared);
+        },
+        style: {
+          width: 36,
+          height: 36,
+          borderRadius: 6,
+          border: isDraftShared ? '1.5px solid #6366f1' : '1.5px solid transparent',
+          background: isDraftShared ? '#ede9fe' : undefined,
+          color: isDraftShared ? '#6366f1' : '#6b7280',
+          flexShrink: 0,
+          transition: 'border-color 0.15s, background 0.15s, color 0.15s'
+        },
+        children: jsxRuntime.jsxs("svg", {
+          width: '18',
+          height: '18',
+          viewBox: '0 0 24 24',
+          fill: 'none',
+          stroke: 'currentColor',
+          strokeWidth: '2',
+          strokeLinecap: 'round',
+          strokeLinejoin: 'round',
+          "aria-hidden": 'true',
+          children: [jsxRuntime.jsx("circle", {
+            cx: '18',
+            cy: '5',
+            r: '3'
+          }), jsxRuntime.jsx("circle", {
+            cx: '6',
+            cy: '12',
+            r: '3'
+          }), jsxRuntime.jsx("circle", {
+            cx: '18',
+            cy: '19',
+            r: '3'
+          }), jsxRuntime.jsx("line", {
+            x1: '8.59',
+            y1: '13.51',
+            x2: '15.42',
+            y2: '17.49'
+          }), jsxRuntime.jsx("line", {
+            x1: '15.41',
+            y1: '6.51',
+            x2: '8.59',
+            y2: '10.49'
+          })]
+        })
+      })]
     }), jsxRuntime.jsx("hr", {
       className: 'wh-sidebar-divider'
     }), jsxRuntime.jsx(PresenceIndicator, {
@@ -95815,6 +95877,9 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
     checkSubmitHasMarkup = _ref.checkSubmitHasMarkup,
     _ref$defaultActiveSid = _ref.defaultActiveSidebarPanel,
     defaultActiveSidebarPanel = _ref$defaultActiveSid === void 0 ? null : _ref$defaultActiveSid,
+    onSidebarWidthChange = _ref.onSidebarWidthChange,
+    isDraftShared = _ref.isDraftShared,
+    onToggleDraftShared = _ref.onToggleDraftShared,
     collabAdapter = _ref.collabAdapter,
     collabActorId = _ref.collabActorId,
     collabDrawingId = _ref.collabDrawingId,
@@ -96617,6 +96682,11 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
     viewerInstance === null || viewerInstance === void 0 || (_viewerInstance$resiz = viewerInstance.resize) === null || _viewerInstance$resiz === void 0 || _viewerInstance$resiz.call(viewerInstance);
   }, [viewerInstance, activeSidebarPanel, panelWidth, showDrawer, drawerWidth]);
 
+  // Notify host app of total sidebar width so it can adjust external layout.
+  React.useEffect(function () {
+    onSidebarWidthChange === null || onSidebarWidthChange === void 0 || onSidebarWidthChange(activeSidebarPanel ? 44 + panelWidth : 0);
+  }, [activeSidebarPanel, panelWidth, onSidebarWidthChange]);
+
   // ─── Callbacks ────────────────────────────────────────────────────────────
   var handleDrawerPropertyChange = React.useCallback(function (key, value) {
     var _markupMgrRef$current4;
@@ -96718,7 +96788,9 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
       onPanelChange: setActiveSidebarPanel,
       onlineUsers: onlineUsers,
       showSubmitPanel: !!submitConfig,
-      hidePanels: hidePanels
+      hidePanels: hidePanels,
+      isDraftShared: onToggleDraftShared !== undefined ? isDraftShared !== null && isDraftShared !== void 0 ? isDraftShared : false : undefined,
+      onToggleDraftShared: onToggleDraftShared
     }), activeSidebarPanel === 'sheets' && /*#__PURE__*/jsxRuntime.jsx(SheetsPanel, {
       viewables: viewables,
       currentIndex: currentPageIndex,
@@ -96785,7 +96857,8 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
       filePath: filePath,
       onClose: function onClose() {
         return setShowMinimap(false);
-      }
+      },
+      sidebarOffset: activeSidebarPanel ? 44 + panelWidth + 8 : 52
     }), showMarkupToolbar && markupEngineInstance && /*#__PURE__*/jsxRuntime.jsx(SelectionActionToolbar, {
       engine: markupEngineInstance,
       viewerContainer: viewerContainerRef.current,