@symply.io/basic-components 1.4.3 → 1.4.4-beta.1

package/DataTable/TableBody.js

@@ -27,6 +27,6 @@ import TableCell from "@mui/material/TableCell";
 import TableBodyRow from "./TableBodyRow";
 function TBody(props) {
     var rows = props.rows, columns = props.columns, _a = props.noDataText, noDataText = _a === void 0 ? "No Data!" : _a, rest = __rest(props, ["rows", "columns", "noDataText"]);
-    return (_jsx(TableBody, { children: rows.length > 0 ? (rows.map(function (row, index) { return (_jsx(TableBodyRow, __assign({ row: row, rows: rows, columns: columns }, rest), "DataTable_".concat(index))); })) : (_jsx(TableRow, { children: _jsx(TableCell, __assign({ colSpan: columns.length, align: "center" }, { children: noDataText })) })) }));
+    return (_jsx(TableBody, { children: rows.length > 0 ? (rows.map(function (row, index) { return (_jsx(TableBodyRow, __assign({ rowIndex: index, row: row, rows: rows, columns: columns }, rest), "DataTable_".concat(index))); })) : (_jsx(TableRow, { children: _jsx(TableCell, __assign({ colSpan: columns.length, align: "center" }, { children: noDataText })) })) }));
 }
 export default TBody;

package/DataTable/TableBodyRow.js

@@ -16,7 +16,7 @@ import TableCell from "@mui/material/TableCell";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import useTheme from "@mui/material/styles/useTheme";
 function TableBodyRow(props) {
-    var row = props.row, rows = props.rows, columns = props.columns, leftShadowVisible = props.leftShadowVisible, rightShadowVisible = props.rightShadowVisible, onRowClick = props.onRowClick, onCustomizeRowBgColor = props.onCustomizeRowBgColor;
+    var row = props.row, rows = props.rows, columns = props.columns, rowIndex = props.rowIndex, leftShadowVisible = props.leftShadowVisible, rightShadowVisible = props.rightShadowVisible, onRowClick = props.onRowClick, onCustomizeRowBgColor = props.onCustomizeRowBgColor;
     var _a = useState(), rowEl = _a[0], setRowEl = _a[1];
     var theme = useTheme();
     var isUpMd = useMediaQuery(theme.breakpoints.up("md"));
@@ -80,14 +80,14 @@ function TableBodyRow(props) {
                                 boxShadow: "inset 10px 0 10px -8px rgba(0, 0, 0, 0.1)"
                             }
                             : undefined
-                    } }, { children: cloneElement(Cell, { column: col, rows: rows, row: row }) }), accessor));
+                    } }, { children: cloneElement(Cell, { column: col, rows: rows, row: row, rowIndex: rowIndex }) }), accessor));
             }), dynamicCols.map(function (col) {
                 var accessor = col.accessor, Cell = col.Cell, width = col.width, _a = col.align, align = _a === void 0 ? "center" : _a;
                 return (_jsx(TableCell, __assign({ align: align, sx: {
                         width: width,
                         zIndex: 9,
                         backgroundColor: onRowClick && rowEl ? hover : normal
-                    } }, { children: cloneElement(Cell, { column: col, rows: rows, row: row }) }), accessor));
+                    } }, { children: cloneElement(Cell, { column: col, rows: rows, row: row, rowIndex: rowIndex }) }), accessor));
             }), fixedRightCols.map(function (col, index) {
                 var accessor = col.accessor, Cell = col.Cell, width = col.width, _a = col.align, align = _a === void 0 ? "center" : _a;
                 var right = fixedRightCols
@@ -112,7 +112,7 @@ function TableBodyRow(props) {
                                 boxShadow: "inset -10px 0 10px -8px rgba(0, 0, 0, 0.1)"
                             }
                             : undefined
-                    } }, { children: cloneElement(Cell, { column: col, rows: rows, row: row }) }), accessor));
+                    } }, { children: cloneElement(Cell, { column: col, rows: rows, row: row, rowIndex: rowIndex }) }), accessor));
             })] })));
 }
 export default TableBodyRow;

package/DataTable/types.d.ts

@@ -69,6 +69,7 @@ export declare type TableBodyProps<RowProps extends KvProps, ExtendedProps exten
 };
 export declare type TableBodyRowProps<RowProps extends KvProps, ExtendedProps extends KvProps> = Omit<TableBodyProps<RowProps, ExtendedProps>, "noDataText"> & {
     row: RowProps;
+    rowIndex: number;
 };
 export declare type TableFooterProps<RowProps extends KvProps, ExtendedProps extends KvProps> = {
     footers: Array<TableFooterCellProps<RowProps, ExtendedProps>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.4.3",
+  "version": "1.4.4-beta.1",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",