sccoreui 6.2.99 → 6.3.0

package/dist/pages/aggrid/BulkAction.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
+function BulkAction() {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "disabled" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "edit-02", color: "text-gray-700" }) })));
+}
+exports.default = BulkAction;

package/dist/pages/aggrid/RowGroupTrail.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@ag-grid-community/react");
+require("@ag-grid-community/styles/ag-grid.css");
+require("@ag-grid-community/styles/ag-theme-quartz.css");
+const core_1 = require("@ag-grid-community/core");
+const row_grouping_1 = require("@ag-grid-enterprise/row-grouping");
+const server_side_row_model_1 = require("@ag-grid-enterprise/server-side-row-model");
+const range_selection_1 = require("@ag-grid-enterprise/range-selection");
+const fakeServer_1 = require("./fakeServer");
+core_1.ModuleRegistry.registerModules([
+    row_grouping_1.RowGroupingModule,
+    server_side_row_model_1.ServerSideRowModelModule,
+    range_selection_1.RangeSelectionModule,
+]);
+const getServerSideDatasource = (server) => {
+    return {
+        getRows: (params) => {
+            console.log("[Datasource] - rows requested by grid: ", params.request, params);
+            var response = server.getData(params.request);
+            console.log(response, "request to server");
+            // adding delay to simulate real server call
+            setTimeout(() => {
+                if (response.success) {
+                    // call the success callback
+                    params.success({
+                        rowData: response.rows,
+                        rowCount: response.lastRow,
+                    });
+                }
+                else {
+                    // inform the grid request failed
+                    params.fail();
+                }
+            }, 1000);
+        },
+    };
+};
+console.log(getServerSideDatasource);
+const GridComponent = () => {
+    const containerStyle = (0, react_1.useMemo)(() => ({ width: "1500px", height: "900px" }), []);
+    const gridStyle = (0, react_1.useMemo)(() => ({ height: "900px", width: "1500px" }), []);
+    const [columnDefs] = (0, react_1.useState)([
+        {
+            field: "country",
+            rowGroup: true,
+            hide: true,
+            editable: true,
+            filter: "agSetColumnFilter",
+        },
+        { field: "athlete", editable: true, filter: "agSetColumnFilter" },
+        { field: "age", editable: true, filter: "agSetColumnFilter" },
+        { field: "sport", rowGroup: true, hide: true, editable: true },
+        { field: "year", rowGroup: true, hide: true, editable: true },
+        { field: "date", editable: true },
+        { field: "gold", editable: true },
+        { field: "silver" },
+        { field: "bronze" },
+        { field: "total" },
+    ]);
+    const defaultColDef = (0, react_1.useMemo)(() => {
+        return {
+            flex: 1,
+            minWidth: 120,
+        };
+    }, []);
+    const autoGroupColumnDef = (0, react_1.useMemo)(() => {
+        return {
+            headerName: "Group",
+            field: "group",
+            cellRenderer: "agGroupCellRenderer",
+            editable: true,
+            cellRendererParams: {
+                suppressCount: true,
+            },
+        };
+    }, []);
+    const onGridReady = (0, react_1.useCallback)((params) => {
+        debugger;
+        fetch("https://www.ag-grid.com/example-assets/olympic-winners.json")
+            .then((resp) => resp.json())
+            .then((data) => {
+            // setup the fake server with entire dataset
+            var fakeServer = (0, fakeServer_1.FakeServer)(data, ["country", "sport"]);
+            // create datasource with a reference to the fake server
+            // var datasource = getServerSideDatasource(fakeServer);
+            const dataSource = {
+                getRows: (params) => {
+                    console.log("[Datasource] - rows requested by grid: ", params.request, params);
+                    var response = fakeServer.getData(params.request);
+                    console.log(response, "request to server");
+                    // adding delay to simulate real server call
+                    setTimeout(() => {
+                        if (response.success) {
+                            console.log(response, "response from fake server");
+                            // call the success callback
+                            params.success({
+                                rowData: response.rows,
+                                rowCount: response.lastRow,
+                            });
+                        }
+                        else {
+                            // inform the grid request failed
+                            params.fail();
+                        }
+                    }, 1000);
+                },
+            };
+            // console.log(datasource, 'data source passing');
+            // register the datasource with the grid
+            params.api.setGridOption("serverSideDatasource", dataSource);
+        });
+    }, []);
+    const fillOperation = (0, react_1.useCallback)((params) => {
+        console.log(params.column, "params columns", params);
+        if (params.column.getColId() === "country") {
+            return params.currentCellValue;
+        }
+        return params.values[params.values.length - 1];
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: containerStyle }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: gridStyle, className: "ag-theme-quartz" }, { children: (0, jsx_runtime_1.jsx)(react_2.AgGridReact, { columnDefs: columnDefs, defaultColDef: defaultColDef, autoGroupColumnDef: autoGroupColumnDef, rowModelType: "serverSide", cacheBlockSize: 10, onGridReady: onGridReady, suppressServerSideFullWidthLoadingRow: true, enableRangeSelection: true, enableFillHandle: true, fillOperation: fillOperation }) })) })));
+};
+exports.default = GridComponent;

