sccoreui 6.4.0 → 6.4.2

package/dist/App.js

@@ -2,10 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
-// import FroalaTextEditor from "./components/froala-editor/FroalaEditor";
 // import Home from "./pages/home";
 const App = () => {
-    // const [selectedCountries, setSelectedCountries] = useState(null);
     return (0, jsx_runtime_1.jsx)("div", { className: "m-6" });
 };
 exports.default = App;

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

@@ -62,7 +62,7 @@ const sortColumns = (columns) => {
 };
 exports.sortColumns = sortColumns;
 // Give checkbox checked status
-const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureDetails) => {
+const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS) => {
     const { allBoxChecked, excludedRecords, includedRecords, headerCheckBoxStatus, } = featureDetails.checkBoxSelection;
     if (allBoxChecked) {
         return !excludedRecords.includes(row);
@@ -71,12 +71,19 @@ const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureD
         if (headerCheckBoxStatus === GRID_CHECKBOX_STATUS.NEUTRAL &&
             (row === null || row === void 0 ? void 0 : row.isSelected)) {
             if (!includedRecords.includes(row)) {
-                includedRecords.push(row);
-                setFeatureDetails((prev) => (Object.assign(Object.assign({}, prev), { checkBoxSelection: Object.assign(Object.assign({}, prev.checkBoxSelection), { includedRecords: [...includedRecords] }) })));
+                // includedRecords.push(row);
+                // setFeatureDetails((prev) => ({
+                //   ...prev,
+                //   checkBoxSelection: {
+                //     ...prev.checkBoxSelection,
+                //     includedRecords: [...includedRecords],
+                //   },
+                // }));
+                return !(excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(row));
             }
             return true;
         }
-        return includedRecords.includes(row);
+        return (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(row)) ? false : includedRecords.includes(row);
     }
 };
 exports.getCheckedStatus = getCheckedStatus;
@@ -258,7 +265,10 @@ const updateRecords = (rowData, featureDetails, gridData) => {
                     return false; // Exclude this item from the new array
                 }
             })
-            : [...includedRecords, rowData]; // Add rowData if it's not already included
+            : (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...includedRecords] : [...includedRecords, rowData]; // Add rowData if it's not already included
+        newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData))
+            ? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
+            : (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...excludedRecords, rowData] : excludedRecords;
         // Check if all records are included; reset if so
         if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
             return {
@@ -274,7 +284,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
         }
         // Otherwise, update the included records
         else {
-            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords });
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords, excludedRecords: newExcludedRecords });
         }
     }
 };

package/dist/components/ag-grid/parent-for-grid.js

@@ -110,12 +110,15 @@ function ParentForGrid(props) {
                                 ? true
                                 : false), shouldRenderOnRight: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.displayCheckboxOnRight }), HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName }))] })) })));
     };
+    const onRowClickSelection = (data) => {
+        (0, helper_1.handleCheckboxClick)({ checked: true }, data, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns);
+    };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
         var _a, _b;
         const { data } = params;
         // const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
-        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS, setFeatureDetails);
+        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
         return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: isChecked, disabled: ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns), isIndeterminate: false, shouldRenderOnRight: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight }));
     };
     // Callback to products for getting data
@@ -349,7 +352,7 @@ function ParentForGrid(props) {
         setGridViewData(Object.assign(Object.assign({}, gridViewData), { rowData: allData }));
     };
     // Options that grid should have
-    const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
+    const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
             var _a, _b;
             if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
                 return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
@@ -368,7 +371,7 @@ function ParentForGrid(props) {
         dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
     })), { popupParent: popupParent }), ((props === null || props === void 0 ? void 0 : props.treeData) && { treeData: props === null || props === void 0 ? void 0 : props.treeData })), ((props === null || props === void 0 ? void 0 : props.groupDefaultExpanded) && {
         groupDefaultExpanded: props === null || props === void 0 ? void 0 : props.groupDefaultExpanded, // to enable tree data
-    })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), { 
+    })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.onRowSelection) ? { onRowClicked: onRowClickSelection } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), { 
         // ...(props?.getDataPath && { getDataPath: props?.getDataPath }), // for clint side tree data enable fetuare
         onGridPreDestroyed: onGridPreDestroyed }), ((props === null || props === void 0 ? void 0 : props.rowDragManaged) ? { rowDragManaged: props === null || props === void 0 ? void 0 : props.rowDragManaged } : {})), gridProps);
     // Fucntion to call the grid

