sccoreui 6.4.99 → 6.5.1

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

@@ -14,7 +14,7 @@ const utilComponents_1 = require("../utilComponents");
 const FeatureSkeleton_1 = tslib_1.__importDefault(require("../../skeletons/FeatureSkeleton"));
 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);
+    const { sortValue, setSortValue, sortBy, setSortBy, isOverlayOpened, setIsOverlayOpened, featureDetails, setFeatureDetails, callGrid, columnData, sortModelText, sortOptions, conditionsToDisplay, } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const showShort = (0, react_1.useRef)(null);
     const [sortInfo, setSortInfo] = (0, react_1.useState)();
     const sortType = sortValue === null || sortValue === void 0 ? void 0 : sortValue.dataType;
@@ -64,6 +64,7 @@ function Sort() {
     // Trigger action to apply
     const applyTableSort = (e) => {
         const getCurrentFeature = addSortDetails();
+        setFeatureDetails(getCurrentFeature);
         callGrid(getCurrentFeature);
         onClickSort(e);
     };
@@ -80,6 +81,7 @@ function Sort() {
         };
         const currentFeatureDetails = Object.assign({}, featureDetails);
         currentFeatureDetails.sort = sortDetails;
+        setFeatureDetails(currentFeatureDetails);
         callGrid(currentFeatureDetails);
     };
     (0, react_1.useEffect)(() => {

package/dist/components/ag-grid/advancedFeature/hide-column.js

@@ -19,7 +19,7 @@ function HideColumn() {
     const [enableManageColumnsCallbackAPI, setEnableManageColumnsCallbackAPI] = (0, react_1.useState)(false);
     const [inpValue, setInputValue] = (0, react_1.useState)("");
     const [storeNodes, setStoreNodes] = (0, react_1.useState)();
-    const [nodes, setNodes] = (0, react_1.useState)();
+    const [nodes, setNodes] = (0, react_1.useState)([]);
     const [hidePanelNodes, setHidePanelNodes] = (0, react_1.useState)([]);
     const [hasChanges, setHasChanges] = (0, react_1.useState)(false);
     const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displaySidePanel);
@@ -179,6 +179,7 @@ function HideColumn() {
         setInputValue("");
         setHasChanges(false);
     };
+    const visibleColumnsInSideBar = (0, react_1.useMemo)(() => { return nodes.filter((y) => y === null || y === void 0 ? void 0 : y.visibleInPanel); }, [nodes]);
     return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: () => !isDisabled && setVisibleRight(true), className: `rounded_btn sc_icon_hover icon-40x40 ${isDisabled && "disabled"}`, title: "Manage Columns" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "columns-02", color: "text-gray-500", size: 18 }) })), (0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, Object.assign({ className: "md:w-6 lg:w-4 overflow-hidden h-full ag_grid_sidebar", visible: visibleRight, position: "right", onHide: () => hidePanel() }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "bg-white" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between align-items-center px-4 py-3 border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-gray-900 text-lg font-semibold line-height-3" }, { children: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.header) || "Configure Columns" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { className: "btn-text", label: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.disacrd_button) || "Discard", onClick: () => hidePanel() }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "font-semibold", label: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.update_button) || "Update", disabled: !hasChanges ||
                                                     (storeNodes === null || storeNodes === void 0 ? void 0 : storeNodes.filter((node) => !node.hide).length) > 15, onClick: () => updateColumns() })] }))] })), enableManageColumnsCallback && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 pb-0" }, { children: [(0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: "flex align-items-center justify-content-between my-0" }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.apply_to_all_views) || "Apply to all views", (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: enableManageColumnsCallbackAPI, onChange: (e) => setEnableManageColumnsCallbackAPI(e.value) })] })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0 text-sm text-gray-600" }, { children: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.apply_subHeading) ||
                                             "Apply the chosen column selection to all available views" })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-2" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-input-icon-left p-input-icon-right w-full" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md" }) })), (inpValue === null || inpValue === void 0 ? void 0 : inpValue.length) > 0 && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer zoom_animate", onClick: clearSearch }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 18 }) }))), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { id: "email", value: inpValue, onChange: (e) => {
@@ -187,11 +188,11 @@ function HideColumn() {
                                                         "Search by column name", className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full my-2 lh-40" })] })) }))] })))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 pt-0 selected_attributes" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "py-2 my-0 text-gray-900 text-lg border-bottom-1 border-gray-100 font-semibold bg-white z-5", style: {
                                     position: "sticky",
                                     top: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.selected_attributes) && "0px",
-                                } }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.selected_attributes) || "Selected Attributes", " ", (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-gray-500 text-lg font-normal ml-1" }, { children: [`(`, nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => !node.hide).length, "/", nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.visibleInPanel).length, `)`] }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full" }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 mt-0" }, { children: (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 ? (nodes === null || nodes === void 0 ? void 0 : nodes.map((listItem, idx) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
+                                } }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.selected_attributes) || "Selected Attributes", " ", (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-gray-500 text-lg font-normal ml-1" }, { children: [`(`, visibleColumnsInSideBar === null || visibleColumnsInSideBar === void 0 ? void 0 : visibleColumnsInSideBar.filter((node) => node.hide !== undefined && node.hide === false).length, "/", visibleColumnsInSideBar.length, `)`] }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full" }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 mt-0" }, { children: (visibleColumnsInSideBar === null || visibleColumnsInSideBar === void 0 ? void 0 : visibleColumnsInSideBar.length) > 0 ? (visibleColumnsInSideBar === null || visibleColumnsInSideBar === void 0 ? void 0 : visibleColumnsInSideBar.map((listItem, idx) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
                                         !(listItem === null || listItem === void 0 ? void 0 : listItem.hide) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3 text-gray-600 text-base", draggable: true, onDragStart: handleDragStart(idx), onDrop: handleDrop(idx), onDragOver: handleDragOver }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex gap-3 align-items-center", style: { minWidth: 0 } }, { children: [(0, jsx_runtime_1.jsx)("img", { src: drag_and_drop_icon_png_1.default, alt: "Drag and drop", className: "cursor-move flex-shrink-0" }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "white-space-nowrap overflow-hidden text-overflow-ellipsis", style: { maxWidth: '200px' }, title: listItem.headerName }, { children: listItem.headerName }))] })), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: !(listItem === null || listItem === void 0 ? void 0 : listItem.hide), onChange: (e) => handleSwitchChange(listItem, e.value) })] }), idx)))) : ((0, jsx_runtime_1.jsx)("li", { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column -mx-3" }, { children: (0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "mt-0 mb-2 flex align-items-center justify-content-center py-8 bg-gray-50 p-8 border-round-md mt-2 text-gray-900 font-normal" }, { children: "No results found on the search criteria" })) })) })) })) })), (0, jsx_runtime_1.jsxs)("h3", Object.assign({ className: " mb-0 mt-0 py-2 border-bottom-1 border-gray-200 bg-white z-5", style: {
                                     position: "sticky",
                                     top: (sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.selected_attributes) && "35px",
-                                } }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.unselected_attributes) || "Unselected Attributes", (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-gray-500 text-lg font-normal ml-2" }, { children: [`(`, nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.hide).length, "/", nodes === null || nodes === void 0 ? void 0 : nodes.filter((node) => node.visibleInPanel).length, `)`] }))] })), (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 mt-2 ml-3" }, { children: nodes === null || nodes === void 0 ? void 0 : nodes.map((listItem) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
+                                } }, { children: [(sidePanelText === null || sidePanelText === void 0 ? void 0 : sidePanelText.unselected_attributes) || "Unselected Attributes", (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-gray-500 text-lg font-normal ml-2" }, { children: [`(`, visibleColumnsInSideBar === null || visibleColumnsInSideBar === void 0 ? void 0 : visibleColumnsInSideBar.filter((node) => node.hide).length, "/", visibleColumnsInSideBar === null || visibleColumnsInSideBar === void 0 ? void 0 : visibleColumnsInSideBar.length, `)`] }))] })), (nodes === null || nodes === void 0 ? void 0 : nodes.length) > 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "list-none p-0 mt-2 ml-3" }, { children: visibleColumnsInSideBar === null || visibleColumnsInSideBar === void 0 ? void 0 : visibleColumnsInSideBar.map((listItem) => (listItem === null || listItem === void 0 ? void 0 : listItem.visibleInPanel) &&
                                     (listItem === null || listItem === void 0 ? void 0 : listItem.hide) && ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: "flex align-items-center justify-content-between py-3 text-gray-600 text-base" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "white-space-nowrap overflow-hidden text-overflow-ellipsis", style: { maxWidth: '200px' }, title: listItem.headerName }, { children: listItem.headerName })), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: !listItem.hide, onChange: (e) => handleSwitchChange(listItem, e.value) })] }), listItem.id))) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mt-0 mb-2 flex align-items-center justify-content-center py-8 bg-gray-50 p-8 border-round-md mt-4 text-gray-900 text-lg" }, { children: "No results found on the search criteria" })))] }))] }))] }));
 }
 exports.default = HideColumn;

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

