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

package/dist/index.esm.js

@@ -94818,7 +94818,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,
@@ -95039,7 +95041,9 @@ function MinimapPanel(_ref) {
   var panelStyle = position ? {
     left: position.x,
     top: position.y
-  } : {};
+  } : {
+    left: sidebarOffset
+  };
   return jsxs("div", {
     ref: panelRef,
     className: "wh-minimap-panel".concat(shouldShow ? ' wh-minimap-panel--visible' : ''),
@@ -95696,7 +95700,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);
@@ -95741,6 +95747,62 @@ function ViewerSidebar(_ref3) {
       children: jsx(IconSubmit, {})
     }), jsx("div", {
       className: 'wh-sidebar-spacer'
+    }), onToggleDraftShared !== undefined && jsxs(Fragment, {
+      children: [jsx("hr", {
+        className: 'wh-sidebar-divider'
+      }), 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: 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: [jsx("circle", {
+            cx: '18',
+            cy: '5',
+            r: '3'
+          }), jsx("circle", {
+            cx: '6',
+            cy: '12',
+            r: '3'
+          }), jsx("circle", {
+            cx: '18',
+            cy: '19',
+            r: '3'
+          }), jsx("line", {
+            x1: '8.59',
+            y1: '13.51',
+            x2: '15.42',
+            y2: '17.49'
+          }), jsx("line", {
+            x1: '15.41',
+            y1: '6.51',
+            x2: '8.59',
+            y2: '10.49'
+          })]
+        })
+      })]
     }), jsx("hr", {
       className: 'wh-sidebar-divider'
     }), jsx(PresenceIndicator, {
@@ -95813,6 +95875,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,
@@ -96615,6 +96680,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.
+  useEffect(function () {
+    onSidebarWidthChange === null || onSidebarWidthChange === void 0 || onSidebarWidthChange(activeSidebarPanel ? 44 + panelWidth : 0);
+  }, [activeSidebarPanel, panelWidth, onSidebarWidthChange]);
+
   // ─── Callbacks ────────────────────────────────────────────────────────────
   var handleDrawerPropertyChange = useCallback(function (key, value) {
     var _markupMgrRef$current4;
@@ -96716,7 +96786,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__*/jsx(SheetsPanel, {
       viewables: viewables,
       currentIndex: currentPageIndex,
@@ -96783,7 +96855,8 @@ var ViewerForgePDF = function ViewerForgePDF(_ref) {
       filePath: filePath,
       onClose: function onClose() {
         return setShowMinimap(false);
-      }
+      },
+      sidebarOffset: activeSidebarPanel ? 44 + panelWidth + 8 : 52
     }), showMarkupToolbar && markupEngineInstance && /*#__PURE__*/jsx(SelectionActionToolbar, {
       engine: markupEngineInstance,
       viewerContainer: viewerContainerRef.current,