sccoreui 6.5.1 → 6.5.12

package/dist/pages/aggrid/BulkAction.js

@@ -1,9 +0,0 @@
-"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/ProductGrid.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const constants_1 = require("../../components/ag-grid/constants");
-const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
-const type_1 = require("../../components/types/type");
-const accesToken = "eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1bmlxdWVfbmFtZSI6InBhdmFua3VtYXJAc2VsbGVyc2NvbW1lcmNlLmNvbSIsImVtYWlsIjoicGF2YW5rdW1hckBzZWxsZXJzY29tbWVyY2UuY29tIiwibmFtZWlkIjoiYTljYjhhMjQtZGMwNS00YjI3LWIyMWEtMDM0NTVmNjVmNzYwIiwiRmlyc3ROYW1lIjoiUGF2YW4iLCJMYXN0TmFtZSI6Ikt1bWFyIiwiU2Vzc2lvbiI6IjVjMzM0ODQzLTNhMjUtNDdjMy1iYzc4LTJiODUzOTRiNGNiOCIsIk9yaWdpbiI6Im9yZzIuZWFzeWZhc3Rub3cuY29tIiwiQXBwUmVmZXJlbmNlIjoiOWE1NjI3ZDQtNGI2Yi00OWFiLTg0MzItMjE4MzkyY2UzMmYxIiwiYXVkIjpbIkNDRGV2RXhwb3J0c1F1ZXJpZXNBUEkiLCJDQ0RldkV4cG9ydHNDb21tYW5kQVBJIiwiQ0NEZXZRdW90ZUNvbW1hbmRzQVBJIiwiQ0NEZXZRdW90ZVF1ZXJpZXNBUEkiLCJDQ0Rldldpc2hsaXN0QVBJIiwiQ0NEZXZDYXJ0UXVlcmllc0FQSSIsIkNDRGV2Q2FydENvbW1hbmRzQVBJIiwiRGV2T25lU291cmNlQVBJIiwiTm9kZUNvbW1vblNlcnZpY2UiLCJDQ0RldkNNU1F1ZXJpZXNBUEkiLCJDQ0RldkNNU0NvbW1hbmRBUEkiLCJDQ0RldkFjY291bnRDb21tYW5kQVBJIiwiQ0NEZXZBY2NvdXRRdWVyaWVzQVBJIiwiQ0NEZXZBdXRoU3luY0NvbW1hbmRBUEkiLCJDQ0RldkNvcmVDb250cm9sQ29tbWFuZEFQSSIsIkNDRGV2Q29yZUNvbnRyb2xRdWVyaWVzQVBJIiwiQ0NEZXZDdXN0b21lckNvbW1hbmRBUEkiLCJDQ0RldkN1c3RvbWVyUXVlcmllc0FQSSIsIkNDRGV2UGF5bWVudENvbmZpZ0NvbW1hbmRBUEkiLCJDQ0RldlBheW1lbnRDb25maWdRdWVyaWVzQVBJIiwiQ0NEZXZQTUNvbW1hbmRBUEkiLCJDQ0RldlBNUXVlcmllc0FQSSIsIkNDRGV2UHJvZHVjdHNDb21tYW5kQVBJIiwiQ0NEZXZSdWxlQ29tbWFuZEFQSSIsIkNDRGV2UnVsZVF1ZXJpZXNBUEkiLCJDQ0RldlNhbGVzQ29tbWFuZEFQSSIsIkNDRGV2U2VhcmNoQ29tbWFuZEFQSSIsIkNDRGV2U2VhcmNoUXVlcmllc0FQSSIsIkNDRGV2U2hpcHBpbmdDb21tYW5kQVBJIiwiQ0NEZXZTaGlwcGluZ1F1ZXJpZXNBUEkiLCJDQ0RldlRheENvbmZpZ0NvbW1hbmRBUEkiLCJDQ0RldlRheENvbmZpZ1F1ZXJpZXNBUEkiLCJDQ0RldlVNUXVlcmllc0FQSSIsIkNDRGV2V0lDb21tYW5kQVBJIiwiQ0NEZXZXSVF1ZXJpZXNBUEkiLCJDQ0RldldlYnNpdGVDb21tYW5kQVBJIiwiQ0NEZXZXZWJzaXRlUXVlcmllc0FQSSIsIkNDRGV2TWFya2V0aW5nQ29tbWFuZEFQSSIsIkNDRGV2TWFya2V0aW5nUXVlcmllc0FQSSIsIkNDRGV2SW1wb3J0c0NvbW1hbmRBUEkiLCJDQ0RldkltcG9ydHNRdWVyaWVzQVBJIiwiQ0NEZXZNYWNyb3NDb21tYW5kQVBJIiwiQ0NEZXZNYWNyb3NRdWVyaWVzQVBJIiwiRGV2SW1wb3J0Q29tbWFuZEFQSSIsIkRldkltcG9ydFF1ZXJpZXNBUEkiLCJDQ0RldkV2ZW50UmVnaXN0ZXJDb21tYW5kQVBJIl0sInNjb3BlIjoiIiwibmJmIjoxNzQ5OTIzNzExLCJleHAiOjE3NDk5MjczMTEsImlhdCI6MTc0OTkyMzcxMSwiaXNzIjoiZWRnZS1kZXYtaXNzdWVyIn0.EwFzfIksTXuSV4RxmqiA5jqdLUNQCdtFutvsdlaH0UWgk40IaP38z0Oj_Dt4OLDMj4-m7qs_p2YDlWzJ-sTfDN130BAfi2Ou8dwPmdECU2-RkuYQ6G4NSDdxMIo69dlF9O1XnM0awaPZZ8hZ9lnYeU3lYKa6ZBE7Pujw9AqyKmn11HsSsgYhK_dmivXxp4DhgFQ3Hawno2_w87kdDMcksU1MvNtkUpQjbxanpwUo18j1kDAU2_scczo52n_YQVD-ZBNVeAOGb7xTCtPElu7Rb_TMruIvfML6Qv7KFc7AbpSKgFra9XrwcVDg6CHgXuoVL5TahnTliKWMJhraJL0v6g";
-const ProductGrid = () => {
-    const columns = [
-        {
-            id: "hello",
-            name: "name",
-            field: "filed",
-            body: () => { return "helko"; }
-        }
-    ];
-    const commonGetAllService = (payload) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const stringWithoutZeros = String(payload).replace(/00/g, "");
-        const body = {
-            pageIndex: parseInt(stringWithoutZeros) + 1,
-            pageSize: 100
-        };
-        try {
-            const res = yield fetch("https://products_commandsapi.easyfastnow.com/products/search", {
-                body: JSON.stringify(body),
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': `Bearer ${accesToken}`,
-                    'x-origin-url': 'https://org2.easyfastnow.com',
-                }
-            });
-            const response = yield res.json();
-            const output = {
-                totalRecords: response.response.totalRecords,
-                rowData: response.response.data.map((y) => { return Object.assign(Object.assign({}, y), { id: crypto.randomUUID() }); }),
-            };
-            return output;
-        }
-        catch (error) {
-            const output = { totalRecords: 0, rowData: [] };
-            return output;
-        }
-    });
-    const getRowId = (prams) => { var _a, _b; return ((_a = prams === null || prams === void 0 ? void 0 : prams.data) === null || _a === void 0 ? void 0 : _a.key) || ((_b = prams === null || prams === void 0 ? void 0 : prams.data) === null || _b === void 0 ? void 0 : _b.id); };
-    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.ENABLE,
-        displayBulkEdit: type_1.VisibilityState.HIDE,
-        displayRowGroupingElement: type_1.VisibilityState.HIDE,
-        enableViewCreate: false,
-        enableFillHandle: false,
-        displayFeaturesHeader: true,
-        isGridAutoHeight: type_1.VisibilityState.ENABLE,
-        displayGridViewListView: type_1.VisibilityState.ENABLE
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "h-30rem" }, { children: ["dd", (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { getCheckedRows: () => { }, columnData: columns, clearFilters: false, dynamicText: null, placeholder: "common_placeholder_search_by_name_or_code", getRowData: commonGetAllService, defaultFilters: [], createView: () => { }, enableManageColumnsCallback: false, rowModelType: constants_1.ROWMODELTYPE.SERVER_SIDE, style: {
-                    height: "np-height",
-                    width: "100%",
-                }, conditionsToDisplay: conditionsToDisplay, bulkActionComponent: () => { }, updateColumnsForGrid: () => { }, shouldRefetch: false, noRowsOverlayComponent: null, updateCell: () => { }, enableCheckboxForGroupHeader: true, className: `overflow-hidden`, serverSideInitialRowCount: 10, gridProps: {
-                    suppressResizeObserver: true,
-                    suppressServerSideFullWidthLoadingRow: true,
-                    getRowId: getRowId,
-                } })] })));
-};
-exports.default = ProductGrid;

