sccoreui 5.8.1 → 5.8.2

package/dist/components/ag-grid/ParentForGrid.js

@@ -8,6 +8,7 @@ const advanced_feature_1 = tslib_1.__importDefault(require("./advancedFeature/ad
 const grid_checkbox_1 = tslib_1.__importDefault(require("./grid-checkbox"));
 const MyProvider_1 = tslib_1.__importDefault(require("./MyProvider"));
 const error_ui_1 = tslib_1.__importDefault(require("./error-ui"));
+const constants_1 = require("./constants");
 function ParentForGrid(props) {
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: [],
@@ -107,7 +108,7 @@ function ParentForGrid(props) {
         return emptyResponse;
     });
     // Gets call onLoad,scroll and whenever any featureDetails changed
-    const onGridReady = (params, updatedFeatures) => {
+    const onGridReady = (params, updatedFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         setIsLoading(true);
         setApi(params.api);
         setGridReadyEvent(params);
@@ -115,23 +116,31 @@ function ParentForGrid(props) {
         if (!updatedFeatures) {
             currentFeatures = featureDetails;
         }
-        const dataSource = {
-            getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
-                var _a;
-                const startRow = params.startRow;
-                const endRow = params.endRow;
-                const result = yield getData(startRow, endRow, currentFeatures);
-                if (((_a = result === null || result === void 0 ? void 0 : result.rowData) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                    params.successCallback(result === null || result === void 0 ? void 0 : result.rowData, result === null || result === void 0 ? void 0 : result.actualEndRow);
-                }
-                else {
-                    params.failCallback();
-                }
-            }),
-        };
-        params.api.setGridOption("datasource", dataSource);
+        if (props.rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE) {
+            const result = yield getData(0, 0, currentFeatures);
+            if (result.rowData) {
+                params.api.applyTransaction({ add: result.rowData });
+            }
+        }
+        else if (props.rowModelType === constants_1.ROWMODELTYPE.INFINITE) {
+            const dataSource = {
+                getRows: (params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+                    var _c;
+                    const startRow = params.startRow;
+                    const endRow = params.endRow;
+                    const result = yield getData(startRow, endRow, currentFeatures);
+                    if (((_c = result === null || result === void 0 ? void 0 : result.rowData) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                        params.successCallback(result === null || result === void 0 ? void 0 : result.rowData, result === null || result === void 0 ? void 0 : result.actualEndRow);
+                    }
+                    else {
+                        params.failCallback();
+                    }
+                }),
+            };
+            params.api.setGridOption("datasource", dataSource);
+        }
         setIsLoading(false);
-    };
+    });
     // Get values when cell edited
     const getEditedColumn = (params) => {
         var _a;
@@ -161,7 +170,7 @@ function ParentForGrid(props) {
         rowSelection: "multiple",
         suppressRowClickSelection: true,
         rowHeight: 60,
-        rowModelType: "infinite", // Infinite scroll
+        rowModelType: props.rowModelType, // Infinite scroll
     };
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
@@ -182,13 +191,13 @@ function ParentForGrid(props) {
             unselectedCheckboxData: [],
         });
     }, [featureDetails]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width } }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(MyProvider_1.default, Object.assign({ value: {
+    console.log(isLoading, 'is loading state');
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: style.height, width: style.width } }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(MyProvider_1.default, Object.assign({ value: {
                                 featureDetails,
                                 setFeatureDetails,
                                 gridData,
                                 callGrid,
                                 totalRecords
-                            } }, { children: (0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props }) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] })) : ((0, jsx_runtime_1.jsx)("p", { children: "Loading..." }) //Add skeleton
-                ) })) }) }));
+                            } }, { children: (0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props }) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] }) })) }) }));
 }
 exports.default = ParentForGrid;

package/dist/components/ag-grid/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.conditionsList = exports.COLUMN_SORT_OPTIONS = void 0;
+exports.ROWMODELTYPE = exports.conditionsList = exports.COLUMN_SORT_OPTIONS = void 0;
 const Types_1 = require("./Types");
 exports.COLUMN_SORT_OPTIONS = [
     { id: 1, label: "Low - High", sortId: 1, dataType: Types_1.ATTRIBUTEDATATYPES.INTEGER },
@@ -37,3 +37,8 @@ exports.conditionsList = [
     { name: "is equal to all of", datatypes: ["boolean"], code: "24" },
     { name: "is equal to any of", datatypes: ["string"], code: "25" }
 ];
+exports.ROWMODELTYPE = {
+    INFINITE: "infinite",
+    SERVER_SIDE: "serverSide",
+    CLIENT_SIDE: "clientSide",
+};

package/dist/types/components/ag-grid/constants.d.ts

@@ -1,3 +1,8 @@
 import { Operation, SortType } from "./Types";
 export declare const COLUMN_SORT_OPTIONS: SortType[];
 export declare const conditionsList: Operation[];
+export declare const ROWMODELTYPE: {
+    INFINITE: string;
+    SERVER_SIDE: string;
+    CLIENT_SIDE: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.8.1",
+  "version": "5.8.2",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",