pixel-react-excel-sheet 1.0.34 → 1.0.35

package/lib/components/Excel/ExcelFile/ExcelFile.d.ts

@@ -5,6 +5,7 @@ interface ExcelFileProps {
     excelData: {
         sheets: WorkSheet[];
     };
+    heightType?: string;
     /** Optional: Provide context menu options for actions like right-click */
     contextOption?: {
         name: string;
@@ -15,6 +16,8 @@ interface ExcelFileProps {
     toolbar?: 'show' | 'disable' | 'hide';
     /** Callback function to save the Excel data */
     onSave?: (saveData: any) => void;
+    contextHeight?: number;
+    contextWidth?: number;
     /** Set your dynamic sheet Height*/
     sheetHeight?: string;
 }

package/lib/index.d.ts

@@ -2484,6 +2484,7 @@ interface ExcelFileProps {
     excelData: {
         sheets: WorkSheet[];
     };
+    heightType?: string;
     /** Optional: Provide context menu options for actions like right-click */
     contextOption?: {
         name: string;
@@ -2494,6 +2495,8 @@ interface ExcelFileProps {
     toolbar?: 'show' | 'disable' | 'hide';
     /** Callback function to save the Excel data */
     onSave?: (saveData: any) => void;
+    contextHeight?: number;
+    contextWidth?: number;
     /** Set your dynamic sheet Height*/
     sheetHeight?: string;
 }

package/lib/index.esm.js

@@ -33155,6 +33155,9 @@ const ExcelContextMenu = ({
 const ExcelFile = ({
   excelData,
   sheetHeight = '100%',
+  heightType = 'page',
+  contextHeight = 0,
+  contextWidth = 0,
   onSave = saveData => {
     saveData();
   }
@@ -33499,32 +33502,30 @@ const ExcelFile = ({
         handleSheetChange(name, index);
       }
     });
-    setPosition({
-      x: event.clientX - 350,
-      y: event.clientY
-    });
     setContextMenu({
       open: true,
       position: {
-        x: event.clientX - 350,
-        y: event.clientY - 500
+        x: event.pageX,
+        y: event.pageY
       },
       options: options
     });
   };
   return jsx(Fragment, {
     children: sheetNames.length > 0 && jsxs("div", {
-      ref: sheetRef,
+      style: {
+        position: 'relative'
+      },
       onContextMenu: event => {
+        const xPosition = heightType === 'page' ? event.pageX : event.clientX;
+        const yPosition = heightType === 'page' ? event.pageY : event.clientY;
         setPosition({
-          x: event.clientX - 350,
-          y: event.clientY
+          x: xPosition + contextWidth,
+          y: yPosition + contextHeight
         });
       },
-      style: {
-        position: 'relative'
-      },
       children: [jsx("div", {
+        ref: sheetRef,
         className: "ff-excel-sheet",
         children: jsx(Spreadsheet, {
           sheetHeight: sheetHeight,