pixel-react-excel-sheet 1.0.34 → 1.0.36

package/lib/index.js

@@ -1122,6 +1122,7 @@ const Drawer = ({
   leftSecondaryButtonProps = {},
   showEditButton = false,
   onEdit = () => {},
+  onCollapes = () => {},
   overlay = false,
   isFooterRequired = true,
   footerContent = null,
@@ -1148,6 +1149,7 @@ const Drawer = ({
   const handleEsc = useEscapeKey('Escape');
   handleEsc(onClose);
   const toggleExpand = () => {
+    onCollapes(isExpanded);
     setIsExpanded(prev => !prev);
   };
   const onCancel = () => {
@@ -33175,6 +33177,9 @@ const ExcelContextMenu = ({
 const ExcelFile = ({
   excelData,
   sheetHeight = '100%',
+  heightType = 'page',
+  contextHeight = 0,
+  contextWidth = 0,
   onSave = saveData => {
     saveData();
   }
@@ -33506,8 +33511,10 @@ const ExcelFile = ({
   }, [contextMenu.open]);
   React.useEffect(() => {
     document.addEventListener('click', handleClickOutside);
+    document.addEventListener('contextmenu', handleClickOutside);
     return () => {
       document.removeEventListener('click', handleClickOutside);
+      document.removeEventListener('contextmenu', handleClickOutside);
     };
   }, [handleClickOutside]);
   const contextClick = event => {
@@ -33519,32 +33526,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 jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: sheetNames.length > 0 && jsxRuntime.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: [jsxRuntime.jsx("div", {
+        ref: sheetRef,
         className: "ff-excel-sheet",
         children: jsxRuntime.jsx(Spreadsheet, {
           sheetHeight: sheetHeight,