sccoreui 6.4.43 → 6.4.44

package/dist/components/ag-grid/advancedFeature/custom-sort.js

@@ -12,6 +12,7 @@ const context_provider_1 = require("../context-provider");
 const helper_1 = require("../helper");
 const utilComponents_1 = require("../utilComponents");
 const FeatureSkeleton_1 = tslib_1.__importDefault(require("../../skeletons/FeatureSkeleton"));
+const constants_1 = tslib_1.__importDefault(require("../constants"));
 function Sort() {
     var _a, _b;
     const { sortValue, setSortValue, sortBy, setSortBy, isOverlayOpened, setIsOverlayOpened, featureDetails, callGrid, columnData, sortModelText, sortOptions, conditionsToDisplay, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
@@ -57,7 +58,7 @@ function Sort() {
         if (!((sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.isSortable) && (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.columnToSort) && (sortInfo === null || sortInfo === void 0 ? void 0 : sortInfo.orderToSort))) {
             return;
         }
-        const currentFeature = Object.assign({}, featureDetails);
+        const currentFeature = Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: constants_1.default.initialCheckBoxState });
         currentFeature.sort = sortInfo;
         return currentFeature;
     };
@@ -78,7 +79,7 @@ function Sort() {
             columnToSort: "",
             orderToSort: "",
         };
-        const currentFeatureDetails = Object.assign({}, featureDetails);
+        const currentFeatureDetails = Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: constants_1.default.initialCheckBoxState });
         currentFeatureDetails.sort = sortDetails;
         callGrid(currentFeatureDetails);
     };

package/dist/components/ag-grid/advancedFeature/global-search.js

@@ -6,14 +6,12 @@ const inputtext_1 = require("primereact/inputtext");
 const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
 const react_1 = require("react");
 const context_provider_1 = require("../context-provider");
-const hooks_1 = require("primereact/hooks");
-const constants_1 = require("../constants");
+const constants_1 = tslib_1.__importStar(require("../constants"));
 const helper_1 = require("../helper");
 const utilComponents_1 = require("../utilComponents");
 const skeleton_1 = require("primereact/skeleton");
 function Search({ searchPlaceHolder }) {
-    const { featureDetails, setFeatureDetails, rowModelType, gridApi, quickSearch, conditionsToDisplay, setGridViewData, gridView, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
-    const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
+    const { featureDetails, setFeatureDetails, rowModelType, gridApi, quickSearch, conditionsToDisplay, setGridViewData, gridView, inputValue, deboucedValue, setInputValue } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displaySearch);
     (0, react_1.useEffect)(() => {
         var _a, _b, _c;
@@ -33,7 +31,7 @@ function Search({ searchPlaceHolder }) {
             }
         }
         else {
-            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: deboucedValue }));
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: constants_1.default.initialCheckBoxState, searchedText: deboucedValue }));
         }
     }, [deboucedValue]);
     return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px", width: "336px" })) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `p-input-icon-left ${inputValue.length > 0 ? "p-input-icon-right" : ""}` }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix zoom_animate" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { color: "#667085", icon: "search-lg", size: 18, disabled: isDisabled }) })), inputValue.length > 0 && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer zoom_animate", onClick: () => {

package/dist/components/ag-grid/advancedFeature/new-filter/table-filter.js

@@ -57,24 +57,10 @@ const TableFilter = () => {
             };
             return queryToAdd;
         });
-        const requestFilters = allQueries.map((element) => {
-            var _a, _b, _c, _d, _e;
-            return ({
-                fieldName: (_b = (_a = element === null || element === void 0 ? void 0 : element.selectedColumn) === null || _a === void 0 ? void 0 : _a.code) === null || _b === void 0 ? void 0 : _b.code,
-                fieldValue: element === null || element === void 0 ? void 0 : element.value.toString(),
-                conditionalOperator: element === null || element === void 0 ? void 0 : element.selectedOperation,
-                logicalOperator: element.logicalOperator,
-                attributeType: ((_d = (_c = element === null || element === void 0 ? void 0 : element.selectedColumn) === null || _c === void 0 ? void 0 : _c.code) === null || _d === void 0 ? void 0 : _d.attributeType)
-                    ? (_e = element === null || element === void 0 ? void 0 : element.selectedColumn) === null || _e === void 0 ? void 0 : _e.code.attributeType
-                    : 1,
-            });
-        });
         setGlobalFilters(array);
         const currentFeature = Object.assign({}, featureDetails);
         currentFeature.filterQueries = allQueries;
