sccoreui 5.8.21 → 5.8.23

package/dist/App.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 // import Home from './pages/home';
 require("./App.scss");
-const home_1 = tslib_1.__importDefault(require("./pages/home"));
+// import Home from "./pages/home";
 const App = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(home_1.default, {}) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", {}));
 };
 exports.default = App;

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

@@ -12,7 +12,7 @@ const infinite_row_model_1 = require("@ag-grid-community/infinite-row-model");
 const LicenceKey_1 = require("./LicenceKey");
 core_1.ModuleRegistry.registerModules([client_side_row_model_1.ClientSideRowModelModule, range_selection_1.RangeSelectionModule, infinite_row_model_1.InfiniteRowModelModule]);
 core_2.LicenseManager.setLicenseKey(LicenceKey_1.LICENSEKEY);
-const AgGrid = ({ style, gridOptions, onGridReady }) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ", style: { height: style.height, width: style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ onGridReady: onGridReady, reactiveCustomComponents: true }, gridOptions)) })) }));
+const AgGrid = ({ style, gridOptions, onGridReady, gridRef }) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ag-theme-quartz ", style: { height: style.height, width: style.width } }, { children: (0, jsx_runtime_1.jsx)(react_1.AgGridReact, Object.assign({ ref: gridRef, onGridReady: onGridReady, reactiveCustomComponents: true }, gridOptions)) })) }));
 };
 exports.default = AgGrid;

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

@@ -10,6 +10,7 @@ const MyProvider_1 = tslib_1.__importDefault(require("./MyProvider"));
 const error_ui_1 = tslib_1.__importDefault(require("./error-ui"));
 const constants_1 = require("./constants");
 require("./ag-grid.scss");
+const loading_component_1 = tslib_1.__importDefault(require("./loading-component"));
 function ParentForGrid(props) {
     const [gridData, setGridData] = (0, react_1.useState)({
         rowData: [],
@@ -26,9 +27,9 @@ function ParentForGrid(props) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [initialCheckBoxData] = (0, react_1.useState)({
         allBoxChecked: false,
-        isInterminate: false,
-        selectedCheckboxData: [],
-        unselectedCheckboxData: [],
+        isIndeterminate: false,
+        includedRecords: [],
+        excludedRecords: [],
     });
     const initialFeature = {
         searchedText: "",
@@ -52,6 +53,7 @@ function ParentForGrid(props) {
         checkBoxSelection: initialCheckBoxData,
         isRemoveClicked: false
     });
+    const gridRef = (0, react_1.useRef)(null);
     // Default column specification
     const defaultColDef = (0, react_1.useMemo)(() => {
         return {
@@ -64,50 +66,50 @@ function ParentForGrid(props) {
     }, []);
     // Function to handle checkbox click events
     const handleCheckboxClick = (rowData) => {
-        const { unselectedCheckboxData, selectedCheckboxData, allBoxChecked } = featureDetails.checkBoxSelection;
-        if (allBoxChecked && unselectedCheckboxData.includes(rowData)) {
-            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { unselectedCheckboxData: unselectedCheckboxData.filter((item) => item !== rowData) });
+        const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
+        if (allBoxChecked && excludedRecords.includes(rowData)) {
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: excludedRecords.filter((item) => item !== rowData) });
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
             return;
         }
         else if (allBoxChecked) {
-            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { unselectedCheckboxData: [...unselectedCheckboxData, rowData], isInterminate: true });
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { excludedRecords: [...excludedRecords, rowData], isIndeterminate: true });
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
             return;
         }
         // Logic to handle checkbox click events
-        if (selectedCheckboxData.includes(rowData)) {
-            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { selectedCheckboxData: selectedCheckboxData.filter((item) => item !== rowData) });
+        if (includedRecords.includes(rowData)) {
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { includedRecords: includedRecords.filter((item) => item !== rowData) });
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
         }
         else {
-            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { selectedCheckboxData: [...selectedCheckboxData, rowData] });
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { includedRecords: [...includedRecords, rowData] });
             setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
         }
     };
     const handleHeaderCheckbox = () => {
         const { allBoxChecked } = featureDetails.checkBoxSelection;
-        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: !allBoxChecked, isInterminate: false, selectedCheckboxData: [], unselectedCheckboxData: [] });
+        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: !allBoxChecked, isIndeterminate: false, includedRecords: [], excludedRecords: [] });
         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
     };
     // JSX for rendering checkbox in header
     const headerCheckBoxRenderer = (params) => {
         const displayName = params === null || params === void 0 ? void 0 : params.displayName;
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isInterminate: featureDetails.checkBoxSelection.isInterminate }), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "px-3" }, { children: displayName }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate }), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "px-3" }, { children: displayName }))] })));
     };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
         const { data } = params;
