sccoreui 5.8.22 → 5.9.1

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,18 @@ 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", []);
+                gridRef.current.api.hideOverlay();
                 params.api.applyTransaction({ add: result.rowData });
             }
+            else {
+                params.api.applyTransaction({ add: [] });
+            }
         }
         else if (props.rowModelType === constants_1.ROWMODELTYPE.INFINITE) {
             const dataSource = {
@@ -157,16 +165,18 @@ function ParentForGrid(props) {
                     const endRow = params.endRow;
                     const result = yield getData(startRow, endRow, currentFeatures);
                     if (((_a = result === null || result === void 0 ? void 0 : result.rowData) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                        gridRef.current.api.hideOverlay();
                         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 +211,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 +234,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 +253,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.22",
+  "version": "5.9.1",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",