@@ -144,7 +144,7 @@ const TableFilter = () => {
             case Types_1.FilterDataType.COLORPICKER:
             case Types_1.FilterDataType.SELECT:
             case Types_1.FilterDataType.BOOLEAN:
-                return Array.isArray(value) ? value.length > 0 : Boolean(value);
+                return Array.isArray(value) ? value.length > 0 : value !== undefined && value !== "" && value !== null;
             default:
                 return true;
         }
@@ -388,6 +388,7 @@ const TableFilter = () => {
                         ? values.conditions
                         : conditionsArray;
                     const isFormReady = isValid && allFieldsFilled && enableApply;
+                    console.log(errors, "errors-data-check");
                     return ((0, jsx_runtime_1.jsxs)(dialog_1.Dialog, Object.assign({ visible: isVisible, onHide: () => filterLogoToggle(), className: "modal_filter mt-5 -ml-2" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between text-lg font-semibold line-height-3 text-gray-900" }, { children: [(filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.header) ? filterModelText.header : "Filter", (0, jsx_runtime_1.jsx)(button_1.Button, { className: "p-0 h-auto px-1 bg-transparent hover:bg-gray-100", onClick: () => setIsVisible(false), icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close", size: 15, color: "text-gray-600" }) })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-sm text-gray-600" }, { children: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.subHeader)
                                             ? filterModelText.subHeader
                                             : "Streamline Your Search With Filters" }))] })), (0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "w-full p-0 m-0" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-2" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "max-h-14rem overflow-y-auto overflow-x-hidden flex flex-column gap-1" }, { children: conditionsToRender.map((eachCondition, index) => {
@@ -405,7 +406,7 @@ const TableFilter = () => {
                                                             : "Enter", value: viewName, onChange: (e) => {
                                                             setViewName(e.target.value);
                                                             setFieldValue("viewName", e.target.value);
-                                                        }, className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full pl-3 pr-60 mr-3" })] }))), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.applyAction)
+                                                        }, className: "text-lg font-normal text-gray-500 hover:text-gray-900 w-full pl-3 pr-60 mr-3" })] }))), (0, jsx_runtime_1.jsx)(button_1.Button, { type: "submit", className: "text-base font-semibold text-gray-600 p-1 focus:shadow-none text-white w-4rem", label: (filterModelText === null || filterModelText === void 0 ? void 0 : filterModelText.applyAction)
                                                     ? filterModelText.applyAction
                                                     : "Apply", onClick: () => handleSubmit() })] }))] }))] })));
                 } }))] }));

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