package/dist/pages/aggrid/Template.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Templates = (props) => {
+    const { rowData, searchText } = props;
+    console.log(searchText, "searchtext");
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column align-items-center gap-5" }, { children: Array.isArray(rowData) && rowData.filter((x) => x === null || x === void 0 ? void 0 : x.Payment_Type.toLowerCase().includes(searchText.toLowerCase())).map((x) => {
+            return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-10rem h-3rem border-1 border-green-300" }, { children: x.Payment_Type }));
+        }) })));
+};
+exports.default = Templates;

package/dist/pages/aggrid/TestingWIthAdminConfig.js

@@ -0,0 +1,250 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
+const type_1 = require("../../components/types/type");
+const constants_1 = require("../../components/ag-grid/constants");
+const Template_1 = tslib_1.__importDefault(require("./Template"));
+const accesToken = "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfbmFtZSI6ImhhcmloYXJhbkBzZWxsZXJzY29tbWVyY2UuY29tIiwiZW1haWwiOiJoYXJpaGFyYW5Ac2VsbGVyc2NvbW1lcmNlLmNvbSIsIm5hbWVpZCI6ImRlNzU4MGNlLTZkNWYtNDkxMS1hYzgyLTI3NmRjNTRjMDhjMCIsIkZpcnN0TmFtZSI6IkhhcmkiLCJMYXN0TmFtZSI6IkhhcmFuIiwiU2Vzc2lvbiI6ImZjZWQ4ZjEwLTg4MWMtNGRlOS1iM2Q2LWVkMTc3YzM1Nzk3YSIsIk9yaWdpbiI6ImxvY2FsaG9zdCIsIkFwcFJlZmVyZW5jZSI6IjkyMTEwMzIxLTRmNjctNDYyNi1hNzk0LWQ3Y2U0ZGJlNTU1NyIsImF1ZCI6WyJDQ0RldkFjY291bnRDb21tYW5kQVBJIiwiQ0NEZXZBY2NvdXRRdWVyaWVzQVBJIiwiQ0NEZXZBdXRoU3luY0NvbW1hbmRBUEkiLCJDQ0RldkNvcmVDb250cm9sQ29tbWFuZEFQSSIsIkNDRGV2Q29yZUNvbnRyb2xRdWVyaWVzQVBJIiwiQ0NEZXZDdXN0b21lckNvbW1hbmRBUEkiLCJDQ0RldkN1c3RvbWVyUXVlcmllc0FQSSIsIkNDRGV2UGF5bWVudENvbmZpZ0NvbW1hbmRBUEkiLCJDQ0RldlBheW1lbnRDb25maWdRdWVyaWVzQVBJIiwiQ0NEZXZQTUNvbW1hbmRBUEkiLCJDQ0RldlBNUXVlcmllc0FQSSIsIkNDRGV2UHJvZHVjdHNDb21tYW5kQVBJIiwiQ0NEZXZSdWxlQ29tbWFuZEFQSSIsIkNDRGV2UnVsZVF1ZXJpZXNBUEkiLCJDQ0RldlNhbGVzQ29tbWFuZEFQSSIsIkNDRGV2U2VhcmNoQ29tbWFuZEFQSSIsIkNDRGV2U2VhcmNoUXVlcmllc0FQSSIsIkNDRGV2U2hpcHBpbmdDb21tYW5kQVBJIiwiQ0NEZXZTaGlwcGluZ1F1ZXJpZXNBUEkiLCJDQ0RldlRheENvbmZpZ0NvbW1hbmRBUEkiLCJDQ0RldlRheENvbmZpZ1F1ZXJpZXNBUEkiLCJDQ0RldlVNUXVlcmllc0FQSSIsIkNDRGV2V0lDb21tYW5kQVBJIiwiQ0NEZXZXSVF1ZXJpZXNBUEkiLCJDQ0RldldlYnNpdGVDb21tYW5kQVBJIiwiQ0NEZXZXZWJzaXRlUXVlcmllc0FQSSIsIkNDRGV2TWFya2V0aW5nQ29tbWFuZEFQSSIsIkNDRGV2TWFya2V0aW5nUXVlcmllc0FQSSIsIkNDRGV2SW1wb3J0c0NvbW1hbmRBUEkiLCJDQ0RldkltcG9ydHNRdWVyaWVzQVBJIiwiQ0NEZXZNYWNyb3NDb21tYW5kQVBJIiwiQ0NEZXZNYWNyb3NRdWVyaWVzQVBJIiwiRGV2SW1wb3J0Q29tbWFuZEFQSSIsIkRldkltcG9ydFF1ZXJpZXNBUEkiXSwic2NvcGUiOiIiLCJuYmYiOjE3MzcwODk5NTQsImV4cCI6MTczNzQ0OTk1NCwiaWF0IjoxNzM3MDg5OTU0LCJpc3MiOiJlZGdlLWRldi1pc3N1ZXIifQ.g5HWbJ9kJIrHlLaE2JPSaY3BzrbSfMIF2mT-Zqjk3QZQteYWNG3iopyjxZMDE_jjKv38C7xjtw1SA_nkG6UAohlR6IwW7TbppjPVzfJcYDggTJ0s-UYVcMhNMFZPp0cX-g2meMDdfQ4kRD1s_KEQaNZ7RU2Ok9pqdkfJ_ILiPpwkhhQ454ASHwLxkza23waEojIeUVa21rlMFel7W5B3_68tIi9WgCNzPB4ZUxhitVh-POlN7wOHsGKzwLd0j3Zxc9332P6wqA31TaNv14tb1OMOrwsfsrqiuMKREx9x0oooO02neKG_0wl5-XA_TCMYv5jk67vPUPkUJq3lZhvb4g";
+const dynamicText = {
+    filterModelText: {
+        header: "Filter",
+        subHeader: "Streamline Your Search With Filters",
+        resetFilterAction: "Reset Filter",
+        createViewInputPlaceHolder: "Enter",
+        createViewAction: "Create View",
+        applyAction: "Apply",
+        elementOnePlaceHolder: "Select",
+        elementTwoPlaceHolder: "Select",
+        elementThreePlaceHolder_Input: "Enter Text",
+        elementThreePlaceHolder_Input_Number: "Enter Number",
+        elementThreePlaceHolder_DropDown: "Select",
+        elementThreePlaceHolder_MultiSelect: "Select",
+        elementThreePlaceHolder_Calender: "Select Date",
+        onSelectedFilter: "Selected",
+    },
+    sortModelText: {
+        header: "Column Sorting",
+        clearAction: "Clear",
+        applyAction: "Apply",
+        onSelectedSort: "Selected",
+    },
+    recordDetailModelText: {
+        totalRecordHeader: "Total Records",
+    },
+    sidePanelText: {
+        header: "Configure Columns",
+        disacrd_button: "Discard",
+        update_button: "Update",
+        apply_to_all_views: "Apply to all views",
+        apply_subHeading: "Apply the chosen column selection to all available views",
+        search_placeHolder: "Search by column name",
+        selected_attributes: "Selected Attributes",
+        unselected_attributes: "  Attributes",
+    },
+};
+const DataTableComponent = () => {
+    const [activeColumns, setActiveColumns] = (0, react_1.useState)([]);
+    const [gridKey, setGridKey] = (0, react_1.useState)(1);
+    const [isColumnsLoading, setIsColumnsLoading] = (0, react_1.useState)(true);
+    const noRowsTemplateRef = (0, react_1.useRef)();
+    const [initCall,] = (0, react_1.useState)(true);
+    const [gridForEdit,] = (0, react_1.useState)(false);
+    const [isCheckboxEmpty,] = (0, react_1.useState)(false);
+    const [clearFilters,] = (0, react_1.useState)([]);
+    // const [gridRefresh, setGridRefresh] = useState<boolean>(false)
+    //   const {
+    //     refetch,
+    //     data: activeView,
+    //     isLoading: isViewsLoading,
+    //   } = useQuery({
+    //     queryKey: ["views", gridUniqueKey],
+    //     queryFn: () => getGridColumns({
+    //       queryKey: [
+    //         "views",
+    //         { screenId: columnQueryKey || queryKey, viewId: allViewId, interCeptorPost, interCeptorGet, gridUniqueKey },
+    //       ]
+    //     }),
+    //     enabled: false,
+    //   });
+    const getColumns = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
+        try {
+            const response = yield fetch("https://paymentconfig_queriesapi.easyfastnow.com/api/grid/get-meta-data?screenId=1&viewId=1", {
+                method: 'GET',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${accesToken}`, // Add the Bearer token
+                    // 'x-origin-url': 'https://org2.easyfastnow.com', // Add an extra custom header
+                }
+            });
+            const data = yield response.json();
+            if ((_a = data === null || data === void 0 ? void 0 : data.response) === null || _a === void 0 ? void 0 : _a.columns) {
+                getAllRenderedColumns((_b = data === null || data === void 0 ? void 0 : data.response) === null || _b === void 0 ? void 0 : _b.columns);
+                console.log((_c = data === null || data === void 0 ? void 0 : data.response) === null || _c === void 0 ? void 0 : _c.columns, "response-data");
+            }
+        }
+        catch (error) {
+        }
+    });
+    function generateUniqueId() {
+        const timestamp = Date.now().toString().slice(-4); // Last 4 digits of timestamp
+        const randomPart = Math.floor(100000 + Math.random() * 900000).toString(); // 6 random digits
+        return timestamp + randomPart; // 10-digit unique ID
+    }
+    const getAllRenderedColumns = (columnsData) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        if (columnsData) {
+            const columns = columnsData.map((column, index) => {
+                var _a, _b;
+                const fieldDisplayName = column.fieldDisplayName || "";
+                const capitalizedDisplayName = fieldDisplayName
+                    .toLowerCase()
+                    .split(" ")
+                    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+                    .join(" ");
+                const obj = {
+                    enableHeaderCheckbox: column.isEnableHeaderCheckbox,
+                    enableChildCheckbox: column.isEnableHeaderCheckbox,
+                    hide: column === null || column === void 0 ? void 0 : column.isHide,
+                    isFilterable: column.isFilterable,
+                    isSortable: column.isSortable,
+                    field: column.fieldName,
+                    dataType: (column === null || column === void 0 ? void 0 : column.datatype) ? column.datatype : 1,
+                    visibleInPanel: column.isDisplayInPanel,
+                    suppressMovable: true,
+                    minWidth: 200,
+                    id: (column === null || column === void 0 ? void 0 : column.fieldId) || generateUniqueId(),
+                    headerName: capitalizedDisplayName,
+                    headerTooltip: capitalizedDisplayName,
+                    columnType: "",
+                    seq: (column === null || column === void 0 ? void 0 : column.seq) || index + 1,
+                    suppressFillHandle: (_b = (_a = column === null || column === void 0 ? void 0 : column.suppressFillHandle) !== null && _a !== void 0 ? _a : gridForEdit) !== null && _b !== void 0 ? _b : true,
+                };
+                if (column.isPinned) {
+                    Object.assign(obj, {
+                        pinned: "left",
+                        lockPosition: "left",
+                        cellClass: "lock-pinned",
+                        minWidth: 350,
+                        visibleInPanel: false,
+                    });
+                }
+                return obj;
+            });
+            setActiveColumns(columns);
+        }
+        // setGridRefresh(true)
+        setGridKey((state) => state + 1);
+        setIsColumnsLoading(false);
+    });
+    const BulkAction = (0, react_1.useCallback)(() => {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
+    }, []);
+    (0, react_1.useEffect)(() => {
+        getColumns();
+        // refetch();
+    }, []);
+    //   useEffect(() => {
+    //     if (activeView) {
+    //       getAllRenderedColumns(activeView);
+    //       setAllFilters([activeView]);
+    //     }
+    //   }, [activeView]);
+    const setSelectedColumnsFun = () => {
+        // setBulkSelection(data);
+    };
+    const getGridRef = (0, react_1.useRef)(null);
+    // const NoDataTemplateForSearch = () => {
+    //     const rowCount: number = getGridRef?.current!.api?.getDisplayedRowCount();
+    //     const filterText: string = getGridRef?.current!.api?.getQuickFilter();
+    //     const searchCondtion = Boolean(filterText) && rowCount === 0;
+    //     if (searchCondtion) {
+    //         return (
+    //             <div className={`flex flex-column align-items-center h-10rem`}>
+    //                 <span className="py-0 my-0">No data found for your search results</span>
+    //             </div>
+    //         );
+    //     } else {
+    //         return (
+    //             <div className={`flex flex-column align-items-center h-10rem`}>
+    //                 <h2 className="py-0 my-0">No data</h2>
+    //                 <span>Description</span>
+    //             </div>
+    //         );
+    //     }
+    // };
+    const fetchDetails = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        const body = {
+            "pageIndex": 1,
+            "pageSize": 100,
+            "screenId": 1
+        };
+        try {
+            const response = yield fetch("https://paymentconfig_queriesapi.easyfastnow.com/api/grid/get-data", {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${accesToken}`, // Add the Bearer token
+                    // 'x-origin-url': 'https://org2.easyfastnow.com', // Add an extra custom header
+                },
+                body: JSON.stringify(body) // Convert JavaScript object to JSON string
+            });
+            const data = yield response.json();
+            console.log(data, "final-data");
+            // if (data?.response?.columns) {
+            //     getAllRenderedColumns(data?.response?.columns)
+            //     console.log(data?.response?.columns, "response-data")
+            // }
+            if (data === null || data === void 0 ? void 0 : data.response) {
+                return yield { rowData: data === null || data === void 0 ? void 0 : data.response, totalRecords: data === null || data === void 0 ? void 0 : data.response.length };
+            }
+            return yield { rowData: [], totalRecords: 0 };
+        }
+        catch (error) {
+            return yield { rowData: [], totalRecords: 0 };
+        }
+    });
+    const conditionsToDisplay = {
+        displayFilter: type_1.VisibilityState.ENABLE,
+        displaySort: type_1.VisibilityState.ENABLE,
+        displaySearch: type_1.VisibilityState.ENABLE,
+        displayBulkAction: type_1.VisibilityState.ENABLE,
+        displayRecords: type_1.VisibilityState.ENABLE,
+        displayRefresh: type_1.VisibilityState.ENABLE,
+        displaySidePanel: type_1.VisibilityState.HIDE,
+        displayRemoveItems: type_1.VisibilityState.HIDE,
+        displayBulkEdit: type_1.VisibilityState.HIDE,
+        displayRowGroupingElement: type_1.VisibilityState.HIDE,
+        enableViewCreate: false,
+        enableFillHandle: false,
+        displayFeaturesHeader: true,
+        isGridAutoHeight: false,
+        displayGridViewListView: type_1.VisibilityState.ENABLE
+    };
+    const style = {
+        height: "700px"
+    };
+    const rowModelType = constants_1.ROWMODELTYPE.SERVER_SIDE;
+    const updateColumnsForGrid = () => "";
+    const BackupComponent = () => { return (0, jsx_runtime_1.jsx)("div", { children: "jasdbf" }); };
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (getGridRef.current) {
+            (_b = (_a = getGridRef === null || getGridRef === void 0 ? void 0 : getGridRef.current) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.showLoadingOverlay();
+        }
+    }, [getGridRef.current]);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("section", Object.assign({ style: { height: "calc(100vh - 64px)" } }, { children: false ? ((0, jsx_runtime_1.jsx)(BackupComponent, {})) : !isColumnsLoading ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: false ? "p-4 h-full" : "h-full" }, { children: !initCall ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Empty" })) : ((0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { getCheckedRows: setSelectedColumnsFun, bulkActionComponent: BulkAction, gridKey: gridKey, columnData: activeColumns, clearFilters: clearFilters, dynamicText: dynamicText, placeholder: "Search by code or name", getRowData: fetchDetails, defaultFilters: [], enableManageColumnsCallback: false, conditionsToDisplay: conditionsToDisplay, rowModelType: rowModelType, style: {
+                        height: style.height,
+                        width: "100%",
+                    }, updateColumnsForGrid: updateColumnsForGrid, shouldRefetch: true, noRowsOverlayComponent: noRowsTemplateRef.current, getGridRef: getGridRef, emptyCheckboxStatus: isCheckboxEmpty, quickSearch: true, template: Template_1.default, gridProps: {
+                        suppressServerSideFullWidthLoadingRow: true,
+                        blockLoadDebounceMillis: 100000,
+                        cacheBlockSize: 5,
+                        maxBlocksInCache: 0,
+                        rowBuffer: 0,
+                        maxConcurrentDatasourceRequests: 1
+                    } })) }))) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "jkasfd" })) })) }));
+};
+exports.default = DataTableComponent;