-        const { allBoxChecked, unselectedCheckboxData, selectedCheckboxData } = featureDetails.checkBoxSelection;
+        const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
         return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: allBoxChecked
-                ? !unselectedCheckboxData.includes(data)
-                : selectedCheckboxData.includes(data), onChange: () => handleCheckboxClick(data), isInterminate: false }));
+                ? !excludedRecords.includes(data)
+                : includedRecords.includes(data), onChange: () => handleCheckboxClick(data), isIndeterminate: false }));
     };
     // Render checkbox as well as initial component/data from props
     const dataCellRenderer = (cellRendererParams, column) => {
         var _a;
         const { initialRenderer, cellCheckBoxRenderer } = cellRendererParams;
-        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pr-3" }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _a === void 0 ? void 0 : _a[column === null || column === void 0 ? void 0 : column.field] }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "pr-3 " }, { children: cellCheckBoxRenderer(cellRendererParams) })), typeof initialRenderer === "function" ? (initialRenderer(cellRendererParams)) : ((0, jsx_runtime_1.jsx)("div", { children: (_a = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _a === void 0 ? void 0 : _a[column === null || column === void 0 ? void 0 : column.field] }))] })));
     };
     // Callback to products for getting data
     const getData = (startRow, endRow, currentFeatures) => tslib_1.__awaiter(this, void 0, void 0, function* () {
@@ -116,7 +118,8 @@ function ParentForGrid(props) {
         }
         const response = yield props.getRowData(startRow, endRow, currentFeatures);
         setGridData(Object.assign(Object.assign({}, gridData), { rowData: [] }));
-        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: initialCheckBoxData }));
+        // Clear selected checkbox
+        // setFeatureDetails((prev: any) => ({ ...prev, checkBoxSelection: initialCheckBoxData }));
         // To identify when to stop the callBack
         // const actualEndRow = startRow + (response?.rowData?.length ?? 0);
         const actualEndRow = response === null || response === void 0 ? void 0 : response.totalRecords;
@@ -141,13 +144,17 @@ function ParentForGrid(props) {
         if (!updatedFeatures) {
             currentFeatures = featureDetails;
         }
+        setFeatureDetails(currentFeatures);
         if (props.rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE) {
+            params.api.setGridOption("rowData", []);
             const result = yield getData(0, 0, currentFeatures);
             if (result.rowData) {
                 setGridData(Object.assign(Object.assign({}, gridData), { rowData: result.rowData }));
-                params.api.setGridOption("rowData", []);
                 params.api.applyTransaction({ add: result.rowData });
             }
+            else {
+                params.api.applyTransaction({ add: [] });
+            }
         }
         else if (props.rowModelType === constants_1.ROWMODELTYPE.INFINITE) {
             const dataSource = {
@@ -160,13 +167,14 @@ function ParentForGrid(props) {
                         params.successCallback(result === null || result === void 0 ? void 0 : result.rowData, result === null || result === void 0 ? void 0 : result.actualEndRow);
                     }
                     else {
-                        params.failCallback();
+                        params.successCallback([], 0);
+                        gridRef.current.api.showNoRowsOverlay();
+                        // params.failCallback();
                     }
                 }),
             };
             params.api.setGridOption("datasource", dataSource);
         }
-        setFeatureDetails(currentFeatures);
         setIsLoading(false);
     });
     // Get values when cell edited