package/dist/components/list-box-dropdown/virtualization-component.js

@@ -10,8 +10,11 @@ const hooks_1 = require("primereact/hooks");
 const skeleton_1 = require("primereact/skeleton");
 function RowVirtualizerDynamic(props) {
     var _a, _b;
-    const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData } = props;
+    const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage } = props;
     const parentRef = React.useRef(null);
+    const loadingRef = React.useRef(true);
+    const allCount = React.useRef(null);
+    const totalRecordsCount = React.useRef(null);
     const initialFetch = {
         pageIndex: 0,
         pageSize: 100,
@@ -28,43 +31,59 @@ function RowVirtualizerDynamic(props) {
         estimateSize: () => 45,
         enabled,
     });
-    // 👇 Scroll handler
+    // Scroll handler
     const handleScroll = () => {
         const el = parentRef.current;
         if (!el)
             return;
         const scrollOffset = el.scrollTop + el.clientHeight;
         const threshold = el.scrollHeight - 100;
-        if (scrollOffset >= threshold) {
+        const checCount = allCount.current ? allCount.current > totalRecordsCount.current : true;
+        if (scrollOffset >= threshold && !loadingRef.current && checCount) {
             setLoading(true);
-            // near bottom, simulate fetch
+            loadingRef.current = true;
             fetchMoreData(Object.assign(Object.assign({}, initialFetch), { pageIndex: pageIndex.current }));
         }
     };
     const fetchMoreData = (props) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _c;
         try {
-            const data = yield fetchData(props);
-            if (data) {
-                setData(prev => [
-                    ...prev,
-                    ...data // simulate fetch
-                ]);
+            const object = yield fetchData(props);
+            if (object) {
+                loadingRef.current = false;
+                if ((props === null || props === void 0 ? void 0 : props.searchTerm) && (props === null || props === void 0 ? void 0 : props.searchTerm) !== "") {
+                    totalRecordsCount.current = (_c = object === null || object === void 0 ? void 0 : object.data) === null || _c === void 0 ? void 0 : _c.length;
+                    allCount.current = object === null || object === void 0 ? void 0 : object.totalRecords;
+                    pageIndex.current = 0;
+                    setData(object === null || object === void 0 ? void 0 : object.data);
+                }
+                else {
+                    setData(prev => {
+                        const totalData = [...prev, ...object === null || object === void 0 ? void 0 : object.data];
+                        totalRecordsCount.current = totalData.length;
+                        return totalData;
+                    });
+                }
                 setLoading(false);
+                allCount.current = object === null || object === void 0 ? void 0 : object.totalRecords;
                 pageIndex.current = pageIndex.current + 1;
             }
         }
         catch (error) {
+            console.error("Error fetching data:", error);
+            loadingRef.current = false;
             setLoading(false);
         }
     });
     React.useEffect(() => {
+        loadingRef.current = true;
+        setLoading(true);
         fetchMoreData(Object.assign(Object.assign({}, initialFetch), { searchTerm: debouncedValue }));
     }, [debouncedValue]);