-        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { filterQueries: allQueries }));
-        console.log("payload", requestFilters);
-        // setConditionsArray(requestFilters);
+        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: constants_1.default.initialCheckBoxState, filterQueries: allQueries }));
         callGrid(currentFeature);
         return [];
     };

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

@@ -415,6 +415,19 @@ const accessBasedOnDataType = [
 ];
 const defaultOptionValueColumn = { order: 1, labelName: "", value: "", upload: "", actions: "" };
 const columnSortTypes = [{ id: 1, label: "Low - High", sortId: 1, dataType: "integer" }, { id: 2, label: "High - Low", sortId: 2, dataType: "integer" }, { id: 3, label: "A - Z", sortId: 1, dataType: "string" }, { id: 4, label: "Z - A", sortId: 2, dataType: "string" }, { id: 5, sortId: 1, label: "Min -Max", dataType: "date" }, { id: 6, sortId: 2, label: "Max - Min", dataType: "date" }];
+var GRID_CHECKBOX_STATUS;
+(function (GRID_CHECKBOX_STATUS) {
+    GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["NEUTRAL"] = 1] = "NEUTRAL";
+    GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["CHECKED"] = 2] = "CHECKED";
+    GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["UNCHECKED"] = 3] = "UNCHECKED";
+})(GRID_CHECKBOX_STATUS = exports.GRID_CHECKBOX_STATUS || (exports.GRID_CHECKBOX_STATUS = {}));
+const initialCheckBoxState = {
+    allBoxChecked: false,
+    isIndeterminate: false,
+    includedRecords: [],
+    excludedRecords: [],
+    headerCheckBoxStatus: GRID_CHECKBOX_STATUS.NEUTRAL,
+};
 const constants = {
     maxCodeLength,
     maxNameLength,
@@ -424,12 +437,7 @@ const constants = {
     maxSortInputLength,
     accessBasedOnDataType,
     minSortInputLength,
+    initialCheckBoxState
 };
-var GRID_CHECKBOX_STATUS;
-(function (GRID_CHECKBOX_STATUS) {
-    GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["NEUTRAL"] = 1] = "NEUTRAL";
-    GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["CHECKED"] = 2] = "CHECKED";
-    GRID_CHECKBOX_STATUS[GRID_CHECKBOX_STATUS["UNCHECKED"] = 3] = "UNCHECKED";
-})(GRID_CHECKBOX_STATUS = exports.GRID_CHECKBOX_STATUS || (exports.GRID_CHECKBOX_STATUS = {}));
 exports.EMPTY_RECORD = "--";
 exports.default = constants;

package/dist/components/ag-grid/context-provider.js

@@ -4,6 +4,7 @@ exports.FeatureContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const helper_1 = require("./helper");
+const hooks_1 = require("primereact/hooks");
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
     const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, createView, enableViewCreate, filterModelText, sortModelText, recordDetailModelText, sidePanelText, sortOptions, filterConditions, clearFilters, setGridData, gridApi, updateColumnsForGrid, enableManageColumnsCallback, columnToRender, selectedGroup, setSelectedGroup, initialCheckBoxData, intialColumns, setIntialColumns, rowModelType, quickSearch, enableAdvancedFilter, conditionsToDisplay, gridViewFun, gridViewData, setGridViewData, gridView } = value;
