abdul-react 0.0.11 → 0.0.13

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

@@ -173,14 +173,15 @@ export type RowIndicatorProps = {
     /** Callback to be called when the row is selected */
     onSelect: (row: number, extend: boolean) => void;
     setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
-    deleteRow: (_row: number) => void;
-    addRowTop: (_row: number) => void;
-    addRowBottom: (_row: number) => void;
+    deleteRow: (_row?: number) => void;
+    addRowTop: (_row?: number) => void;
+    addRowBottom: (_row?: number) => void;
     rowContextEnable: boolean;
     cell?: CellBase;
     selectedRow?: number;
     maxRowLimit: number;
     disableDeleteOption: boolean;
+    contextMenu: ContextMenuState;
 };
 export type ContextMenuState = {
     open: boolean;
@@ -212,14 +213,15 @@ export type ColumnIndicatorProps = {
     /** Callback to be called when the column is selected */
     onSelect: (column: number, extend: boolean) => void;
     setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
-    deleteColumn: (_col: number) => void;
-    addColumnLeft: (_col: number) => void;
-    addColumnRight: (_col: number) => void;
+    deleteColumn: (_col?: number) => void;
+    addColumnLeft: (_col?: number) => void;
+    addColumnRight: (_col?: number) => void;
     columnContextEnable: boolean;
     cell?: CellBase;
     selectedColumn?: number;
     maxColLimit: number;
     disableDeleteOption: boolean;
+    contextMenu: ContextMenuState;
 };
 /** Type of the ColumnIndicator component */
 export type ColumnIndicatorComponent = React.ComponentType<ColumnIndicatorProps>;

package/lib/index.cjs

@@ -40347,7 +40347,8 @@ const ColumnIndicator = ({
   selectedColumn,
   minimumColumnWidth,
   maxColLimit,
-  disableDeleteOption
+  disableDeleteOption,
+  contextMenu
 }) => {
   const dispatch = useDispatch();
   const minColumnWidth = minimumColumnWidth;
@@ -40361,7 +40362,7 @@ const ColumnIndicator = ({
       label: 'Add Column Left',
       value: 'Add Column Left',
       iconName: 'plus_icon',
-      action: () => addColumnLeft(column),
+      action: () => addColumnLeft(),
       disableTooltip: 'Column limit reached',
       visible: cell?.contextDisable?.['Add Column Left'] ?? false,
       disable: columnCount >= maxColLimit
@@ -40369,7 +40370,7 @@ const ColumnIndicator = ({
       label: 'Add Column Right',
       value: 'Add Column Right',
       iconName: 'plus_icon',
-      action: () => addColumnRight(column),
+      action: () => addColumnRight(),
       disableTooltip: 'Column limit reached',
       visible: cell?.contextDisable?.['Add Column Right'] ?? false,
       disable: columnCount >= maxColLimit
@@ -40377,7 +40378,7 @@ const ColumnIndicator = ({
       label: 'Delete Column',
       value: 'Delete Column',
       iconName: 'delete',
-      action: () => deleteColumn(column),
+      action: () => deleteColumn(),
       disableTooltip: '',
       visible: cell?.contextDisable?.['Delete Column'] ?? false,
       disable: false
@@ -40415,6 +40416,15 @@ const ColumnIndicator = ({
       options
     });
   }, [column, selectedColumn, columnContextEnable, options]);
+  React__namespace.useEffect(() => {
+    if (selectedColumn !== undefined && contextMenu?.contextType === 'column' || !contextMenu?.contextType) {
+      setContextMenu(prev => ({
+        open: prev.open,
+        contextType: 'column',
+        options
+      }));
+    }
+  }, [column, selectedColumn, columnContextEnable, options, contextMenu?.contextType]);
   return jsxRuntime.jsxs("th", {
     className: classNames('ff-spreadsheet-header', {
       'ff-spreadsheet-header--selected': selected
@@ -40487,7 +40497,8 @@ const RowIndicator = ({
   selectedRow,
   cell,
   maxRowLimit,
-  disableDeleteOption
+  disableDeleteOption,
+  contextMenu
 }) => {
   const dispatch = useDispatch();
   const rowHeight = useSelector(state => state.rowDimensions[row]?.height || 32);
@@ -40500,7 +40511,7 @@ const RowIndicator = ({
       label: 'Add Row Top',
       value: 'Add Row Top',
       iconName: 'plus_icon',
-      action: () => addRowTop(row),
+      action: () => addRowTop(),
       disableTooltip: 'Row limit reached',
       visible: cell?.contextDisable?.['Add Row Top'] ?? false,
       disable: rowCount >= maxRowLimit
@@ -40508,7 +40519,7 @@ const RowIndicator = ({
       label: 'Add Row Bottom',
       value: 'Add Row Bottom',
       iconName: 'plus_icon',
-      action: () => addRowBottom(row),
+      action: () => addRowBottom(),
       disableTooltip: 'Row limit reached',
       visible: cell?.contextDisable?.['Add Row Bottom'] ?? false,
       disable: rowCount >= maxRowLimit
@@ -40516,7 +40527,7 @@ const RowIndicator = ({
       label: 'Delete Row',
       value: 'Delete Row',
       iconName: 'delete',
-      action: () => deleteRow(row),
+      action: () => deleteRow(),
       disableTooltip: '',
       visible: cell?.contextDisable?.['Delete Row'] ?? false,
       disable: false
@@ -40554,6 +40565,15 @@ const RowIndicator = ({
       options
     });
   }, [row, rowContextEnable, options, selectedRow]);
+  React__namespace.useEffect(() => {
+    if (selectedRow !== undefined && contextMenu?.contextType === 'row' || !contextMenu?.contextType) {
+      setContextMenu(prev => ({
+        open: prev.open,
+        contextType: 'row',
+        options
+      }));
+    }
+  }, [row, rowContextEnable, options, selectedRow, contextMenu?.contextType]);
   return jsxRuntime.jsxs("th", {
     className: classNames('ff-spreadsheet-header', {
       'ff-spreadsheet-header--selected': selected
@@ -41856,7 +41876,8 @@ const Spreadsheet = props => {
     showHider,
     maxRowLimit,
     maxColLimit,
-    disableDeleteOption
+    disableDeleteOption,
+    contextMenu
   } = props;
   const [sheetChange, setSheetChange] = React__namespace.useState(false);
   const [maxWidth, setMaxWidth] = React__namespace.useState(0);
@@ -42187,7 +42208,8 @@ const Spreadsheet = props => {
         addColumnRight: addColumnRight$1,
         columnContextEnable: props.columnContextEnable,
         maxColLimit: maxColLimit,
-        disableDeleteOption: disableDeleteOption
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, columnNumber) : jsxRuntime.jsx(ColumnIndicator, {
         column: columnNumber,
         minimumColumnWidth: minimumColumnWidth,
@@ -42197,7 +42219,8 @@ const Spreadsheet = props => {
         addColumnRight: addColumnRight$1,
         columnContextEnable: props.columnContextEnable,
         maxColLimit: maxColLimit,
-        disableDeleteOption: disableDeleteOption
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, columnNumber))]
     }), renderReady && scrollerFunction().map(rowNumber => jsxRuntime.jsxs(Row$1, {
       row: rowNumber,
@@ -42210,7 +42233,8 @@ const Spreadsheet = props => {
         setContextMenu: props.setContextMenu,
         rowContextEnable: props.rowContextEnable,
         maxRowLimit: maxRowLimit,
-        disableDeleteOption: disableDeleteOption
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, rowNumber) : jsxRuntime.jsx(RowIndicator$1, {
         row: rowNumber,
         addRowTop: addRowTop$1,
@@ -42219,7 +42243,8 @@ const Spreadsheet = props => {
         setContextMenu: props.setContextMenu,
         rowContextEnable: props.rowContextEnable,
         maxRowLimit: maxRowLimit,
-        disableDeleteOption: disableDeleteOption
+        disableDeleteOption: disableDeleteOption,
+        contextMenu: contextMenu
       }, rowNumber), range(size.columns).map(columnNumber => jsxRuntime.jsx(Cell$1, {
         row: rowNumber,
         column: columnNumber,
@@ -42866,7 +42891,8 @@ const ExcelFile = ({
           showHider: showHider,
           maxRowLimit: maxRowLimit,
           maxColLimit: maxColLimit,
-          disableDeleteOption: disableDeleteOption
+          disableDeleteOption: disableDeleteOption,
+          contextMenu: contextMenu
         })
       }), sheetBar !== 'hide' && jsxRuntime.jsxs("div", {
         className: "ff-excel-sheet-bar",