-    // 👇 Attach scroll event
     React.useEffect(() => {
         const el = parentRef.current;
         el && el.addEventListener('scroll', handleScroll);
-        return () => el.removeEventListener('scroll', handleScroll);
+        return () => el === null || el === void 0 ? void 0 : el.removeEventListener('scroll', handleScroll);
     }, []);
     const items = virtualizer.getVirtualItems();
     const handleSelect = (item) => {
@@ -80,12 +99,14 @@ function RowVirtualizerDynamic(props) {
         }
         onSelectionChange && onSelectionChange(newSelection);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'p-listbox' }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-header", "data-pc-section": "header" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-filter-container", "data-pc-section": "filtercontainer" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'p-input-icon-right flex-order-1' }, { children: [inputValue === "" ?
-                                (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md", size: 12 }) })) :
-                                (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer", onClick: (e) => {
-                                        e.stopPropagation();
-                                        setInputValue("");
-                                    } }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 12 }) })), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: inputValue, onChange: (e) => setInputValue(e.target.value), placeholder: filterPlaceholder, className: 'w-full' })] })) })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: parentRef, className: "List w-full bg-gray shadow-3", style: {
+    // Render Skeletons
+    const renderSkeletons = () => {
+        return Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "p-listbox-item cursor-pointer p-1" }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" }) }), index)));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-listbox" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-header", "data-pc-section": "header" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-filter-container", "data-pc-section": "filtercontainer" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right flex-order-1" }, { children: [inputValue === "" ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md", size: 12 }) }))) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer", onClick: (e) => {
+                                    e.stopPropagation();
+                                    setInputValue("");
+                                } }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 12 }) }))), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: inputValue, onChange: (e) => setInputValue(e.target.value), placeholder: filterPlaceholder, className: "w-full" })] })) })) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: parentRef, className: "List virtual-box w-full bg-gray shadow-3", style: {
                     height: 400,
                     overflowY: 'auto',
                     contain: 'strict',
@@ -93,7 +114,7 @@ function RowVirtualizerDynamic(props) {
                         height: virtualizer.getTotalSize(),
                         width: '100%',
                         position: 'relative',
-                    } }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: 'p-listbox-list', style: {
+                    }, className: `${data.length === 0 ? "flex-column flex justify-content-around align-items-center h-full w-full" : ""}` }, { children: loadingRef.current && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list w-full" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list w-full", style: {
                             position: 'absolute',
                             top: 0,
                             left: 0,
@@ -101,7 +122,9 @@ function RowVirtualizerDynamic(props) {
                             transform: `translateY(${(_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.start) !== null && _b !== void 0 ? _b : 0}px)`,
                         } }, { children: items.map((virtualRow) => {
                             var _a;
-                            return ((0, jsx_runtime_1.jsx)("li", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, onClick: () => handleSelect(data[virtualRow.index]), className: `p-listbox-item ${virtualRow.index % 2 ? 'ListItemOdd' : 'ListItemEven'} ${values.some((y) => { var _a; return (y === null || y === void 0 ? void 0 : y[matchKey]) === ((_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[matchKey]); }) ? "p-highlight" : ""} cursor-pointer` }, { children: loading ? (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: '30px', width: '100%' }) : (0, jsx_runtime_1.jsx)("div", { children: optionTemplate ? optionTemplate(data[virtualRow.index]) : (0, jsx_runtime_1.jsx)("div", { children: (_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[optionLabel] }) }) }), virtualRow.key));
-                        }) })) })) }))] })));
+                            return ((0, jsx_runtime_1.jsx)("li", Object.assign({ "data-index": virtualRow.index, ref: virtualizer.measureElement, onClick: () => handleSelect(data[virtualRow.index]), className: `p-listbox-item ${virtualRow.index % 2 ? 'ListItemOdd' : 'ListItemEven'} ${values.some((y) => { var _a; return (y === null || y === void 0 ? void 0 : y[matchKey]) === ((_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[matchKey]); })
+                                    ? "p-highlight"
+                                    : ""} cursor-pointer` }, { children: loading ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" })) : (optionTemplate ? optionTemplate(data[virtualRow.index]) : (0, jsx_runtime_1.jsx)("div", { children: (_a = data[virtualRow.index]) === null || _a === void 0 ? void 0 : _a[optionLabel] })) }), virtualRow.key));
+                        }) }))) })) }))] })));
 }
 exports.default = RowVirtualizerDynamic;

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

@@ -5,7 +5,7 @@ export declare const isComponentDisable: (state?: string) => boolean;
 export declare const applyDefaultFilters: (defaultFilters: any) => any;
 export declare const parseIfNeeded: (value: any) => any;
 export declare const sortColumns: (columns: any) => any;