@@ -13,6 +14,7 @@ function MyProvider({ children, value }) {
     const [sortBy, setSortBy] = (0, react_1.useState)({});
     const [isOverlayOpened, setIsOverlayOpened] = (0, react_1.useState)(false);
     const [viewName, setViewName] = (0, react_1.useState)("");
+    const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
     // States for filter
     const [queries, setQueries] = (0, react_1.useState)(() => {
         var _a;
@@ -42,6 +44,7 @@ function MyProvider({ children, value }) {
         setSortBy({});
         setSortValue({});
         callGrid(emptyFeatures);
+        setInputValue("");
     };
     (0, react_1.useEffect)(() => {
         if (defaultFilters.length) {
@@ -112,7 +115,10 @@ function MyProvider({ children, value }) {
             gridViewFun,
             gridViewData,
             setGridViewData,
-            gridView
+            gridView,
+            inputValue,
+            deboucedValue,
+            setInputValue
         } }, { children: children })));
 }
 exports.default = MyProvider;

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

@@ -62,21 +62,22 @@ 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;
+    const isExcluded = excludedRecords.some(r => r.id === row.id);
+    const isIncluded = includedRecords.some(r => r.id === row.id);
     if (allBoxChecked) {
-        return !excludedRecords.includes(row);
+        return !isExcluded;
     }
     else {
         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] }) })));
+            if (!isIncluded) {
+                return !isExcluded;
             }
             return true;
         }
-        return includedRecords.includes(row);
+        return isExcluded ? false : isIncluded;
     }
 };
 exports.getCheckedStatus = getCheckedStatus;
@@ -226,14 +227,14 @@ exports.autoGroupColumnDef = autoGroupColumnDef;
 // This function determines how to update `includedRecords` and `excludedRecords`
 // depending on whether all checkboxes are checked or not (`allBoxChecked` state)
 const updateRecords = (rowData, featureDetails, gridData) => {
-    var _a, _b, _c;
+    var _a, _b;
     const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
     let newExcludedRecords = [...excludedRecords];
     let newIncludedRecords = [...includedRecords];
     // When all checkboxes are checked
     if (allBoxChecked) {
         // Update excluded records: add or remove the current rowData
-        newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData))
+        newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.some((x) => (x === null || x === void 0 ? void 0 : x.id) === (rowData === null || rowData === void 0 ? void 0 : rowData.id)))
             ? 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))
             : [...excludedRecords, rowData];
         // Check if all records are excluded; reset if so
@@ -248,7 +249,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
     // When not all checkboxes are checked
     else {
         // Update included records: add or remove the current rowData
-        newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.includes(rowData))
+        newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.some((x) => (x === null || x === void 0 ? void 0 : x.id) === (rowData === null || rowData === void 0 ? void 0 : rowData.id)))
             ? includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.filter((item) => {
                 if ((item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id)) {
                     return item;
@@ -258,23 +259,27 @@ 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.some((x) => (x === null || x === void 0 ? void 0 : x.id) === (rowData === null || rowData === void 0 ? void 0 : rowData.id)))
+            ? 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 {
-                excludedRecords: [],
-                includedRecords: [],
-                isIndeterminate: false,
-                allBoxChecked: true,
-            };
-        }
+        // if (newIncludedRecords?.length === gridData?.rowData?.length) {
+        //   return {
+        //     ...featureDetails?.checkBoxSelection,
+        //     excludedRecords: [],
+        //     includedRecords: [],
+        //     isIndeterminate: false,
+        //     allBoxChecked: true,
+        //   };
+        // }
         // Check if all records are excluded; reset if so
-        else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_c = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _c === void 0 ? void 0 : _c.length)) {
+        if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
             return exports.initialCheckBoxData;
         }
         // 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,13 +110,27 @@ 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) => {
+        console.log(data, "data-check");
+        // handleCheckboxClick(
+        //   { checked: true },
+        //   data,
+        //   featureDetails,
+        //   gridData,
+        //   setFeatureDetails,
+        //   groupingColumns,
+        //   setSelectedGroup,
+        //   selectColumns
+        // )
+    };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const { data } = params;
         // const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
-        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS, setFeatureDetails);
-        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 }));
+        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
+        console.log(featureDetails, (_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged, "check-data");
+        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: ((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.tagged) || isChecked, disabled: ((_c = params === null || params === void 0 ? void 0 : params.data) === null || _c === void 0 ? void 0 : _c.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns), isIndeterminate: false, shouldRenderOnRight: (_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.displayCheckboxOnRight }));
     };
     // Callback to products for getting data
     const getData = (startRow, endRow, currentFeatures, params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
@@ -348,7 +362,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: {
@@ -367,7 +381,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/pages/RowGroupingServerside/DragandDropFeatures.js

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

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