package/dist/pages/aggrid/fakeServer.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FakeServer = void 0;
+function FakeServer(allData, groupFields) {
+    // allData.splice(10,8000)
+    // Get unique data according to first group
+    const getUnique = (allData, groupField) => {
+        let filterField = {};
+        const withFilter = allData === null || allData === void 0 ? void 0 : allData.filter((data, idx) => {
+            if (!(filterField === null || filterField === void 0 ? void 0 : filterField.hasOwnProperty(data[groupField]))) {
+                filterField[data[groupField]] = idx;
+                return data;
+            }
+        });
+        return withFilter;
+    };
+    // const uniqueData = groupFields.reduce((data, field) => getUnique(data, field), allData);
+    const uniqueData = getUnique(allData, groupFields[0]);
+    // Returns the data to grid
+    return {
+        getData: function (request) {
+            var results = executeQuery(request);
+            const output = {
+                success: true,
+                rows: results,
+                lastRow: getLastRowIndex(request)
+            };
+            return output;
+        }
+    };
+    function executeQuery(request) {
+        console.log(request, groupFields, 'request in execute query');
+        let filteredData = applyFilters(request, allData);
+        console.log(filteredData, 'filtered data in execute query');
+        // return filteredData
+        // var sortedData = applySorting(request, filteredData);
+        if (allData.length <= 10)
+            return filteredData;
+        // Only used when no api is called trimming data from front end (ex:group-grid:route)
+        let paginatedData = applyPagination(request, filteredData);
+        // console.log(paginatedData,'paginated data ')
+        return paginatedData;
+    }
+    function applyFilters(request, data) {
+        var _a;
+        let filteredData = uniqueData;
+        const currentGroup = request === null || request === void 0 ? void 0 : request.groupKeys;
+        const groupedCols = request === null || request === void 0 ? void 0 : request.rowGroupCols;
+        let groupFilteredData = [];
+        let hash = {};
+        if (currentGroup && currentGroup.length > 0) {
+            const nextSingleField = (_a = groupedCols[currentGroup.length]) === null || _a === void 0 ? void 0 : _a.field;
+            data.filter((item, idx) => {
+                // Check all conditions
+                let matchesAllConditions = true;
+                for (let i = 0; i < currentGroup.length; i++) {
+                    const field = groupedCols[i].field;
+                    const value = currentGroup[i];
+                    if (item[field] !== value) {
+                        matchesAllConditions = false;
+                        break;
+                    }
+                }
+                if (matchesAllConditions) {
+                    if (nextSingleField) {
+                        if (!hash.hasOwnProperty(item[nextSingleField])) {
+                            console.log(item, 'item sending in group filtered data');
+                            groupFilteredData.push(item);
+                        }
+                        hash[item[nextSingleField]] = idx;
+                    }
+                    else {
+                        groupFilteredData.push(item);
+                    }
+                }
+            });
+        }
+        else {
+            groupFilteredData = filteredData;
+        }
+        return groupFilteredData;
+    }
+    function applyPagination(request, data) {
+        if (request.endRow === undefined || request.startRow === undefined) {
+            return data;
+        }
+        var blockSize = (request === null || request === void 0 ? void 0 : request.endRow) - (request === null || request === void 0 ? void 0 : request.startRow);
+        var startIndex = request === null || request === void 0 ? void 0 : request.startRow;
+        return data.slice(startIndex, startIndex + blockSize);
+    }
+    function getLastRowIndex(request) {
+        return executeQuery(Object.assign(Object.assign({}, request), { startRow: undefined, endRow: undefined })).length;
+    }
+}
+exports.FakeServer = FakeServer;

package/dist/pages/aggrid/id-cell.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IdCell(data) {
+    var _a;
+    console.log(data.row, 'data from grid');
+    return ((0, jsx_runtime_1.jsx)("div", { children: (_a = data.row) === null || _a === void 0 ? void 0 : _a.id }));
+}
+exports.default = IdCell;

package/dist/pages/aggrid/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });