@megha-ui/react 1.2.724 → 1.2.726

package/dist/components/grid/index.js

@@ -384,7 +384,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
         searchOp,
     ]);
     const recalculate = (_summariseKeys) => {
-        const filteredData = (paginate && gridGroupBy === "") ? paginatedData : sortedData;
+        const filteredData = paginate && gridGroupBy === "" ? paginatedData : sortedData;
         let newSummariseDetails = summariseDetails;
         Object.keys(_summariseKeys).forEach((_columnKey) => {
             const type = _summariseKeys[_columnKey];
@@ -721,7 +721,26 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
     useEffect(() => {
         getLoadingState && getLoadingState(hugLoading);
     }, [hugLoading]);
-    const tableData = paginate ? paginatedData : sortedData;
+    const tableData = useMemo(() => {
+        const records = paginate ? paginatedData : sortedData;
+        const splitColumns = gridColumns.filter((col) => col.splitRows);
+        if (splitColumns.length > 0) {
+            let modifiedRecords = records.length > 0 ? [] : records;
+            records.forEach((row) => {
+                splitColumns.forEach((col) => {
+                    var _a, _b, _c;
+                    const cellValue = (_c = (_b = (_a = row[col.key]) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.toString()) !== null && _c !== void 0 ? _c : "";
+                    const splits = cellValue.split(">>");
+                    splits.forEach((split) => {
+                        var _a;
+                        modifiedRecords.push(Object.assign(Object.assign({}, row), { id: Object.assign(Object.assign({}, row.id), { value: `${(_a = row.id) === null || _a === void 0 ? void 0 : _a.value}-${split}` }), [col.key]: Object.assign(Object.assign({}, row[col.key]), { value: split.trim() }) }));
+                    });
+                });
+            });
+            return modifiedRecords;
+        }
+        return records;
+    }, [sortedData, paginatedData, gridColumns]);
     useEffect(() => {
         const hasNoWidths = gridColumns.every((column) => {
             if (typeof column.width === "undefined") {
@@ -1456,7 +1475,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
                                     // setChanged((prev) => [...prev, "groupBy"]);
                                     setGridGroupBy("");
                                 }, style: { cursor: "pointer", marginRight: "0.5rem" }, children: _jsx(MdGroupOff, { size: 18 }) }), gridGroupBy.split(",").map((chip) => {
-                                const column = columns.find(item => item.key === chip);
+                                const column = columns.find((item) => item.key === chip);
                                 return (_jsxs("div", { style: {
                                         display: "inline-flex",
                                         alignItems: "center",

package/dist/components/grid/types/grid.d.ts

@@ -25,6 +25,7 @@ export interface Column {
     }>;
     renderer?: (item: any) => JSX.Element;
     isArrayString?: boolean;
+    splitRows?: boolean;
 }
 export interface DataRow {
     [key: string]: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megha-ui/react",
-  "version": "1.2.724",
+  "version": "1.2.726",
   "description": "A collection of reusable UI components for React applications, built with TypeScript.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",