@extend-ai/react-docx 0.11.2 → 0.11.3

package/dist/index.js

@@ -42903,6 +42903,9 @@ function DocxEditorViewer({
   );
   const runTableContextMenuAction = React3.useCallback(
     (actionId, providedContext) => {
+      if (isReadOnly) {
+        return;
+      }
       const context = providedContext ?? tableContextMenuState;
       if (!context) {
         return;
@@ -42948,7 +42951,7 @@ function DocxEditorViewer({
       }
       closeTableContextMenu();
     },
-    [closeTableContextMenu, editor, tableContextMenuState]
+    [closeTableContextMenu, editor, isReadOnly, tableContextMenuState]
   );
   const tableContextMenuActions = React3.useMemo(
     () => [...DEFAULT_TABLE_CONTEXT_MENU_ACTIONS],
@@ -45265,7 +45268,7 @@ function DocxEditorViewer({
   );
   const onViewerContextMenu = React3.useCallback(
     (event) => {
-      if (isReadOnly || event.defaultPrevented) {
+      if (event.defaultPrevented) {
         return;
       }
       const target = event.target;
@@ -45295,8 +45298,10 @@ function DocxEditorViewer({
         if (!boundary) {
           return;
         }
-        clearTableCellSelection();
-        setSelectionFromDocxBoundaries(boundary, boundary);
+        if (!isReadOnly) {
+          clearTableCellSelection();
+          setSelectionFromDocxBoundaries(boundary, boundary);
+        }
         resolvedRange = {
           start: {
             location: cloneTextRangeLocation(boundary.location),
@@ -45307,7 +45312,7 @@ function DocxEditorViewer({
             offset: boundary.offset
           }
         };
-      } else if (resolvedRange) {
+      } else if (resolvedRange && !isReadOnly) {
         clearTableCellSelection();
         editor.setActiveTextRange(resolvedRange);
       }
@@ -45316,9 +45321,11 @@ function DocxEditorViewer({
       ) : void 0;
       event.preventDefault();
       event.stopPropagation();
+      const tableContext = isReadOnly ? parseTableCellLocationFromElement(target) : void 0;
       openContextMenu(
         {
-          kind: "text",
+          kind: tableContext ? "table" : "text",
+          tableContext,
           activeTextRange: resolvedRange ? normalizeTextRange(resolvedRange) : void 0,
           location
         },
@@ -45743,7 +45750,7 @@ function DocxEditorViewer({
   );
   const resolveContextMenuActions = React3.useCallback(
     (context) => {
-      if (context.kind === "table") {
+      if (context.kind === "table" && !isReadOnly) {
         return tableContextMenuActions.map((action) => ({
           id: action.id,
           label: action.label,
@@ -45763,6 +45770,9 @@ function DocxEditorViewer({
           disabled: (action.id === "cut" || action.id === "copy") && !hasExpandedRange
         })
       );
+      if (isReadOnly) {
+        return clipboardActions.filter((action) => action.id === "copy");
+      }
       if (context.kind !== "image") {
         return clipboardActions;
       }
@@ -45844,10 +45854,13 @@ function DocxEditorViewer({
         ...layerActions
       ];
     },
-    [tableContextMenuActions]
+    [isReadOnly, tableContextMenuActions]
   );
   const runContextMenuAction = React3.useCallback(
     (actionId, providedContext) => {
+      if (isReadOnly && actionId !== "copy") {
+        return;
+      }
       const isTableAction = (value) => value === "insert-row-above" || value === "insert-row-below" || value === "insert-column-left" || value === "insert-column-right" || value === "delete-row" || value === "delete-column" || value === "delete-table";
       if (isTableAction(actionId)) {
         const providedTableContext = providedContext?.kind === "table" ? providedContext.tableContext : void 0;
@@ -46208,7 +46221,7 @@ function DocxEditorViewer({
             if (!hasExpandedRange) {
               break;
             }
-            if (currentRange) {
+            if (currentRange && !isReadOnly) {
               restoreDomSelectionFromRange(currentRange);
             }
             const selectedText = resolveSelectedTextForRange(currentRange);
@@ -46368,6 +46381,7 @@ function DocxEditorViewer({
       editor,
       focusWrappedParagraphRange,
       focusWrappedParagraphTextarea,
+      isReadOnly,
       replaceExpandedSelectionWithText,
       resolveActiveRangeFromDomSelection,
       runTableContextMenuAction,
@@ -51208,14 +51222,13 @@ function DocxEditorViewer({
                 }
               },
               onContextMenu: (event) => {
-                if (isReadOnly) {
-                  return;
-                }
                 event.preventDefault();
                 event.stopPropagation();
-                clearTableCellSelection();
-                setSelectedSectionImageKey(void 0);
-                setSelectedImage(manualImageLocation);
+                if (!isReadOnly) {
+                  clearTableCellSelection();
+                  setSelectedSectionImageKey(void 0);
+                  setSelectedImage(manualImageLocation);
+                }
                 openContextMenu(
                   {
                     kind: "image",
@@ -51481,14 +51494,13 @@ function DocxEditorViewer({
                 }
               },
               onContextMenu: (event) => {
-                if (isReadOnly) {
-                  return;
-                }
                 event.preventDefault();
                 event.stopPropagation();
-                clearTableCellSelection();
-                setSelectedSectionImageKey(void 0);
-                setSelectedImage(manualImageLocation);
+                if (!isReadOnly) {
+                  clearTableCellSelection();
+                  setSelectedSectionImageKey(void 0);
+                  setSelectedImage(manualImageLocation);
+                }
                 openContextMenu(
                   {
                     kind: "image",
@@ -51704,14 +51716,13 @@ function DocxEditorViewer({
                 }
               },
               onContextMenu: (event) => {
-                if (isReadOnly) {
-                  return;
-                }
                 event.preventDefault();
                 event.stopPropagation();
-                clearTableCellSelection();
-                setSelectedSectionImageKey(void 0);
-                setSelectedImage(manualImageLocation);
+                if (!isReadOnly) {
+                  clearTableCellSelection();
+                  setSelectedSectionImageKey(void 0);
+                  setSelectedImage(manualImageLocation);
+                }
                 openContextMenu(
                   {
                     kind: "image",
@@ -52158,14 +52169,16 @@ function DocxEditorViewer({
                   }
                 },
                 onContextMenu: (event) => {
-                  if (isReadOnly || behavesAsDecorativeBehindTextBackground) {
+                  if (behavesAsDecorativeBehindTextBackground) {
                     return;
                   }
                   event.preventDefault();
                   event.stopPropagation();
-                  clearTableCellSelection();
-                  setSelectedSectionImageKey(void 0);
-                  setSelectedImage(imageLocation);
+                  if (!isReadOnly) {
+                    clearTableCellSelection();
+                    setSelectedSectionImageKey(void 0);
+                    setSelectedImage(imageLocation);
+                  }
                   openContextMenu(
                     {
                       kind: "image",
@@ -52481,9 +52494,11 @@ function DocxEditorViewer({
                   onContextMenu: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
-                    clearTableCellSelection();
-                    setSelectedSectionImageKey(void 0);
-                    setSelectedImage(imageLocation);
+                    if (!isReadOnly) {
+                      clearTableCellSelection();
+                      setSelectedSectionImageKey(void 0);
+                      setSelectedImage(imageLocation);
+                    }
                     openContextMenu(
                       {
                         kind: "image",
@@ -59731,13 +59746,13 @@ ${currentText.slice(end)}`;
             }
           }
         ) : null,
-        !isReadOnly ? (() => {
+        contextMenuState || tableContextMenuState ? (() => {
           const hasCustomContextMenuState = Boolean(contextMenuState);
           const hasTableContextMenuState = Boolean(tableContextMenuState);
           if (!hasCustomContextMenuState && !hasTableContextMenuState) {
             return null;
           }
-          if (hasCustomContextMenuState || renderContextMenu) {
+          if (hasCustomContextMenuState || renderContextMenu || isReadOnly) {
             const tableContext = tableContextMenuState ? {
               tableIndex: tableContextMenuState.tableIndex,
               rowIndex: tableContextMenuState.rowIndex,