pixel-react 1.14.40 → 1.14.42

package/lib/index.cjs

@@ -392,7 +392,7 @@ const SvgLicenseWarning = (props) => /* @__PURE__ */ React__namespace.createElem
 
 const SvgVariableIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.5 4.5L8.40169 10.5H6.59831L4.5 4.5H6.03371L7.5 9.02991L8.97472 4.5H10.5Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.28395 1.28395C2.21109 0.356801 3.60069 0 5.4 0H9.6C11.3993 0 12.7889 0.356801 13.7161 1.28395C14.6432 2.21109 15 3.60069 15 5.4V9.6C15 11.3993 14.6432 12.7889 13.7161 13.7161C12.7889 14.6432 11.3993 15 9.6 15H5.4C3.60069 15 2.21109 14.6432 1.28395 13.7161C0.356801 12.7889 0 11.3993 0 9.6V5.4C0 3.60069 0.356801 2.21109 1.28395 1.28395ZM1.99105 1.99105C1.3432 2.63891 1 3.69931 1 5.4V9.6C1 11.3007 1.3432 12.3611 1.99105 13.0089C2.63891 13.6568 3.69931 14 5.4 14H9.6C11.3007 14 12.3611 13.6568 13.0089 13.0089C13.6568 12.3611 14 11.3007 14 9.6V5.4C14 3.69931 13.6568 2.63891 13.0089 1.99105C12.3611 1.3432 11.3007 1 9.6 1H5.4C3.69931 1 2.63891 1.3432 1.99105 1.99105Z", fill: "currentColor" }));
 