@@ -201,7 +209,9 @@ function ParentForGrid(props) {
         pinnedTopRowData: props === null || props === void 0 ? void 0 : props.pinnedTopRowData,
         cacheBlockSize: constants_1.BLOCK_SIZE,
         maxBlocksInCache: constants_1.MAX_BLOCKS,
-        blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL, // Debounce for scroll
+        blockLoadDebounceMillis: constants_1.DEBOUNCE_INTERVAL,
+        noRowsOverlayComponent: props === null || props === void 0 ? void 0 : props.noRowsOverlayComponent,
+        loadingOverlayComponent: loading_component_1.default,
     };
     // Fucntion to call the grid
     const callGrid = (featureDetails) => {
@@ -222,9 +232,9 @@ function ParentForGrid(props) {
     // useEffect(() => {
     //   setCheckBoxSelection({
     //     allBoxChecked: false,
-    //     isInterminate: false,
-    //     selectedCheckboxData: [],
-    //     unselectedCheckboxData: [],
+    //     isIndeterminate: false,
+    //     includedRecords: [],
+    //     excludedRecords: [],
     //   });
     // }, [featureDetails]);
     console.log(isLoading, gridOptions, props === null || props === void 0 ? void 0 : props.pinnedTopRowData, "is loading state");
@@ -241,6 +251,6 @@ function ParentForGrid(props) {
                                 callGrid,
                                 totalRecords,
                                 initialFeature
-                            } }, { children: (0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props }) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] }) })) }) }));
+                            } }, { children: (0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props }) })), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

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

