sccoreui 5.8.8 → 5.8.9

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

@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords } = value;
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature } = value;
     // States for sort
     const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
     const [sortValue, setSortValue] = (0, react_1.useState)({});
@@ -18,17 +18,9 @@ function MyProvider({ children, value }) {
         // Returns based on length of filterQueries present
         return length === 0 ? [0] : Array.from({ length }, (_, index) => index);
     });
-    // Function call on click to
+    // Function call on click to refresh 
     const removeFeaturesAndRefresh = () => {
-        const emptyFeatures = {
-            searchedText: "",
-            filterQueries: [],
-            sort: {
-                isSortable: false,
-                columnToSort: {},
-                orderToSort: {},
-            },
-        };
+        const emptyFeatures = initialFeature;
         // Remove stored features
         setFeatureDetails(emptyFeatures);
         // Remove filter
@@ -52,7 +44,7 @@ function MyProvider({ children, value }) {
             columnData,
             callGrid,
             removeFeaturesAndRefresh,
-            totalRecords
+            totalRecords,
         } }, { children: children })));
 }
 exports.default = MyProvider;

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

@@ -24,12 +24,23 @@ function ParentForGrid(props) {
         rowData: [],
     });
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [checkBoxSelection, setCheckBoxSelection] = (0, react_1.useState)({
+    const [initialCheckBoxData] = (0, react_1.useState)({
         allBoxChecked: false,
         isInterminate: false,
         selectedCheckboxData: [],
         unselectedCheckboxData: [],
     });
+    const initialFeature = {
+        searchedText: "",
+        filterQueries: [],
+        sort: {
+            isSortable: false,
+            columnToSort: {},
+            orderToSort: {},
+        },
+        checkBoxSelection: initialCheckBoxData,
+        isRemoveClicked: false
+    };
     const [featureDetails, setFeatureDetails] = (0, react_1.useState)({
         searchedText: "",
         filterQueries: [],
@@ -38,6 +49,8 @@ function ParentForGrid(props) {
             columnToSort: {},
             orderToSort: {},
         },
+        checkBoxSelection: initialCheckBoxData,
+        isRemoveClicked: false
     });
     // Default column specification
     const defaultColDef = (0, react_1.useMemo)(() => {
@@ -51,36 +64,41 @@ function ParentForGrid(props) {
     }, []);
     // Function to handle checkbox click events
     const handleCheckboxClick = (rowData) => {
-        const { unselectedCheckboxData, selectedCheckboxData, allBoxChecked } = checkBoxSelection;
+        const { unselectedCheckboxData, selectedCheckboxData, allBoxChecked } = featureDetails.checkBoxSelection;
         if (allBoxChecked && unselectedCheckboxData.includes(rowData)) {
-            setCheckBoxSelection(Object.assign(Object.assign({}, checkBoxSelection), { unselectedCheckboxData: unselectedCheckboxData.filter((item) => item !== rowData) }));
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { unselectedCheckboxData: unselectedCheckboxData.filter((item) => item !== rowData) });
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
             return;
         }
         else if (allBoxChecked) {
-            setCheckBoxSelection(Object.assign(Object.assign({}, checkBoxSelection), { unselectedCheckboxData: [...unselectedCheckboxData, rowData], isInterminate: true }));
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { unselectedCheckboxData: [...unselectedCheckboxData, rowData], isInterminate: true });
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
             return;
         }
         // Logic to handle checkbox click events
         if (selectedCheckboxData.includes(rowData)) {
-            setCheckBoxSelection(Object.assign(Object.assign({}, checkBoxSelection), { selectedCheckboxData: selectedCheckboxData.filter((item) => item !== rowData) }));
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { selectedCheckboxData: selectedCheckboxData.filter((item) => item !== rowData) });
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
         }
         else {
-            setCheckBoxSelection(Object.assign(Object.assign({}, checkBoxSelection), { selectedCheckboxData: [...selectedCheckboxData, rowData] }));
+            const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { selectedCheckboxData: [...selectedCheckboxData, rowData] });
+            setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { checkBoxSelection: checkboxData }));
         }
     };
     const handleHeaderCheckbox = () => {
-        const { allBoxChecked } = checkBoxSelection;
-        setCheckBoxSelection(Object.assign(Object.assign({}, checkBoxSelection), { allBoxChecked: !allBoxChecked, isInterminate: false, selectedCheckboxData: [], unselectedCheckboxData: [] }));
+        const { allBoxChecked } = featureDetails.checkBoxSelection;
+        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: !allBoxChecked, isInterminate: false, selectedCheckboxData: [], unselectedCheckboxData: [] });
+        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: checkBoxSelection.allBoxChecked, onChange: handleHeaderCheckbox, isInterminate: 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, isInterminate: featureDetails.checkBoxSelection.isInterminate }), (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 } = checkBoxSelection;
+        const { allBoxChecked, unselectedCheckboxData, selectedCheckboxData } = 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 }));
@@ -97,14 +115,20 @@ function ParentForGrid(props) {
             return emptyResponse; // If callback function to get row data is not provided
         }
         const response = yield props.getRowData(startRow, endRow, currentFeatures);