-const SvgWindows = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.80888 12.0185L0.114433 11.3751L0.00422248 11.36L0.00421445 11.2489L0.00396729 7.39195V7.26428H0.131141H4.82583H4.95351V7.39195V11.8924V12.0384L4.80888 12.0185Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.0003 7.39195L11.9987 12.8732V13.0197L11.8541 12.9993L5.59136 12.1182L5.48114 12.1028V11.9921V7.39195V7.26428H5.60882H11.8731H12.0003V7.39195Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.59086 1.91281L11.8536 1.00154L11.9993 0.980347V1.12771V6.60891V6.73658H11.8715H5.60882H5.48114V6.60891V2.03899V1.92879L5.59086 1.91281Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.00418431 6.60893L-0.000124334 2.79077L-0.000244141 2.67959L0.110094 2.6646L4.80836 2.02659L4.95299 2.00696V2.15276V6.60893V6.7366H4.82531H0.131358H0.00433601L0.00418431 6.60893Z", fill: "currentColor" }));
+const SvgWindows = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.80888 12.0185L0.114433 11.3751L0.00422248 11.36L0.00421445 11.2489L0.00396729 7.39195V7.26428H0.131141H4.82583H4.95351V7.39195V11.8924V12.0384L4.80888 12.0185Z", fill: "#00BCD4" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.0003 7.39195L11.9987 12.8732V13.0197L11.8541 12.9993L5.59136 12.1182L5.48114 12.1028V11.9921V7.39195V7.26428H5.60882H11.8731H12.0003V7.39195Z", fill: "#00BCD4" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.59086 1.91281L11.8536 1.00154L11.9993 0.980347V1.12771V6.60891V6.73658H11.8715H5.60882H5.48114V6.60891V2.03899V1.92879L5.59086 1.91281Z", fill: "#00BCD4" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.00418431 6.60893L-0.000124334 2.79077L-0.000244141 2.67959L0.110094 2.6646L4.80836 2.02659L4.95299 2.00696V2.15276V6.60893V6.7366H4.82531H0.131358H0.00433601L0.00418431 6.60893Z", fill: "#00BCD4" }));
 
 const SvgDatasetList = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.4756 6.76071V8.19947C11.4756 8.73156 9.91947 9.16302 8 9.16302C6.08053 9.16302 4.52444 8.73173 4.52444 8.19947V6.76071C4.52444 6.7344 4.5376 6.71182 4.56036 6.69885C4.58311 6.68587 4.60924 6.68605 4.63182 6.69956C5.55129 7.24676 7.39342 7.31307 7.99982 7.31307C8.60622 7.31307 10.4484 7.24676 11.3678 6.69956C11.3904 6.68605 11.4165 6.68587 11.4393 6.69885C11.4624 6.71182 11.4756 6.7344 11.4756 6.76071ZM12.6032 8.94151H15.3159C15.6921 8.94151 16 9.24925 16 9.6256V10.949C16 11.3252 15.6923 11.6331 15.3159 11.6331H12.6032C12.227 11.6331 11.9191 11.3253 11.9191 10.949V9.6256C11.9191 9.24942 12.227 8.94151 12.6032 8.94151ZM3.65689 5.87058C3.77476 5.87058 3.87022 5.96604 3.87022 6.08391C3.87022 6.20178 3.77476 6.29725 3.65689 6.29725H2.25387V7.24356C2.4272 7.32409 2.5472 7.49973 2.5472 7.70329C2.5472 7.98311 2.32036 8.20996 2.04053 8.20996C1.76071 8.20996 1.53387 7.98311 1.53387 7.70329C1.53387 7.49973 1.65404 7.32409 1.8272 7.24356V6.08391C1.8272 5.96604 1.92267 5.87058 2.04053 5.87058H3.65689ZM14.1728 7.24356C14.3461 7.32409 14.4661 7.49973 14.4661 7.70329C14.4661 7.98311 14.2393 8.20996 13.9595 8.20996C13.6796 8.20996 13.4528 7.98311 13.4528 7.70329C13.4528 7.49956 13.573 7.32409 13.7461 7.24356V6.29725H12.3431C12.2252 6.29725 12.1298 6.20178 12.1298 6.08391C12.1298 5.96604 12.2252 5.87058 12.3431 5.87058H13.9595C14.0773 5.87058 14.1728 5.96604 14.1728 6.08391V7.24356ZM8.21333 11.3625C8.38667 11.443 8.50667 11.6185 8.50667 11.8222C8.50667 12.102 8.27982 12.3289 8 12.3289C7.72018 12.3289 7.49333 12.102 7.49333 11.8222C7.49333 11.6187 7.61351 11.443 7.78667 11.3625V9.79858C7.78667 9.68071 7.88213 9.58525 8 9.58525C8.11787 9.58525 8.21333 9.68071 8.21333 9.79858V11.3625ZM0.684089 8.94151H3.3968C3.77298 8.94151 4.08089 9.24925 4.08089 9.6256V10.949C4.08089 11.3252 3.77316 11.6331 3.3968 11.6331H0.684089C0.307911 11.6331 0 11.3252 0 10.949V9.6256C0 9.24942 0.307911 8.94151 0.684089 8.94151ZM1.13013 10.8976H2.95058C3.06844 10.8976 3.16391 10.8021 3.16391 10.6843C3.16391 10.5664 3.06844 10.4709 2.95058 10.4709H1.13013C1.01227 10.4709 0.9168 10.5664 0.9168 10.6843C0.9168 10.8021 1.01244 10.8976 1.13013 10.8976ZM1.13013 10.1038H2.95058C3.06844 10.1038 3.16391 10.0084 3.16391 9.89049C3.16391 9.77262 3.06844 9.67716 2.95058 9.67716H1.13013C1.01227 9.67716 0.9168 9.77262 0.9168 9.89049C0.9168 10.0084 1.01244 10.1038 1.13013 10.1038ZM6.64356 13.0231H9.35644C9.73262 13.0231 10.0405 13.331 10.0405 13.7072V15.0306C10.0405 15.4068 9.7328 15.7147 9.35644 15.7147H6.64356C6.26738 15.7147 5.95947 15.4068 5.95947 15.0306V13.7072C5.95964 13.3308 6.26738 13.0231 6.64356 13.0231ZM7.08978 14.979H8.91022C9.02809 14.979 9.12356 14.8836 9.12356 14.7657C9.12356 14.6478 9.02809 14.5524 8.91022 14.5524H7.08978C6.97191 14.5524 6.87644 14.6478 6.87644 14.7657C6.87644 14.8836 6.97191 14.979 7.08978 14.979ZM7.08978 14.1852H8.91022C9.02809 14.1852 9.12356 14.0898 9.12356 13.9719C9.12356 13.854 9.02809 13.7586 8.91022 13.7586H7.08978C6.97191 13.7586 6.87644 13.854 6.87644 13.9719C6.87644 14.0898 6.97191 14.1852 7.08978 14.1852ZM13.0492 10.8976H14.8697C14.9876 10.8976 15.083 10.8021 15.083 10.6843C15.083 10.5664 14.9876 10.4709 14.8697 10.4709H13.0492C12.9314 10.4709 12.8359 10.5664 12.8359 10.6843C12.8359 10.8021 12.9316 10.8976 13.0492 10.8976ZM13.0492 10.1038H14.8697C14.9876 10.1038 15.083 10.0084 15.083 9.89049C15.083 9.77262 14.9876 9.67716 14.8697 9.67716H13.0492C12.9314 9.67716 12.8359 9.77262 12.8359 9.89049C12.8359 10.0084 12.9316 10.1038 13.0492 10.1038ZM8 0.285156C9.91947 0.285156 11.4756 0.716445 11.4756 1.24871C11.4756 1.7808 9.91947 2.21227 8 2.21227C6.08053 2.21227 4.52444 1.78098 4.52444 1.24871C4.52444 0.716445 6.08053 0.285156 8 0.285156ZM11.4756 2.01209C11.4756 1.98578 11.4624 1.96302 11.4393 1.95022C11.4164 1.93725 11.39 1.93778 11.3675 1.95147C10.6898 2.36267 9.43538 2.63876 8 2.63876C6.56462 2.63876 5.31022 2.36267 4.63253 1.95129C4.60996 1.9376 4.58382 1.93725 4.56071 1.95005C4.53778 1.96302 4.52444 1.9856 4.52444 2.01191V3.45885C4.52444 3.99093 6.08053 4.4224 8 4.4224C9.91947 4.4224 11.4756 3.99111 11.4756 3.45885V2.01209ZM9.45778 3.25067C9.57422 3.23556 9.68089 3.31751 9.69618 3.43396C9.71129 3.5504 9.62933 3.65707 9.51289 3.67236C9.38489 3.68907 9.25458 3.70364 9.12231 3.71591C8.98364 3.72889 8.84996 3.73884 8.72107 3.74631C8.60373 3.75271 8.50329 3.66276 8.49689 3.54542C8.49049 3.42809 8.58044 3.32765 8.69778 3.32125C8.83164 3.3136 8.96071 3.304 9.08391 3.29262C9.20711 3.28124 9.33173 3.2672 9.45778 3.25067ZM10.4039 3.0656C10.5172 3.03431 10.6343 3.1008 10.6656 3.21387C10.6969 3.32711 10.6304 3.44427 10.5173 3.47556L10.4656 3.48996C10.4617 3.49102 10.4578 3.49191 10.4539 3.4928L10.4123 3.50329C10.2987 3.53227 10.1829 3.46364 10.154 3.35004C10.125 3.23644 10.1936 3.12071 10.3072 3.09173C10.3191 3.08871 10.3131 3.09013 10.3467 3.08107L10.3556 3.0784C10.394 3.06827 10.3961 3.06791 10.4039 3.0656ZM11.4756 5.92302V4.29689C11.4756 4.27058 11.4624 4.248 11.4396 4.23502C11.4169 4.22205 11.3908 4.22222 11.3682 4.23573C10.4485 4.78293 8.6064 4.84925 8 4.84925C7.3936 4.84925 5.55147 4.78293 4.632 4.23573C4.60942 4.22222 4.58329 4.22205 4.56053 4.23502C4.53778 4.248 4.52462 4.27058 4.52462 4.29689V5.92302C4.52462 6.45511 6.08071 6.88658 8.00018 6.88658C9.91947 6.88658 11.4756 6.45511 11.4756 5.92302ZM10.4039 5.41333C10.5172 5.38205 10.6343 5.44853 10.6656 5.5616C10.6969 5.67484 10.6304 5.792 10.5173 5.82329L10.466 5.83751C10.4416 5.84409 10.4699 5.83627 10.4123 5.85102C10.2987 5.88 10.1829 5.81138 10.154 5.69778C10.125 5.58418 10.1936 5.46845 10.3072 5.43947C10.3303 5.4336 10.2978 5.4416 10.3559 5.42613L10.4039 5.41333ZM9.45778 5.5984C9.57422 5.58329 9.68089 5.66525 9.69618 5.78169C9.71147 5.89813 9.62933 6.0048 9.51289 6.02009C9.38329 6.03716 9.25138 6.05173 9.11751 6.06418C8.98044 6.07698 8.84818 6.08676 8.72107 6.09405C8.60373 6.10045 8.50329 6.01049 8.49689 5.89316C8.49049 5.77582 8.58044 5.67538 8.69778 5.66898C8.83022 5.66133 8.95769 5.65191 9.07929 5.64071C9.20409 5.62916 9.33031 5.61511 9.45778 5.5984ZM9.45778 7.968C9.33191 7.98453 9.20711 7.9984 9.08373 8.00996C8.96036 8.02151 8.83147 8.03093 8.6976 8.03858C8.58027 8.04498 8.49031 8.14542 8.49671 8.26276C8.50311 8.38009 8.60356 8.47005 8.72089 8.46364C8.84978 8.45618 8.98347 8.44622 9.12213 8.43324C9.2544 8.42098 9.38471 8.4064 9.51271 8.38969C9.62916 8.37458 9.71129 8.26773 9.696 8.15129C9.68071 8.03485 9.57422 7.95289 9.45778 7.968ZM10.4039 7.78311L10.3559 7.79609C10.2978 7.81156 10.3303 7.80338 10.3072 7.80925C10.1936 7.83822 10.1248 7.95396 10.154 8.06756C10.1829 8.18116 10.2987 8.24996 10.4123 8.2208C10.4699 8.20605 10.4416 8.21387 10.466 8.20747L10.5173 8.19307C10.6306 8.16178 10.6969 8.04462 10.6656 7.93138C10.6341 7.81813 10.517 7.75182 10.4039 7.78311Z", fill: "#71347B" }));
 
@@ -2907,7 +2907,7 @@ function useMergeRefs(...refs) {
   }, [refs]);
 }
 
-const MAX_SEARCH_CHARACTER_LENGTH = 25;
+const MAX_SEARCH_CHARACTER_LENGTH = 100;
 const MAX_ALLOWED_PIXEL = 150;
 const FONT_SIZE$1 = 6;
 const ChipElement = ({
@@ -6470,7 +6470,8 @@ const Select$1 = ({
       }
       const style = window.getComputedStyle(parent);
       const overflowY = style.overflowY;
-      const isScrollable = (overflowY === 'auto' || overflowY === 'scroll') && parent.scrollHeight > parent.clientHeight;
+      const overflowX = style.overflowX;
+      const isScrollable = (overflowY === 'auto' || overflowY === 'scroll' || overflowX === 'auto' || overflowX === 'scroll') && (parent.scrollHeight > parent.clientHeight || parent.scrollWidth > parent.clientWidth);
       if (isScrollable) {
         return parent;
       }
@@ -11923,7 +11924,7 @@ const SortableRow = ({
           style: {
             position: isFrozen ? 'sticky' : 'static',
             left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
-            zIndex: isFrozen ? 99 : 'auto',
+            zIndex: isFrozen ? 120 : 'auto',
             backgroundColor: isFrozen ? 'var(--input-label-bg-color)' : 'transparent',
             width: column.width ? `${column.width}px` : 'auto',
             padding: '7px 8px',
@@ -36890,34 +36891,40 @@ function formatePainter(data) {
     }
   };
 }
-function addRowTop() {
+function addRowTop(row) {
   return {
-    type: ADD_ROW_TOP
+    type: ADD_ROW_TOP,
+    row
   };
 }
-function addRowBottom() {
+function addRowBottom(row) {
   return {
-    type: ADD_ROW_BOTTOM
+    type: ADD_ROW_BOTTOM,
+    row
   };
 }
-function addColumnLeft() {
+function addColumnLeft(column) {
   return {
-    type: ADD_COLUMN_LEFT
+    type: ADD_COLUMN_LEFT,
+    column
   };
 }
-function addColumnRight() {
+function addColumnRight(column) {
   return {
-    type: ADD_COLUMN_RIGHT
+    type: ADD_COLUMN_RIGHT,
+    column
   };
 }
-function deleteRow() {
+function deleteRow(row) {
   return {
-    type: DELETE_ROW
+    type: DELETE_ROW,
+    row
   };
 }
-function deleteColumn() {
+function deleteColumn(column) {
   return {
-    type: DELETE_COLUMN
+    type: DELETE_COLUMN,
+    column
   };
 }
 function keyPress(event) {
@@ -39007,18 +39014,21 @@ function reducer(state, action) {
           selectedColumn,
           model
         } = state;
-        if (checkEmpty(selectedRow)) {
+        const {
+          row
+        } = action;
+        if (checkEmpty(row ?? selectedRow)) {
           return state;
         }
-        selectedRow = selectedRow;
+        selectedRow = row ?? selectedRow;
         let updatedData = [...model.data];
         const newRow = Array(updatedData[0]?.length || 0).fill(EmptyCell);
-        updatedData.splice(selectedRow, 0, newRow);
+        updatedData.splice(row ?? selectedRow, 0, newRow);
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         return {
           ...state,
           model: updatedModel,
-          selectedRow: selectedRow,
+          selectedRow: row ?? selectedRow,
           selectedColumn: selectedColumn
         };
       }
@@ -39029,18 +39039,21 @@ function reducer(state, action) {
           selectedColumn,
           model
         } = state;
+        const {
+          row
+        } = action;
         if (checkEmpty(selectedRow)) {
           return state;
         }
-        selectedRow = selectedRow;
+        selectedRow = row ?? selectedRow;
         let updatedData = [...model.data];
         const newRow = Array(updatedData[0]?.length || 0).fill(EmptyCell);
-        updatedData.splice(selectedRow + 1, 0, newRow);
+        updatedData.splice((row ?? selectedRow) + 1, 0, newRow);
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         return {
           ...state,
           model: updatedModel,
-          selectedRow: selectedRow + 1,
+          selectedRow: (row ?? selectedRow) + 1,
           selectedColumn: selectedColumn
         };
       }
@@ -39051,20 +39064,23 @@ function reducer(state, action) {
           selectedColumn,
           model
         } = state;
-        if (checkEmpty(selectedColumn)) {
+        const {
+          column
+        } = action;
+        if (checkEmpty(column ?? selectedColumn)) {
           return state;
         }
-        selectedColumn = selectedColumn;
+        selectedColumn = column ?? selectedColumn;
         let updatedData = [...model.data];
         updatedData = updatedData.map(row => {
-          return [...row.slice(0, selectedColumn), EmptyCell, ...row.slice(selectedColumn)];
+          return [...row.slice(0, column ?? selectedColumn), EmptyCell, ...row.slice(column ?? selectedColumn)];
         });
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         return {
           ...state,
           model: updatedModel,
           selectedRow: selectedRow,
-          selectedColumn: selectedColumn - 1
+          selectedColumn: (column ?? selectedColumn) - 1
         };
       }
     case ADD_COLUMN_RIGHT:
@@ -39074,20 +39090,23 @@ function reducer(state, action) {
           selectedColumn,
           model
         } = state;
-        if (checkEmpty(selectedColumn)) {
+        const {
+          column
+        } = action;
+        if (checkEmpty(column ?? selectedColumn)) {
           return state;
         }
-        selectedColumn = selectedColumn;
+        selectedColumn = column ?? selectedColumn;
         let updatedData = [...model.data];
         updatedData = updatedData.map(row => {
-          return [...row.slice(0, selectedColumn + 1), EmptyCell, ...row.slice(selectedColumn + 1)];
+          return [...row.slice(0, (column ?? selectedColumn) + 1), EmptyCell, ...row.slice((column ?? selectedColumn) + 1)];
         });
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         return {
           ...state,
           model: updatedModel,
           selectedRow: selectedRow,
-          selectedColumn: selectedColumn + 1
+          selectedColumn: (column ?? selectedColumn) + 1
         };
       }
     case DELETE_ROW:
@@ -39097,14 +39116,17 @@ function reducer(state, action) {
           selectedColumn,
           model
         } = state;
+        const {
+          row
+        } = action;
         if (checkEmpty(selectedRow)) {
           return state;
         }
-        selectedRow = selectedRow;
+        selectedRow = row ?? selectedRow;
         let updatedData = [...model.data];
-        updatedData.splice(selectedRow, 1);
+        updatedData.splice(row ?? selectedRow, 1);
         const updatedModel = new Model(model.createFormulaParser, updatedData);
-        let newSelectedRow = selectedRow > 0 ? selectedRow - 1 : 0;
+        let newSelectedRow = row ?? selectedRow > 0 ? row ?? selectedRow - 1 : 0;
         const newSelectedColumn = selectedColumn !== null ? selectedColumn : 0;
         const newActive = updatedData.length > 0 ? {
           row: newSelectedRow,
@@ -39112,7 +39134,7 @@ function reducer(state, action) {
         } : null;
         const newSelected = updatedData.length > 0 ? new EntireRowsSelection(newSelectedRow, newSelectedRow) : new EmptySelection();
         const {
-          [selectedRow]: _,
+          [row ?? selectedRow]: _,
           ...cleanedRowDimensions
         } = state.rowDimensions;
         return {
@@ -39132,8 +39154,11 @@ function reducer(state, action) {
           selectedColumn,
           model
         } = state;
-        if (checkEmpty(selectedColumn)) return state;
-        const colIndex = selectedColumn;
+        const {
+          column
+        } = action;
+        if (checkEmpty(column ?? selectedColumn)) return state;
+        const colIndex = column ?? selectedColumn;
         const updatedData = model.data.map(row => row.filter((_, cellIndex) => cellIndex !== colIndex));
         const updatedModel = new Model(model.createFormulaParser, updatedData);
         const newSelectedRow = selectedRow || 0;
@@ -41103,7 +41128,9 @@ const ColumnIndicator = ({
   cell,
   selectedColumn,
   minimumColumnWidth,
-  maxColLimit
+  maxColLimit,
+  disableDeleteOption,
+  contextMenu
 }) => {
   const dispatch = useDispatch();
   const minColumnWidth = minimumColumnWidth;
@@ -41117,7 +41144,7 @@ const ColumnIndicator = ({
       label: 'Add Column Left',
       value: 'Add Column Left',
       iconName: 'plus_icon',
-      action: addColumnLeft,
+      action: () => addColumnLeft(),
       disableTooltip: 'Column limit reached',
       visible: cell?.contextDisable?.['Add Column Left'] ?? false,
       disable: columnCount >= maxColLimit
@@ -41125,19 +41152,19 @@ const ColumnIndicator = ({
       label: 'Add Column Right',
       value: 'Add Column Right',
       iconName: 'plus_icon',
-      action: addColumnRight,
+      action: () => addColumnRight(),
       disableTooltip: 'Column limit reached',
       visible: cell?.contextDisable?.['Add Column Right'] ?? false,
       disable: columnCount >= maxColLimit
-    }, {
+    }, ...(!disableDeleteOption ? [{
       label: 'Delete Column',
       value: 'Delete Column',
       iconName: 'delete',
-      action: deleteColumn,
-      disableTooltip: 'Column limit reached',
+      action: () => deleteColumn(),
+      disableTooltip: '',
       visible: cell?.contextDisable?.['Delete Column'] ?? false,
       disable: false
-    }];
+    }] : [])];
   }, [selectedColumn, cell, addColumnLeft, addColumnRight, deleteColumn]);
   const onMouseDrag = React__namespace.useCallback((event, isRight) => {
     const getTargetColumn = isRight ? column - 1 : column;
@@ -41167,17 +41194,19 @@ const ColumnIndicator = ({
     onSelect(column, event.shiftKey);
     setContextMenu({
       open: columnContextEnable,
+      contextType: 'column',
       options
     });
   }, [column, selectedColumn, columnContextEnable, options]);
   React__namespace.useEffect(() => {
-    if (selectedColumn !== undefined) {
+    if (selectedColumn !== undefined && contextMenu?.contextType === 'column' || !contextMenu?.contextType) {
       setContextMenu(prev => ({
         open: prev.open,
+        contextType: 'column',
         options
       }));
     }
-  }, [column, selectedColumn, columnContextEnable, options]);
+  }, [column, selectedColumn, columnContextEnable, options, contextMenu?.contextType]);
   return jsxRuntime.jsxs("th", {
     className: classNames('ff-spreadsheet-header', {
       'ff-spreadsheet-header--selected': selected
@@ -41249,7 +41278,9 @@ const RowIndicator = ({
   rowContextEnable,
   selectedRow,
   cell,
-  maxRowLimit
+  maxRowLimit,
+  disableDeleteOption,
+  contextMenu
 }) => {
   const dispatch = useDispatch();
   const rowHeight = useSelector(state => state.rowDimensions[row]?.height || 32);
@@ -41262,7 +41293,7 @@ const RowIndicator = ({
       label: 'Add Row Top',
       value: 'Add Row Top',
       iconName: 'plus_icon',
-      action: addRowTop,
+      action: () => addRowTop(),
       disableTooltip: 'Row limit reached',
       visible: cell?.contextDisable?.['Add Row Top'] ?? false,
       disable: rowCount >= maxRowLimit
@@ -41270,20 +41301,20 @@ const RowIndicator = ({
       label: 'Add Row Bottom',
       value: 'Add Row Bottom',
       iconName: 'plus_icon',
-      action: addRowBottom,
+      action: () => addRowBottom(),
       disableTooltip: 'Row limit reached',
       visible: cell?.contextDisable?.['Add Row Bottom'] ?? false,
       disable: rowCount >= maxRowLimit
-    }, {
+    }, ...(!disableDeleteOption ? [{
       label: 'Delete Row',
       value: 'Delete Row',
       iconName: 'delete',
-      action: deleteRow,
-      disableTooltip: 'Row limit reached',
+      action: () => deleteRow(),
+      disableTooltip: '',
       visible: cell?.contextDisable?.['Delete Row'] ?? false,
       disable: false
-    }];
-  }, [selectedRow]);
+    }] : [])];
+  }, [selectedRow, row]);
   const handleMouseDrag = React__namespace.useCallback((event, isUp) => {
     const getTargetRow = isUp ? row : row - 1;
     const targetRow = Math.max(getTargetRow, 0);
@@ -41312,17 +41343,19 @@ const RowIndicator = ({
     onSelect(row, event.shiftKey);
     setContextMenu({
       open: rowContextEnable,
+      contextType: 'row',
       options
     });
   }, [row, rowContextEnable, options, selectedRow]);
   React__namespace.useEffect(() => {
-    if (selectedRow !== undefined) {
+    if (selectedRow !== undefined && contextMenu?.contextType === 'row' || !contextMenu?.contextType) {
       setContextMenu(prev => ({
         open: prev.open,
+        contextType: 'row',
         options
       }));
     }
-  }, [row, rowContextEnable, options, selectedRow]);
+  }, [row, rowContextEnable, options, selectedRow, contextMenu?.contextType]);
   return jsxRuntime.jsxs("th", {
     className: classNames('ff-spreadsheet-header', {
       'ff-spreadsheet-header--selected': selected
@@ -41953,6 +41986,7 @@ const ActiveCell = props => {
     event.preventDefault();
     props.setContextMenu({
       open: props.contextOption?.open ?? false,
+      contextType: props.contextOption?.contextType ?? null,
       options: props.contextOption?.options || []
     });
   }, [props]);
@@ -42623,7 +42657,9 @@ const Spreadsheet = props => {
     setContextMenu,
     showHider,
     maxRowLimit,
-    maxColLimit
+    maxColLimit,
+    disableDeleteOption,
+    contextMenu
   } = props;
   const [sheetChange, setSheetChange] = React__namespace.useState(false);
   const [maxWidth, setMaxWidth] = React__namespace.useState(0);
@@ -42920,6 +42956,7 @@ const Spreadsheet = props => {
     });
     setContextMenu({
       open: false,
+      contextType: null,
       options: [{
         label: '',
         value: '',
@@ -42952,7 +42989,9 @@ const Spreadsheet = props => {
         addColumnLeft: addColumnLeft$1,
         addColumnRight: addColumnRight$1,
         columnContextEnable: props.columnContextEnable,
-        maxColLimit: maxColLimit
+        maxColLimit: maxColLimit,
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, columnNumber) : jsxRuntime.jsx(ColumnIndicator, {
         column: columnNumber,
         minimumColumnWidth: minimumColumnWidth,
@@ -42961,7 +43000,9 @@ const Spreadsheet = props => {
         addColumnLeft: addColumnLeft$1,
         addColumnRight: addColumnRight$1,
         columnContextEnable: props.columnContextEnable,
-        maxColLimit: maxColLimit
+        maxColLimit: maxColLimit,
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, columnNumber))]
     }), renderReady && scrollerFunction().map(rowNumber => jsxRuntime.jsxs(Row$1, {
       row: rowNumber,
@@ -42973,7 +43014,9 @@ const Spreadsheet = props => {
         deleteRow: deleteRow$1,
         setContextMenu: props.setContextMenu,
         rowContextEnable: props.rowContextEnable,
-        maxRowLimit: maxRowLimit
+        maxRowLimit: maxRowLimit,
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, rowNumber) : jsxRuntime.jsx(RowIndicator$1, {
         row: rowNumber,
         addRowTop: addRowTop$1,
@@ -42981,7 +43024,9 @@ const Spreadsheet = props => {
         deleteRow: deleteRow$1,
         setContextMenu: props.setContextMenu,
         rowContextEnable: props.rowContextEnable,
-        maxRowLimit: maxRowLimit
+        maxRowLimit: maxRowLimit,
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, rowNumber), range(size.columns).map(columnNumber => jsxRuntime.jsx(Cell$1, {
         row: rowNumber,
         column: columnNumber,
@@ -43045,6 +43090,7 @@ const Spreadsheet = props => {
         scrollOption && throttledHandleScroll(e);
         setContextMenu({
           open: false,
+          contextType: null,
           options: [{
             label: '',
             value: '',
@@ -43068,15 +43114,12 @@ const Spreadsheet = props => {
 const ExcelContextMenu = ({
   contextMenu,
   position,
-  editable,
-  disableDeleteOption
+  editable
 }) => {
+  if (!contextMenu.open) return null;
   const checkDelete = label => {
     return label.includes('Delete');
   };
-  const isOptionDisabled = option => {
-    return option.disable || checkDelete(option.label) && disableDeleteOption;
-  };
   return editable && jsxRuntime.jsx("div", {
     onContextMenu: event => {
       event.preventDefault();
@@ -43091,7 +43134,7 @@ const ExcelContextMenu = ({
     },
     children: contextMenu.options.map(option => {
       if (!option.visible) {
-        const disabled = isOptionDisabled(option);
+        const disabled = option.disable;
         return jsxRuntime.jsx(Tooltip, {
           title: disabled ? option.disableTooltip : '',
           children: jsxRuntime.jsxs("div", {
@@ -43171,6 +43214,7 @@ const ExcelFile = ({
   const [saveInfo, setSaveInfo] = React.useState('');
   const [contextMenu, setContextMenu] = React.useState({
     open: false,
+    contextType: null,
     options: [{
       label: '',
       value: '',
@@ -43483,28 +43527,34 @@ const ExcelFile = ({
     selection?.removeAllRanges();
     selection?.addRange(range);
   };
-  const handleClickOutside = React.useCallback(event => {
-    if (contextMenu.open) {
-      event.preventDefault();
-      event.stopPropagation();
-      setContextMenu({
-        open: false,
-        options: [{
-          label: '',
-          value: '',
-          iconName: '',
-          action: () => {},
-          disableTooltip: '',
-          visible: false,
-          disable: false
-        }]
-      });
+  const handleClickOutside = React.useCallback((event, isLeftClick = false) => {
+    const target = event.target;
+    if (!(target.closest('.ff-excel-tab-list') || target.closest('.ff-excel-sheet')) || isLeftClick) {
+      if (contextMenu.open) {
+        event.preventDefault();
+        event.stopPropagation();
+        setContextMenu({
+          open: false,
+          contextType: null,
+          options: [{
+            label: '',
+            value: '',
+            iconName: '',
+            action: () => {},
+            disableTooltip: '',
+            visible: false,
+            disable: false
+          }]
+        });
+      }
     }
   }, [contextMenu.open]);
   React.useEffect(() => {
-    document.addEventListener('click', handleClickOutside);
+    document.addEventListener('contextmenu', handleClickOutside);
+    document.addEventListener('click', e => handleClickOutside(e, true));
     return () => {
-      document.removeEventListener('click', handleClickOutside);
+      document.removeEventListener('contextmenu', handleClickOutside);
+      document.addEventListener('click', e => handleClickOutside(e, true));
     };
   }, [handleClickOutside]);
   const contextClick = (event, name, index) => {
@@ -43513,27 +43563,24 @@ const ExcelFile = ({
       label: 'Add Sheet',
       value: 'Add Sheet',
       iconName: 'plus_icon',
-      action: () => {
-        handleAddSheet();
-      },
+      action: () => handleAddSheet(),
       disableTooltip: 'Sheet limit reached',
       visible: false,
       disable: addSheetIconDisable()
-    }, {
+    }, ...(!disableDeleteOption ? [{
       label: 'Delete Sheet',
       value: 'Delete Sheet',
       iconName: 'delete',
-      action: () => {
-        handleDeleteSheet(name, index);
-      },
+      action: () => handleDeleteSheet(name, index),
       disableTooltip: '',
       visible: false,
       disable: false
-    }];
+    }] : [])];
     setContextMenu(prev => ({
       ...prev,
       open: true,
-      options: options
+      contextType: 'sheet',
+      options
     }));
   };
   const setContextPosition = event => {
@@ -43566,7 +43613,7 @@ const ExcelFile = ({
     if (event.target.classList.contains('ff-excel-tab-list')) {
       setPosition({
         x: sheetRefX,
-        y: sheetRefY - 65
+        y: sheetRefY - (disableDeleteOption ? 32 : 65)
       });
       return;
     }
@@ -43587,6 +43634,7 @@ const ExcelFile = ({
     if (contextMenu.open) {
       setContextMenu({
         open: false,
+        contextType: null,
         options: [{
           label: '',
           value: '',
@@ -43624,7 +43672,9 @@ const ExcelFile = ({
           scroller: scroller,
           showHider: showHider,
           maxRowLimit: maxRowLimit,
-          maxColLimit: maxColLimit
+          maxColLimit: maxColLimit,
+          disableDeleteOption: disableDeleteOption,
+          contextMenu: contextMenu
         })
       }), sheetBar !== 'hide' && jsxRuntime.jsxs("div", {
         className: "ff-excel-sheet-bar",
@@ -43686,8 +43736,7 @@ const ExcelFile = ({
       }), contextMenu.open && jsxRuntime.jsx(ExcelContextMenu, {
         contextMenu: contextMenu,
         position: position,
-        editable: editable,
-        disableDeleteOption: disableDeleteOption
+        editable: editable
       }), jsxRuntime.jsx(Toastify, {})]
     })
   });
@@ -65332,7 +65381,7 @@ const Comments = ({
     if (mentionNameMatch) {
       const mentionNameStart = textBeforeCaret.lastIndexOf(mentionNameMatch[1] ?? '');
       const remainingText = input.slice(caretPosition);
-      const mentionedUserName = `@${name.replace(/\s+/g, '')} `;
+      const mentionedUserName = `@${name} `;
       const newText = input.slice(0, mentionNameStart) + mentionedUserName + remainingText;
       setInput(newText);
       setHasAtSymbol(false);