@@ -21,16 +21,14 @@ const TableFilter = () => {
     const [allFieldsFilled, setAllFieldsFilled] = (0, react_1.useState)(false);
     const [enbleApply, setEnbleApply] = (0, react_1.useState)(true);
     const [isOverlayOpened, setIsOverlayOpened] = (0, react_1.useState)(false);
-    const tableColumns = columnData === null || columnData === void 0 ? void 0 : columnData.map((eachColumn) => {
-        return {
-            name: eachColumn[columnName],
-            code: eachColumn[columnId],
-            dataType: eachColumn.dataType,
-            type: eachColumn.type,
-            key: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.key,
-            options: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.options,
-        };
-    });
+    const tableColumns = columnData === null || columnData === void 0 ? void 0 : columnData.filter((eachColumn) => eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.isFilterable).map((eachColumn) => ({
+        name: eachColumn[columnName],
+        code: eachColumn[columnId],
+        dataType: eachColumn.dataType,
+        type: eachColumn.type,
+        key: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.key,
+        options: eachColumn === null || eachColumn === void 0 ? void 0 : eachColumn.options,
+    }));
     const defaultCondtion = {
         columnName: "",
         condition: "",

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

@@ -12,14 +12,6 @@ const calendar_1 = require("primereact/calendar");
 const multi_select_dropdown_1 = tslib_1.__importDefault(require("../../../../multi-select-dropdown/multi-select-dropdown"));
 const Condtions = (props) => {
     const { columnName, condition, value, columnsArray, conditionsArray, index, id, setEnbleApply, updateconditionsArray, removeConditionFromArray, addEmptyCondition, condtionslenght, conditionType, conditionTypes, handleConditionType } = props;
-    // const [columnState, setColumnState] = useState(columnName);
-    // const [condtionState, setConditionState] = useState(condition);
-    // const [dynamicFieldState, setDynamicFieldState] = useState(value);
-    // useEffect(() => {
-    //     setColumnState(columnName);
-    //     setConditionState(condition);
-    //     setDynamicFieldState(value);
-    // }, [columnName, condition, value]);
     const onAddCondtion = (index) => {
         addEmptyCondition(index);
     };

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

@@ -4,9 +4,8 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const checkbox_1 = require("primereact/checkbox");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
-const GridCheckBOx = ({ checked, onChange, isInterminate }) => {
-    console.log(isInterminate, 'is interminat status in checkbox');
-    return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { icon: isInterminate && (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-square" }), onChange: onChange, checked: checked, className: "" })
+const GridCheckBOx = ({ checked, onChange, isIndeterminate }) => {
+    return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { icon: isIndeterminate && (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-square" }), onChange: onChange, checked: checked, className: "" })
     // <input
     //   type="checkbox"
     //   checked={checked}

package/dist/components/ag-grid/loading-component.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function LoadingComponent() {
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "text-red" }, { children: "...Loading" })) }));
+}
+exports.default = LoadingComponent;

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

@@ -1,8 +1,9 @@
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-quartz.css";
-declare const AgGrid: ({ style, gridOptions, onGridReady }: {
+declare const AgGrid: ({ style, gridOptions, onGridReady, gridRef }: {
     style: any;
     gridOptions: any;
     onGridReady: any;
+    gridRef: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default AgGrid;

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

@@ -64,9 +64,9 @@ export interface ParentProp {
 }
 export interface CheckBoxSelection {
     allBoxChecked: boolean;
-    isInterminate: boolean;
-    selectedCheckboxData: any[];
-    unselectedCheckboxData: any[];
+    isIndeterminate: boolean;
+    includedRecords: any[];
+    excludedRecords: any[];
 }
 export declare enum ATTRIBUTEDATATYPES {
     STRING = "string",

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

@@ -2,7 +2,7 @@ import React from 'react';
 interface CheckboxProps {
     checked: boolean;
     onChange: () => void;
-    isInterminate: boolean;
+    isIndeterminate: boolean;
 }
 declare const GridCheckBOx: React.FC<CheckboxProps>;
 export default GridCheckBOx;

package/dist/types/components/ag-grid/loading-component.d.ts

@@ -0,0 +1,2 @@
+declare function LoadingComponent(): import("react/jsx-runtime").JSX.Element;
+export default LoadingComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.8.21",
+  "version": "5.8.23",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/pages/aggrid/AgGrid.js

@@ -1,179 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ParentForGrid_1 = tslib_1.__importDefault(require("../../components/ag-grid/ParentForGrid"));
-const axios_1 = tslib_1.__importDefault(require("axios"));
-const Types_1 = require("../../components/ag-grid/Types");
-// import IdCell from "./id-cell";
-const constants_1 = require("../../components/ag-grid/constants");
-// import { Dropdown } from "primereact/dropdown";
-const CustomDropDown_1 = tslib_1.__importDefault(require("../../components/ag-grid/CustomDropDown"));
-const BulkAction_1 = tslib_1.__importDefault(require("./BulkAction"));
-// import { ATTRIBUTEDATATYPES } from "../../components/ag-grid/constants";
-const AgGridPage = () => {
-    const [rowData, setRowData] = (0, react_1.useState)([]);
-    const [shouldRefetch, setShouldRefetch] = (0, react_1.useState)(false);
-    const deleteComponent = () => {
-        return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "bg-white", onClick: () => setShouldRefetch(true) }, { children: "Delete" })) });
-    };
-    const [columnDefs] = (0, react_1.useState)([
-        {
-            enableHeaderCheckbox: true,
-            enableChildCheckbox: true,
-            id: "101",
-            headerName: "ID",
-            field: "id",
-            isSortable: false,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: true,
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: dropDown,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    // rows that are not pinned don't use any cell renderer
-                    return undefined;
-                }
-            },
-        },
-        {
-            id: "102",
-            headerName: "Title",
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: CustomDropDown_1.default,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    // rows that are not pinned don't use any cell renderer
-                    return undefined;
-                }
-            },
-            field: "name",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-            // rowGroup:true
-        },
-        {
-            id: "103",
-            headerName: "Body",
-            field: "body",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-        },
-        {
-            cellRenderer: deleteComponent
-        }
-        // {
-        //   field: "status",
-        //   minWidth:200,
-        //   cellRenderer: "statusCellRenderer",
-        //   cellRendererParams:{onStatusChanged:onStatusChanged},
-        //   cellRendererSelector:(params)=>{getSelectedDropDown(params)},
-        //   editable:false
-        // },
-    ]);
-    // const [selectedCity, setSelectedCity] = useState(null);
-    const dropDown = () => {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card flex justify-content-center" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "My header" }) })));
-    };
-    console.log(dropDown, 'drop down');
-    const pinnedTopRowData = (0, react_1.useMemo)(() => {
-        return [
-            { id: "1",
-                name: "nitesh",
-                body: "working out" }
-        ];
-    }, []);
-    // Remove items from - button
-    const removeItem = (checkboxSelectionDetails) => {
-        const unSelectedData = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.unselectedCheckboxData;
-        const selectedData = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.selectedCheckboxData;
-        const isIternminite = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.isInterminate;
-        console.log(checkboxSelectionDetails, 'coming in remove item products');
-        let updatedRowData = [];
-        if (isIternminite) {
-            updatedRowData = unSelectedData;
-        }
-        else if ((selectedData === null || selectedData === void 0 ? void 0 : selectedData.length) && !(isIternminite)) {
-            const childIds = new Set(selectedData === null || selectedData === void 0 ? void 0 : selectedData.map(child => child.id));
-            updatedRowData = rowData.filter(parent => !childIds.has(parent.id));
-        }
-        console.log(updatedRowData, 'result data from remove items in products');
-        return updatedRowData;
-    };
-    const getCheckedRows = (checkedRows) => {
-        console.log(checkedRows, 'checked rows in products');
-    };
-    const getRowData = (startRow, endRow, featureDetails) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const features = featureDetails;
-        console.log('coming in product', features, startRow, endRow);
-        // const conditionToRemoveItem = features.checkBoxSelection.allBoxChecked || features.checkBoxSelection.isInterminate || features.checkBoxSelection.selectedCheckboxData.length || features.checkBoxSelection.unselectedCheckboxData.length
-        if (featureDetails.isRemoveClicked) {
-            const result = removeItem(features.checkBoxSelection);
-            const output = {
-                totalRecords: result.length,
-                rowData: result
-            };
-            console.log(output, 'output sending to ag grid');
-            return yield output;
-        }
-        console.log(startRow, endRow, featureDetails, 'params in call back ');
-        let totalRecords = 500;
-        const serverSideUrl = `https://jsonplaceholder.typicode.com/comments?_start=${startRow}&_end=${endRow}`;
-        const clientSideUrl = "https://jsonplaceholder.typicode.com/comments?_limit=20";
-        console.log(serverSideUrl, clientSideUrl);
-        const result = yield axios_1.default.get(clientSideUrl);
-        console.log(result, 'result from api');
-        const output = {
-            totalRecords: totalRecords,
-            rowData: result.data
-        };
-        setRowData(result.data);
-        console.log(rowData);
-        setShouldRefetch(false);
-        return output;
-    });
-    const style = {
-        height: 700,
-        width: 1020
-    };
-    const myInputData = (params) => {
-        console.log(params);
-        let optionObject = [
-            { id: '123', label: 'test label 1', value: '123' },
-            { id: '1234', label: 'test label 2', value: '1234' },
-            { id: '1235', label: 'test label 3', value: '1235' },
-            { id: '12356', label: 'test label 4', value: '1235' }
-        ];
-        return optionObject;
-    };
-    const conditionsToDisplay = {
-        displayFilter: true,
-        displaySort: true,
-        displaySearch: true,
-        displayRefresh: true,
-        displayRemoveItems: true,
-        displayBulkAction: true
-    };
-    console.log(pinnedTopRowData);
-    console.log('clicked my component');
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ParentForGrid_1.default, { columnData: columnDefs, style: style, getRowData: getRowData, dataForDropDown: myInputData, conditionsToDisplay: conditionsToDisplay, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE, pinnedTopRowData: pinnedTopRowData, bulkActionComponent: BulkAction_1.default, getCheckedRows: getCheckedRows, shouldRefetch: shouldRefetch }) }));
-};
-exports.default = AgGridPage;

package/dist/pages/aggrid/BulkAction.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-function BulkAction(props) {
-    console.log(props === null || props === void 0 ? void 0 : props.checkBoxSelection, 'props in bulk action');
-    return ((0, jsx_runtime_1.jsx)("div", { children: "BulkAction" }));
-}
-exports.default = BulkAction;

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

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