@@ -13,7 +13,12 @@ function MyProvider({ children, value }) {
     // dynamicText
      } = value;
     // States for sort
-    const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
+    const [columnData, setColumnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
+    (0, react_1.useEffect)(() => {
+        if (gridData === null || gridData === void 0 ? void 0 : gridData.columnData) {
+            setColumnData(gridData.columnData);
+        }
+    }, [gridData === null || gridData === void 0 ? void 0 : gridData.columnData]);
     const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
     const [sortValue, setSortValue] = (0, react_1.useState)({});
     const [sortBy, setSortBy] = (0, react_1.useState)({});

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;

package/dist/pages/RowGroupingServerside/dummyData.js

@@ -0,0 +1,226 @@
+"use strict";
+// const allDummyData = [
+//     {
+//         "employeeId": 101,
+//         "employeeName": "Erica Rogers",
+//         "jobTitle": "CEO",
+//         "employmentType": "Permanent",
+//         "children": [
+//             {
+//                 "employeeId": 102,
+//                 "employeeName": "Malcolm Barrett",
+//                 "jobTitle": "Exec. Vice President",
+//                 "employmentType": "Permanent",
+//                 "children": [
+//                     {
+//                         "employeeId": 103,
+//                         "employeeName": "Esther Baker",
+//                         "jobTitle": "Director of Operations",
+//                         "employmentType": "Permanent",
+//                         "children": [
+//                             {
+//                                 "employeeId": 104,
+//                                 "employeeName": "Brittany Hanson",
+//                                 "jobTitle": "Fleet Coordinator",
+//                                 "employmentType": "Permanent",
+//                                 "children": [
+//                                     {
+//                                         "employeeId": 105,
+//                                         "employeeName": "Leah Flowers",
+//                                         "jobTitle": "Parts Technician",
+//                                         "employmentType": "Contract"
+//                                     },
+//                                     {
+//                                         "employeeId": 106,
+//                                         "employeeName": "Tammy Sutton",
+//                                         "jobTitle": "Service Technician",
+//                                         "employmentType": "Contract"
+//                                     }
+//                                 ]
+//                             },
+//                             {
+//                                 "employeeId": 107,
+//                                 "employeeName": "Derek Paul",
+//                                 "jobTitle": "Inventory Control",
+//                                 "employmentType": "Permanent"
+//                             }
+//                         ]
+//                     },
+//                     {
+//                         "employeeId": 108,
+//                         "employeeName": "Francis Strickland",
+//                         "jobTitle": "VP Sales",
+//                         "employmentType": "Permanent",
+//                         "children": [
+//                             {
+//                                 "employeeId": 109,
+//                                 "employeeName": "Morris Hanson",
+//                                 "jobTitle": "Sales Manager",
+//                                 "employmentType": "Permanent"
+//                             },
+//                             {
+//                                 "employeeId": 110,
+//                                 "employeeName": "Todd Tyler",
+//                                 "jobTitle": "Sales Executive",
+//                                 "employmentType": "Contract"
+//                             },
+//                             {
+//                                 "employeeId": 111,
+//                                 "employeeName": "Bennie Wise",
+//                                 "jobTitle": "Sales Executive",
+//                                 "employmentType": "Contract"
+//                             },
+//                             {
+//                                 "employeeId": 112,
+//                                 "employeeName": "Joel Cooper",
+//                                 "jobTitle": "Sales Executive",
+//                                 "employmentType": "Permanent"
+//                             }
+//                         ]
+//                     }
+//                 ]
+//             },
+//             {
+//                 "employeeId": 113,
+//                 "employeeName": "Luke McBride",
+//                 "jobTitle": "Exec. Vice President",
+//                 "employmentType": "Permanent",
+//                 "children": [
+//                     {
+//                         "employeeId": 114,
+//                         "employeeName": "Sarah Baker",
+//                         "jobTitle": "Director of Operations",
+//                         "employmentType": "Permanent",
+//                         "children": [
+//                             {
+//                                 "employeeId": 115,
+//                                 "employeeName": "Mason Hanson",
+//                                 "jobTitle": "Fleet Coordinator",
+//                                 "employmentType": "Permanent",
+//                                 "children": [
+//                                     {
+//                                         "employeeId": 116,
+//                                         "employeeName": "Hannah Flowers",
+//                                         "jobTitle": "Parts Technician",
+//                                         "employmentType": "Contract"
+//                                     },
+//                                     {
+//                                         "employeeId": 117,
+//                                         "employeeName": "Rob Sutton",
+//                                         "jobTitle": "Service Technician",
+//                                         "employmentType": "Contract"
+//                                     }
+//                                 ]
+//                             },
+//                             {
+//                                 "employeeId": 118,
+//                                 "employeeName": "Paul Smith",
+//                                 "jobTitle": "Inventory Control",
+//                                 "employmentType": "Permanent"
+//                             }
+//                         ]
+//                     },
+//                     {
+//                         "employeeId": 119,
+//                         "employeeName": "Adam Newman",
+//                         "jobTitle": "VP Sales",
+//                         "employmentType": "Permanent",
+//                         "children": [
+//                             {
+//                                 "employeeId": 120,
+//                                 "employeeName": "John Smith",
+//                                 "jobTitle": "Sales Manager",
+//                                 "employmentType": "Permanent"
+//                             },
+//                             {
+//                                 "employeeId": 121,
+//                                 "employeeName": "Alice Grant",
+//                                 "jobTitle": "Sales Executive",
+//                                 "employmentType": "Contract"
+//                             },
+//                             {
+//                                 "employeeId": 122,
+//                                 "employeeName": "Ben Hill",
+//                                 "jobTitle": "Sales Executive",
+//                                 "employmentType": "Contract"
+//                             },
+//                             {
+//                                 "employeeId": 123,
+//                                 "employeeName": "Joe Cooper",
+//                                 "jobTitle": "Sales Executive",
+//                                 "employmentType": "Permanent"
+//                             }
+//                         ]
+//                     }
+//                 ]
+//             }
+//         ]
+//     }
+// ]
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dummyData = exports.getNormalData = exports.getAllData = void 0;
+const tslib_1 = require("tslib");
+// const allDummyDataMoreChildren = [
+//     {
+//         employeeId: generateUniqueId(),
+//         employeeName: "Parent 1",
+//         jobTitle: "CEO",
+//         employmentType: "Permanent",
+//         group: true,
+//     },
+//     // Repeat the structure for Parent 3 through Parent 10
+// ];
+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
+}
+let k = 1;
+function delayWithValue(ms, value) {
+    return new Promise((resolve) => {
+        setTimeout(() => {
+            resolve(value); // Return the value after the delay
+        }, ms);
+    });
+}
+const getAllData = (text) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    console.log(k, "called", text);
+    k = k + 1;
+    const data = yield delayWithValue(500, [
+        {
+            id: generateUniqueId(),
+            employeeName: "Parent 1",
+            jobTitle: "CEO" + generateUniqueId(),
+            employmentType: "Permanent",
+            group: true,
+        },
+        // Repeat the structure for Parent 3 through Parent 10
+    ]);
+    return data;
+});
+exports.getAllData = getAllData;
+const getNormalData = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    const data = yield delayWithValue(500, [{
+            id: 1,
+            employeeName: "Parent 1",
+            jobTitle: "CEO",
+            employmentType: "Permanent",
+            group: true,
+        }]);
+    return data;
+});
+exports.getNormalData = getNormalData;
+exports.dummyData = [{
+        id: 1,
+        employeeName: "Parent 1",
+        jobTitle: "CEO",
+        employmentType: "Permanent",
+        group: true,
+    },
+    {
+        id: 3,
+        employeeName: "Parent 3",
+        jobTitle: "CEO",
+        employmentType: "Permanent",
+        group: true,
+    }];

package/dist/pages/VirtualScrollDropDown/VirtualScrollDropDown.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const VirtualScrollDropDown_1 = tslib_1.__importDefault(require("../../components/virtual-scroll-drop-down/VirtualScrollDropDown"));
+const VirtualScrollDropDownzPage = () => {
+    return ((0, jsx_runtime_1.jsx)(VirtualScrollDropDown_1.default, {}));
+};
+exports.default = VirtualScrollDropDownzPage;