package/dist/pages/aggrid/RowGroupTrail.js

@@ -1,125 +0,0 @@
-"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

@@ -1,11 +0,0 @@
-"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

@@ -1,359 +0,0 @@
-"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 token_1 = require("./token");
-const dummyData_1 = require("./dummyData");
-const skeleton_1 = require("primereact/skeleton");
-const userKey = "613a66bb-600e-45c9-bb67-3ed5c6ee01e0";
-const origin = "https://mobile-company.easyfastnow.com";
-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",
-    },
-};
-/**
- * Builds filter objects from API response format to the format expected by ParentForGrid
- *
- * @param apiFilters - Array of filters from API in format:
- *   { fieldName, condOperator, fieldValue, fieldType, logicalOperator, seq }
- * @param columnData - Array of column definitions to match field names
- * @returns Array of filter objects in the expected format for defaultFilters prop
- */
-// const buildFilterFromApiResponse = (apiFilters: any[], columnData: any[]) => {
-//   return apiFilters.map((apiFilter) => {
-//     // Find matching column from columnData based on fieldName
-//     const matchingColumn = columnData.find(
-//       (col) =>
-//         col.headerName === apiFilter.fieldName ||
-//         col.field === apiFilter.fieldName ||
-//         col.fieldDisplayName === apiFilter.fieldName
-//     );
-//     if (!matchingColumn) {
-//       console.warn(`Column not found for fieldName: ${apiFilter.fieldName}`);
-//       return null;
-//     }
-//     return {
-//       selectedColumn: {
-//         code: {
-//           name: matchingColumn.headerName || matchingColumn.fieldDisplayName,
-//           code: matchingColumn.field,
-//           fieldName: matchingColumn.field,
-//           dataType: apiFilter.fieldType || matchingColumn.dataType,
-//           columnType: matchingColumn.columnType || "",
-//           options: matchingColumn.options || [],
-//           fieldKey: matchingColumn.fieldKey,
-//           attributeType: matchingColumn.attributeType || 1,
-//         }
-//       },
-//       selectedOperation: apiFilter.condOperator,
-//       value: Array.isArray(apiFilter.fieldValue)
-//         ? apiFilter.fieldValue
-//         : [apiFilter.fieldValue],
-//       logicalOperator: apiFilter.logicalOperator
-//     };
-//   }).filter(Boolean); // Remove null entries for unmatched columns
-// };
-const getCsrfToken = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-    const res = yield fetch("https://security-csrf-api.easyfastnow.com/api/csrf-token", {
-        method: "GET",
-        headers: {
-            "x-user-id": userKey,
-            "Content-Type": "application/json",
-            Authorization: `Bearer ${token_1.token}`,
-            "x-origin-url": origin, // Add an extra custom header
-        },
-    });
-    return yield res.json();
-});
-const SKELETON_COLUMNS = [
-    { id: "skel-1", headerName: "", field: "col1", minWidth: 200, hide: false, suppressMovable: true, headerComponent: () => { return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "200px" }); }, },
-    { id: "skel-2", headerName: "", field: "col2", minWidth: 200, hide: false, suppressMovable: true, headerComponent: () => { return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "200px" }); }, },
-    { id: "skel-3", headerName: "", field: "col3", minWidth: 200, hide: false, suppressMovable: true, headerComponent: () => { return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "200px" }); }, },
-    { id: "skel-4", headerName: "", field: "col4", minWidth: 200, hide: false, suppressMovable: true, headerComponent: () => { return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "200px" }); }, },
-    { id: "skel-5", headerName: "", field: "col5", minWidth: 200, hide: false, suppressMovable: true, headerComponent: () => { return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "200px" }); }, },
-];
-const DataTableComponent = () => {
-    const [activeColumns, setActiveColumns] = (0, react_1.useState)(SKELETON_COLUMNS);
-    // const noRowsTemplateRef = useRef<any>();
-    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 {
-            console.log("getColumns called — waiting 60s...");
-            const response = yield fetch("https://customer_queriesapi.easyfastnow.com/api/grid/get-meta-data?screenId=1&viewId=1", {
-                method: "GET",
-                headers: {
-                    "x-user-id": userKey,
-                    "Content-Type": "application/json",
-                    Authorization: `Bearer ${token_1.token}`,
-                    "x-origin-url": origin, // 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) {
-            //   debugger;
-            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 === null || column === void 0 ? void 0 : column.fieldName,
-                    dataType: (column === null || column === void 0 ? void 0 : column.dataType) ? column.dataType : 1,
-                    fieldKey: column === null || column === void 0 ? void 0 : column.fieldKey,
-                    visibleInPanel: column.isDisplayInPanel,
-                    suppressMovable: true,
-                    minWidth: 200,
-                    id: (column === null || column === void 0 ? void 0 : column.fieldId) || generateUniqueId(),
-                    headerName: capitalizedDisplayName,
-                    headerTooltip: capitalizedDisplayName,
-                    options: column.options || [{ id: 1, label: "fff", value: 1 }],
-                    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)
-    });
-    const BulkAction = (0, react_1.useCallback)(() => {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }, []);
-    (0, react_1.useEffect)(() => {
-        getColumns();
-        // refetch();
-    }, []);
-    const setSelectedColumnsFun = (data, updateFun) => {
-        var _a, _b, _c, _d;
-        console.log(data, "data-object-changes", updateFun);
-        // Save selections to "server" (simulated)
-        const selectedIds = ((_b = (_a = data === null || data === void 0 ? void 0 : data.checkBoxSelection) === null || _a === void 0 ? void 0 : _a.includedRecords) === null || _b === void 0 ? void 0 : _b.map((x) => x === null || x === void 0 ? void 0 : x.id)) || [];
-        if (selectedIds.length > 0) {
-            (0, dummyData_1.saveSelection)(selectedIds);
-        }
-        (_d = (_c = getGridRef.current) === null || _c === void 0 ? void 0 : _c.api) === null || _d === void 0 ? void 0 : _d.forEachNode((node) => {
-            var _a, _b;
-            if ((_b = (_a = data === null || data === void 0 ? void 0 : data.checkBoxSelection) === null || _a === void 0 ? void 0 : _a.includedRecords) === null || _b === void 0 ? void 0 : _b.some((x) => { var _a; return (x === null || x === void 0 ? void 0 : x.id) === ((_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.id); })) {
-                // Create a deep copy of the node data to avoid reference issues
-                const newObject = Object.assign(Object.assign({}, node === null || node === void 0 ? void 0 : node.data), { isSelected: true });
-                // Update the node data with the new values
-                node.setData(newObject);
-            }
-        });
-        updateFun(data);
-        // 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 filter = [
-        {
-            selectedColumn: {
-                code: {
-                    name: "Name",
-                    code: "name",
-                    fieldName: "name",
-                    dataType: 1,
-                    columnType: "",
-                    options: [{ id: 1, label: "fff", value: 1 }],
-                    fieldKey: "8032d1cc-9a2a-4787-8625-6805550f0c13",
-                    attributeType: 1
-                }
-            },
-            selectedOperation: 1,
-            value: ["sdf"],
-            logicalOperator: 1
-        }
-    ];
-    const fetchDetails = (start, end, featureDetails) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e;
-        debugger;
-        console.log("fetchDetails called — waiting 60s...", { start, end, featureDetails });
-        yield new Promise((resolve) => setTimeout(resolve, 6000));
-        const pageSize = end - start;
-        const stringWithoutZeros = end ? `${Math.floor(start / pageSize) + 1}` : String(start).replace(/00/g, "");
-        const numberWithoutZeros = parseInt(stringWithoutZeros) || 1;
-        const requestObject = {
-            pageIndex: numberWithoutZeros,
-            pageSize: 50,
-        };
-        const body = Object.assign(Object.assign({}, requestObject), { "screenId": 1, "viewID": 1, "clientSessionKey": "5643ae08-86f8-4409-89b5-ff5feeb73bec", "sorts": {
-                "direction": 2,
-                "fieldName": "Created_On"
-            }, "searchString": "" });
-        const csrfToken = yield getCsrfToken();
-        try {
-            const response = yield fetch("https://customer_queriesapi.easyfastnow.com/api/grid/get-data", {
-                method: "POST",
-                headers: {
-                    "x-user-id": userKey,
-                    "x-csrf-token": csrfToken === null || csrfToken === void 0 ? void 0 : csrfToken.csrfToken,
-                    "Content-Type": "application/json",
-                    Authorization: `Bearer ${token_1.token}`,
-                    "x-origin-url": origin, // Add an extra custom header
-                },
-                body: JSON.stringify(body), // Convert JavaScript object to JSON string
-            });
-            const data = yield response.json();
-            if (data === null || data === void 0 ? void 0 : data.response) {
-                return yield {
-                    rowData: (_d = data === null || data === void 0 ? void 0 : data.response) === null || _d === void 0 ? void 0 : _d.data,
-                    totalRecords: (_e = data === null || data === void 0 ? void 0 : data.response) === null || _e === void 0 ? void 0 : _e.totalRecords,
-                };
-            }
-            return response;
-        }
-        catch (error) {
-            return yield { rowData: [], totalRecords: 0 };
-        }
-    });
-    const columnn = [
-        {
-            id: "ud",
-            field: "hello",
-            body: () => {
-                return "hello";
-            },
-        },
-    ];
-    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.ENABLE,
-        displayRemoveItems: type_1.VisibilityState.ENABLE,
-        displayBulkEdit: type_1.VisibilityState.HIDE,
-        displayRowGroupingElement: type_1.VisibilityState.HIDE,
-        enableViewCreate: true,
-        enableFillHandle: false,
-        displayFeaturesHeader: true,
-        isGridAutoHeight: type_1.VisibilityState.ENABLE,
-        displayGridViewListView: type_1.VisibilityState.ENABLE,
-    };
-    const style = {
-        height: "500px",
-    };
-    const rowModelType = constants_1.ROWMODELTYPE.SERVER_SIDE;
-    const updateColumnsForGrid = () => "";
-    // useEffect(() => {
-    //   if (getGridRef.current) {
-    //     getGridRef?.current?.api?.showLoadingOverlay();
-    //   }
-    // }, [getGridRef.current]);
-    console.log(activeColumns, initCall, columnn);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("section", Object.assign({ style: { height: "600px" } }, { children: (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { serverSideSelectRow: setSelectedColumnsFun, bulkActionComponent: BulkAction, columnData: activeColumns, clearFilters: clearFilters, dynamicText: dynamicText, placeholder: "Search by code or name", getRowData: fetchDetails, defaultFilters: filter, enableManageColumnsCallback: false, conditionsToDisplay: conditionsToDisplay, rowModelType: rowModelType, style: {
-                    height: style.height,
-                    width: "100%",
-                }, gridViewTemplate: () => { }, updateColumnsForGrid: updateColumnsForGrid, shouldRefetch: false, noRowsOverlayComponent: () => {
-                    return (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "tex-xl" }, { children: "Helo " }));
-                }, getGridRef: getGridRef, emptyCheckboxStatus: isCheckboxEmpty, quickSearch: true, template: Template_1.default, defaultViewName: null }) })) }));
-};
-exports.default = DataTableComponent;