+        setGridData(Object.assign(Object.assign({}, gridData), { rowData: [] }));
+        setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { 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;
         if (response === null || response === void 0 ? void 0 : response.rowData) {
+            const result = {
+                rowData: response.rowData,
+                actualEndRow: actualEndRow,
+                totalRecords: response.totalRecords
+            };
             setTotalRecords(response === null || response === void 0 ? void 0 : response.totalRecords);
-            setGridData((prevState) => (Object.assign(Object.assign({}, prevState), { rowData: [...(prevState.rowData || []), ...response.rowData] })));
-            response.actualEndRow = actualEndRow;
-            return response;
+            // response.actualEndRow = actualEndRow;
+            return result;
         }
         return emptyResponse;
     });
@@ -120,6 +144,8 @@ function ParentForGrid(props) {
         if (props.rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE) {
             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 });
             }
         }
@@ -145,10 +171,9 @@ function ParentForGrid(props) {
     // Get values when cell edited
     const getEditedColumn = (params) => {
         var _a;
-        console.log(params, 'edited column');
         const editedColumn = (_a = params === null || params === void 0 ? void 0 : params.colDef) === null || _a === void 0 ? void 0 : _a.field;
         const editedRow = params === null || params === void 0 ? void 0 : params.data;
-        console.log(editedRow, editedColumn, 'edited row ');
+        console.log(editedRow, editedColumn, "edited row ");
     };
     // Options that grid should have
     const gridOptions = {
@@ -188,21 +213,22 @@ function ParentForGrid(props) {
         }
     }, [featureDetails.searchedText]);
     // Remove all checkbox selection if any feature added
-    (0, react_1.useEffect)(() => {
-        setCheckBoxSelection({
-            allBoxChecked: false,
-            isInterminate: false,
-            selectedCheckboxData: [],
-            unselectedCheckboxData: [],
-        });
-    }, [featureDetails]);
-    console.log(isLoading, gridOptions, props === null || props === void 0 ? void 0 : props.pinnedTopRowData, 'is loading state');
+    // useEffect(() => {
+    //   setCheckBoxSelection({
+    //     allBoxChecked: false,
+    //     isInterminate: false,
+    //     selectedCheckboxData: [],
+    //     unselectedCheckboxData: [],
+    //   });
+    // }, [featureDetails]);
+    console.log(isLoading, gridOptions, props === null || props === void 0 ? void 0 : props.pinnedTopRowData, "is loading state");
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(error_ui_1.default, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { height: "100%", width: style.width }, className: "ag-grid-container border-1 border-gray-200 border-round" }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MyProvider_1.default, Object.assign({ value: {
                                 featureDetails,
                                 setFeatureDetails,
                                 gridData,
                                 callGrid,
-                                totalRecords
+                                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 })] }) })) }) }));
 }
 exports.default = ParentForGrid;

