pixel-react-excel-sheet 1.0.34 → 1.0.36

package/lib/components/Drawer/Types.d.ts

@@ -154,4 +154,5 @@ export interface DrawerProps {
      * Custom overflow for the drawer
      */
     overflow?: string;
+    onCollapes?: (value: boolean) => void;
 }

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

@@ -303,6 +303,7 @@ interface DrawerProps {
      * Custom overflow for the drawer
      */
     overflow?: string;
+    onCollapes?: (value: boolean) => void;
 }
 
 declare const Drawer: FC<DrawerProps>;
@@ -2484,6 +2485,7 @@ interface ExcelFileProps {
     excelData: {
         sheets: WorkSheet[];
     };
+    heightType?: string;
     /** Optional: Provide context menu options for actions like right-click */
     contextOption?: {
         name: string;
@@ -2494,6 +2496,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

@@ -1102,6 +1102,7 @@ const Drawer = ({
   leftSecondaryButtonProps = {},
   showEditButton = false,
   onEdit = () => {},
+  onCollapes = () => {},
   overlay = false,
   isFooterRequired = true,
   footerContent = null,
@@ -1128,6 +1129,7 @@ const Drawer = ({
   const handleEsc = useEscapeKey('Escape');
   handleEsc(onClose);
   const toggleExpand = () => {
+    onCollapes(isExpanded);
     setIsExpanded(prev => !prev);
   };
   const onCancel = () => {
@@ -33155,6 +33157,9 @@ const ExcelContextMenu = ({
 const ExcelFile = ({
   excelData,
   sheetHeight = '100%',
+  heightType = 'page',
+  contextHeight = 0,
+  contextWidth = 0,
   onSave = saveData => {
     saveData();
   }
@@ -33486,8 +33491,10 @@ const ExcelFile = ({
   }, [contextMenu.open]);
   React__default.useEffect(() => {
     document.addEventListener('click', handleClickOutside);
+    document.addEventListener('contextmenu', handleClickOutside);
     return () => {
       document.removeEventListener('click', handleClickOutside);
+      document.removeEventListener('contextmenu', handleClickOutside);
     };
   }, [handleClickOutside]);
   const contextClick = event => {
@@ -33499,32 +33506,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,