-export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any, setFeatureDetails: any) => any;
+export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any) => any;
 export declare const updateCells: (updatedRowData: any, setUpdateRowData: any, api: any) => void;
 export declare const fillOperation: (params: any, api: any, editedRecords: any, setEditedRecords: any) => Promise<void>;
 export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: string, groupField: string, GroupHeaderComponent: React.FC, headerCheckboxRenderer: React.FC, enableCheckboxForGroupHeader: boolean, displayGroupCount: boolean, rowGroupColumnWidth: number, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.4.00",
+  "version": "6.4.02",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -94,4 +94,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

package/dist/pages/RowGroupingServerside/DragandDropFeatures.js

@@ -1,49 +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");
-require("@ag-grid-community/styles/ag-grid.css");
-require("@ag-grid-community/styles/ag-theme-quartz.css");
-const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
-const constants_1 = require("../../components/ag-grid/constants");
-const type_1 = require("../../components/types/type");
-const dummyData_1 = require("./dummyData");
-const DragAndDropFeatureTesting = () => {
-    const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
-    const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
-    const [columnDefs] = (0, react_1.useState)([
-        { field: "employeeId", rowDrag: true, suppressFillHandle: true },
-        { field: "employeeName", },
-        { field: "jobTitle" },
-        { field: "employmentType" },
-    ]);
-    const defaultColDef = (0, react_1.useMemo)(() => {
-        return {
-            width: 240,
-            flex: 1,
-            sortable: false,
-        };
-    }, []);
-    const getRowData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        debugger;
-        var allRows = yield (0, dummyData_1.getNormalData)();
-        const result = { rowData: allRows };
-        return result;
-    });
-    const initialConditions = {
-        displayAdvancedFilter: false,
-        displaySort: true,
-        displayFeaturesHeader: true,
-        displaySearch: type_1.VisibilityState.ENABLE,
-        displayFilter: type_1.VisibilityState.ENABLE
-    };
-    const gridApi = (0, react_1.useRef)(null);
-    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)(parent_for_grid_1.default, { getGridRef: gridApi, columnData: columnDefs, style: { height: "500px" }, 
-                // rowData={dummyData}
-                getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE, shouldRefetch: false, filterConditions: [
-                    { id: 1, label: "AND" },
-                    { id: 2, label: "OR" },
-                ], columnDefs: columnDefs, defaultColDef: defaultColDef, rowDragManaged: true }) })) })));
-};
-exports.default = DragAndDropFeatureTesting;

package/dist/pages/RowGroupingServerside/RowGroupingServerSide.js