package/dist/components/ag-grid/advancedFeature/advanced-feature.js

@@ -7,12 +7,13 @@ const custom_sort_1 = tslib_1.__importDefault(require("./custom-sort"));
 const record_detail_1 = tslib_1.__importDefault(require("./record-detail"));
 const filter_1 = tslib_1.__importDefault(require("./filter/filter"));
 const refresh_grid_1 = tslib_1.__importDefault(require("./refresh-grid"));
+const remove_items_1 = tslib_1.__importDefault(require("./remove-items"));
 // import HideColumn from "./hide-column"
 // import Grouping from "./grouping"
 // import { ConditionsToDisplay } from "../Types"
 function AdvancedFeatures({ props }) {
     const conditionsToDisplay = props === null || props === void 0 ? void 0 : props.conditionsToDisplay;
     // const {displayFilter,displaySearch,displayRefresh,displaySort} = conditionsToDisplay
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && (0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder }), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && (0, jsx_runtime_1.jsx)(filter_1.default, { callBackForSelect: props === null || props === void 0 ? void 0 : props.myInputData })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && (0, jsx_runtime_1.jsx)(refresh_grid_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center justify-content-between py-3 px-4" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && (0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder }), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && (0, jsx_runtime_1.jsx)(filter_1.default, { callBackForSelect: props === null || props === void 0 ? void 0 : props.myInputData })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && (0, jsx_runtime_1.jsx)(remove_items_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && (0, jsx_runtime_1.jsx)(refresh_grid_1.default, {}), (conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), (0, jsx_runtime_1.jsx)(record_detail_1.default, {})] }))] })));
 }
 exports.default = AdvancedFeatures;

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

@@ -34,7 +34,6 @@ function FilterParent({ callBackForSelect }) {
     };
     // Reset saved filters
     const resettingFilters = () => {
-        alert("resetting");
         filterRef.current.toggle(false);
         // setQueryCount(1)
         setQueries([0]);

package/dist/components/ag-grid/advancedFeature/remove-items.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const MyProvider_1 = require("../MyProvider");
+function RemoveItems() {
+    const { featureDetails, callGrid } = (0, react_1.useContext)(MyProvider_1.FeatureContext);
+    const removeItemsCallBack = () => {
+        const currentFeature = Object.assign({}, featureDetails);
+        currentFeature.isRemoveClicked = true;
+        callGrid(currentFeature);
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: removeItemsCallBack }, { children: "-" })) }));
+}
+exports.default = RemoveItems;

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

@@ -8,6 +8,7 @@ interface MyProviderProps {
         gridData: GridData;
         callGrid: (featureDetails: Features) => void;
         totalRecords: number;
+        initialFeature: Features;
     };
 }
 declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -57,6 +57,8 @@ export interface Features {
     searchedText: string;
     filterQueries: Filter[] | [];
     sort: Sort;
+    checkBoxSelection: CheckBoxSelection;
+    isRemoveClicked: boolean;
 }
 export interface ParentProp {
 }
@@ -84,10 +86,13 @@ export interface GridData {
     columnData: ColumnDef[];
 }
 export interface ConditionsToDisplay {
-    displayFilter: boolean;
-    displaySort: boolean;
-    displaySearch: boolean;
-    displayRefresh: boolean;
+    displayFilter?: boolean;
+    displaySort?: boolean;
+    displaySearch?: boolean;
+    displayRefresh?: boolean;
+    displayRemoveItems?: boolean;
+    displayGrouping?: boolean;
+    displayColumnHide?: boolean;
 }
 export interface PropsFromProduct {
     columnData: ColumnDef[];
@@ -99,5 +104,9 @@ export interface PropsFromProduct {
 export interface ResoponseFromCallback {
     totalRecords: number;
     rowData: any[];
+}
+export interface ResponseFromApi {
+    totalRecords: number;
+    rowData: any[];
     actualEndRow?: number;
 }

package/dist/types/components/ag-grid/advancedFeature/remove-items.d.ts

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

package/package.json

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