@@ -1,125 +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");
-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 column_tool_panel_1 = require("@ag-grid-enterprise/column-tool-panel");
-const menu_1 = require("@ag-grid-enterprise/menu");
-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 dummyData_1 = require("./dummyData");
-const parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
-const constants_1 = require("../../components/ag-grid/constants");
-const type_1 = require("../../components/types/type");
-core_1.ModuleRegistry.registerModules([
-    column_tool_panel_1.ColumnsToolPanelModule,
-    menu_1.MenuModule,
-    row_grouping_1.RowGroupingModule,
-    server_side_row_model_1.ServerSideRowModelModule,
-]);
-const GridRowGroupingSSRM = () => {
-    const containerStyle = (0, react_1.useMemo)(() => ({ width: "100%", height: "500px" }), []);
-    const gridStyle = (0, react_1.useMemo)(() => ({ height: "500px", width: "100%" }), []);
-    const [text, setText] = (0, react_1.useState)("");
-    const [columnDefs] = (0, react_1.useState)([
-        { field: "employeeId", },
-        { field: "employeeName", },
-        { field: "jobTitle" },
-        { field: "employmentType" },
-    ]);
-    const defaultColDef = (0, react_1.useMemo)(() => {
-        return {
-            width: 240,
-            flex: 1,
-            sortable: false,
-        };
-    }, []);
-    const autoGroupColumnDef = (0, react_1.useMemo)(() => {
-        return {
-            field: "employeeName",
-            headerName: `Search Results`,
-            headerCheckboxSelection: true,
-            cellRendererParams: {
-                innerRenderer: () => {
-                    // Add custom styling or content to the group label
-                    return ((0, jsx_runtime_1.jsx)("div", { children: "kjasdnfkjasdf" }));
-                },
-                checkbox: true,
-            },
-        };
-    }, []);
-    const isServerSideGroupOpenByDefault = (0, react_1.useCallback)((params) => {
-        // open first two levels by default
-        if (text === "") {
-            return false;
-        }
-        return params.rowNode.level < 2;
-    }, [text]);
-    const isServerSideGroup = (0, react_1.useCallback)((dataItem) => {
-        // indicate if node is a group
-        return dataItem.group;
-    }, []);
-    const getServerSideGroupKey = (0, react_1.useCallback)((dataItem) => {
-        // specify which group key to use
-        return dataItem.id;
-    }, []);
-    const getRowData = (a, b, c, d) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        console.log(a, b);
-        console.log(c, d, "params");
-        setText(c.searchedText);
-        var allRows = yield (0, dummyData_1.getAllData)(c.searchedText);
-        const result = { rowData: allRows };
-        return result;
-        // setTimeout(() => {
-        //     params.success(result);
-        // }, 200);
-    });
-    // const onGridReady = useCallback((params: GridReadyEvent) => {
-    //     params.api!.setGridOption("serverSideDatasource", { getRows: getData });
-    // }, []);
-    const initialConditions = {
-        displayAdvancedFilter: false,
-        displaySort: true,
-        displayFeaturesHeader: true,
-        displaySearch: type_1.VisibilityState.ENABLE,
-        displayFilter: type_1.VisibilityState.ENABLE
-    };
-    const rowSelection = (0, react_1.useMemo)(() => {
-        return {
-            mode: "multiRow",
-        };
-    }, []);
-    const gridApi = (0, react_1.useRef)(null);
-    const onSelectionChanged = (0, react_1.useCallback)(() => {
-        const selectedRows = gridApi.current.api.getServerSideSelectionState(); // Get selected rows
-        // const allRowsSelected = gridApi.current.api.getSelectedRows().length === gridApi.current.api.getDisplayedRowCount();
-        console.log("Selected rows: ", selectedRows);
-        console.log("Selected----- ");
-        // If all rows are selected, you can perform your custom logic
-    }, [gridApi]);
-    // const onFilterTextBoxChanged = useCallback(() => {
-    //     const cahed = gridApi.current.api.getCacheBlockState();  // See loaded blocks
-    //     gridApi.current.api.forEachNode((node) => console.log(node.data, cahed, "cache"));  // Access cached rows
-    //     // gridApi.current!.api.setGridOption(
-    //     //   "quickFilterText",
-    //     //   (document.getElementById("filter-text-box") as HTMLInputElement).value,
-    //     // );
-    // }, []);
-    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)(parent_for_grid_1.default, { getGridRef: gridApi, columnData: columnDefs, style: { height: "500px" }, getRowData: getRowData, conditionsToDisplay: initialConditions, rowModelType: constants_1.ROWMODELTYPE.SERVER_SIDE, shouldRefetch: false, filterConditions: [
-                    { id: 1, label: "AND" },
-                    { id: 2, label: "OR" },
-                ], 
-                // GroupHeaderComponent={GroupHeaderComponent}
-                enableCheckboxForGroupHeader: true, 
-                // AdvancedFilter={AdvancedFilter}
-                serverSideInitialRowCount: 3, treeData: true, gridProps: {
-                    isServerSideGroupOpenByDefault,
-                    isServerSideGroup,
-                    getServerSideGroupKey,
-                    rowSelection: "multiple"
-                }, columnDefs: columnDefs, defaultColDef: defaultColDef, autoGroupColumnDef: autoGroupColumnDef, rowSelection: rowSelection, onSelectionChanged: onSelectionChanged }) })) })));
-};
-exports.default = GridRowGroupingSSRM;