sccoreui 6.4.45 → 6.4.47

package/dist/App.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
+// import FroalaTextEditor from "./components/froala-editor/FroalaEditor";
 // import Home from "./pages/home";
 const App = () => {
     return (0, jsx_runtime_1.jsx)("div", { className: "m-6" });

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

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

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

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

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

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

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

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

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

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

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

@@ -62,22 +62,21 @@ const sortColumns = (columns) => {
 };
 exports.sortColumns = sortColumns;
 // Give checkbox checked status
-const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS) => {
+const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureDetails) => {
     const { allBoxChecked, excludedRecords, includedRecords, headerCheckBoxStatus, } = featureDetails.checkBoxSelection;
-    const isExcluded = excludedRecords.some(r => r.id === row.id);
-    const isIncluded = includedRecords.some(r => r.id === row.id);
     if (allBoxChecked) {
-        return !isExcluded;
+        return !excludedRecords.includes(row);
     }
     else {
         if (headerCheckBoxStatus === GRID_CHECKBOX_STATUS.NEUTRAL &&
             (row === null || row === void 0 ? void 0 : row.isSelected)) {
-            if (!isIncluded) {
-                return !isExcluded;
+            if (!includedRecords.includes(row)) {
+                includedRecords.push(row);
+                setFeatureDetails((prev) => (Object.assign(Object.assign({}, prev), { checkBoxSelection: Object.assign(Object.assign({}, prev.checkBoxSelection), { includedRecords: [...includedRecords] }) })));
             }
             return true;
         }
-        return isExcluded ? false : isIncluded;
+        return includedRecords.includes(row);
     }
 };
 exports.getCheckedStatus = getCheckedStatus;
@@ -227,14 +226,14 @@ exports.autoGroupColumnDef = autoGroupColumnDef;
 // This function determines how to update `includedRecords` and `excludedRecords`
 // depending on whether all checkboxes are checked or not (`allBoxChecked` state)
 const updateRecords = (rowData, featureDetails, gridData) => {
-    var _a, _b;
+    var _a, _b, _c;
     const { excludedRecords, includedRecords, allBoxChecked } = featureDetails.checkBoxSelection;
     let newExcludedRecords = [...excludedRecords];
     let newIncludedRecords = [...includedRecords];
     // When all checkboxes are checked
     if (allBoxChecked) {
         // Update excluded records: add or remove the current rowData
-        newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.some((x) => (x === null || x === void 0 ? void 0 : x.id) === (rowData === null || rowData === void 0 ? void 0 : rowData.id)))
+        newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(rowData))
             ? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
             : [...excludedRecords, rowData];
         // Check if all records are excluded; reset if so
@@ -249,7 +248,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
     // When not all checkboxes are checked
     else {
         // Update included records: add or remove the current rowData
-        newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.some((x) => (x === null || x === void 0 ? void 0 : x.id) === (rowData === null || rowData === void 0 ? void 0 : rowData.id)))
+        newIncludedRecords = (includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.includes(rowData))
             ? includedRecords === null || includedRecords === void 0 ? void 0 : includedRecords.filter((item) => {
                 if ((item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id)) {
                     return item;
@@ -259,27 +258,23 @@ const updateRecords = (rowData, featureDetails, gridData) => {
                     return false; // Exclude this item from the new array
                 }
             })
-            : (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...includedRecords] : [...includedRecords, rowData]; // Add rowData if it's not already included
-        newExcludedRecords = (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.some((x) => (x === null || x === void 0 ? void 0 : x.id) === (rowData === null || rowData === void 0 ? void 0 : rowData.id)))
-            ? excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.filter((item) => (item === null || item === void 0 ? void 0 : item.id) !== (rowData === null || rowData === void 0 ? void 0 : rowData.id))
-            : (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...excludedRecords, rowData] : excludedRecords;
+            : [...includedRecords, rowData]; // Add rowData if it's not already included
         // Check if all records are included; reset if so
-        // if (newIncludedRecords?.length === gridData?.rowData?.length) {
-        //   return {
-        //     ...featureDetails?.checkBoxSelection,
-        //     excludedRecords: [],
-        //     includedRecords: [],
-        //     isIndeterminate: false,
-        //     allBoxChecked: true,
-        //   };
-        // }
+        if ((newIncludedRecords === null || newIncludedRecords === void 0 ? void 0 : newIncludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
+            return {
+                excludedRecords: [],
+                includedRecords: [],
+                isIndeterminate: false,
+                allBoxChecked: true,
+            };
+        }
         // Check if all records are excluded; reset if so
-        if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_b = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _b === void 0 ? void 0 : _b.length)) {
+        else if ((newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) === ((_c = gridData === null || gridData === void 0 ? void 0 : gridData.rowData) === null || _c === void 0 ? void 0 : _c.length)) {
             return exports.initialCheckBoxData;
         }
         // Otherwise, update the included records
         else {
-            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords, excludedRecords: newExcludedRecords });
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords });
         }
     }
 };

package/dist/components/ag-grid/parent-for-grid.js

@@ -110,27 +110,13 @@ function ParentForGrid(props) {
                                 ? true
                                 : false), shouldRenderOnRight: (_h = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _h === void 0 ? void 0 : _h.displayCheckboxOnRight }), HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "px-3" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName }))] })) })));
     };
-    const onRowClickSelection = (data) => {
-        console.log(data, "data-check");
-        // handleCheckboxClick(
-        //   { checked: true },
-        //   data,
-        //   featureDetails,
-        //   gridData,
-        //   setFeatureDetails,
-        //   groupingColumns,
-        //   setSelectedGroup,
-        //   selectColumns
-        // )
-    };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
-        var _a, _b, _c, _d;
+        var _a, _b;
         const { data } = params;
         // const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
-        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
-        console.log(featureDetails, (_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged, "check-data");
-        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: ((_b = params === null || params === void 0 ? void 0 : params.data) === null || _b === void 0 ? void 0 : _b.tagged) || isChecked, disabled: ((_c = params === null || params === void 0 ? void 0 : params.data) === null || _c === void 0 ? void 0 : _c.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns), isIndeterminate: false, shouldRenderOnRight: (_d = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _d === void 0 ? void 0 : _d.displayCheckboxOnRight }));
+        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS, setFeatureDetails);
+        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { checked: isChecked, disabled: ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.tagged) || false, onChange: (e) => (0, helper_1.handleCheckboxClick)(e, params, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns), isIndeterminate: false, shouldRenderOnRight: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight }));
     };
     // Callback to products for getting data
     const getData = (startRow, endRow, currentFeatures, params) => tslib_1.__awaiter(this, void 0, void 0, function* () {
@@ -362,7 +348,7 @@ function ParentForGrid(props) {
         setGridViewData(Object.assign(Object.assign({}, gridViewData), { rowData: allData }));
     };
     // Options that grid should have
-    const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
+    const gridOptions = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ columnDefs: (_f = gridData === null || gridData === void 0 ? void 0 : gridData.columnData) === null || _f === void 0 ? void 0 : _f.map((column) => {
             var _a, _b;
             if ((column === null || column === void 0 ? void 0 : column.enableChildCheckbox) && (column === null || column === void 0 ? void 0 : column.enableHeaderCheckbox)) {
                 return Object.assign(Object.assign({}, column), { headerComponent: (params) => headerCheckBoxRenderer(params === null || params === void 0 ? void 0 : params.displayName, (column === null || column === void 0 ? void 0 : column.headerComponent) && ""), cellRenderer: (params) => (0, utilComponents_1.dataCellRenderer)(params, column, props), cellRendererParams: {
@@ -381,7 +367,7 @@ function ParentForGrid(props) {
         dataTypeDefinitions: props === null || props === void 0 ? void 0 : props.dataTypeDefinitions,
     })), { popupParent: popupParent }), ((props === null || props === void 0 ? void 0 : props.treeData) && { treeData: props === null || props === void 0 ? void 0 : props.treeData })), ((props === null || props === void 0 ? void 0 : props.groupDefaultExpanded) && {
         groupDefaultExpanded: props === null || props === void 0 ? void 0 : props.groupDefaultExpanded, // to enable tree data
-    })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.onRowSelection) ? { onRowClicked: onRowClickSelection } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), { 
+    })), ((props === null || props === void 0 ? void 0 : props.onRowClicked) ? { onRowClicked: props === null || props === void 0 ? void 0 : props.onRowClicked } : {})), ((props === null || props === void 0 ? void 0 : props.quickSearch) ? { quickSearch: props.quickSearch } : {})), { 
         // ...(props?.getDataPath && { getDataPath: props?.getDataPath }), // for clint side tree data enable fetuare
         onGridPreDestroyed: onGridPreDestroyed }), ((props === null || props === void 0 ? void 0 : props.rowDragManaged) ? { rowDragManaged: props === null || props === void 0 ? void 0 : props.rowDragManaged } : {})), gridProps);
     // Fucntion to call the grid

package/dist/components/list-box-dropdown/list-box-dropdown.js

@@ -14,9 +14,7 @@ const ListBoxDropdown = (props) => {
     const boxRef = (0, react_1.useRef)();
     const { selectAll, 
     // onSelectAll,
-    onSelectionChange, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, 
-    // scrollElementId,
-    optionsMenuRef = boxRef, 
+    onSelectionChange, onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIconSize, listItems, filter, multiple, filterPlaceholder, optionLabel, listClassName, menuClassName, listBoxParentClassName, listBoxclassName, optionTemplate, values, link, className, scrollElementId, optionsMenuRef = boxRef, 
     // buttonClassName,
     showChips, chipTemplate, chipClassName, chipsParentClassName, showRemoveIcon, removeIconSize, removeIconClassName, onRemoveItem, isDraggable, onDranghandle, onShow, onHide, onFocus, confirmationOption, selectedOptionNone, type, emptyFilterMessage, emptyMessage, dataLabel, onFilterValueChange, virtualScrollerOptions, virtualScroll, fetchData, } = props;
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
@@ -46,26 +44,27 @@ const ListBoxDropdown = (props) => {
     //     if (elm) elm.addEventListener("scroll", handleScroll);
     //   }
     // }, []);
-    // useEffect(() => {
-    //   const scrollContainer = scrollElementId
-    //     ? document.getElementById(scrollElementId)
-    //     : null;
-    //   const handleScroll = (e: any) => {
-    //     const target = e.target as HTMLElement;
-    //     // Check if the scroll came from inside the dropdown menu (list box)
-    //     const isInternalListboxScroll = target.closest(".p-listbox-list-wrapper");
-    //     // Only hide if it's not a scroll from the dropdown list itself
-    //     if (!isInternalListboxScroll && optionsMenuRef?.current?.hide) {
-    //       optionsMenuRef.current.hide(e);
-    //     }
-    //   };
-    //   scrollContainer?.addEventListener("scroll", handleScroll);
-    //   window.addEventListener("scroll", handleScroll, true);
-    //   return () => {
-    //     scrollContainer?.removeEventListener("scroll", handleScroll);
-    //     window.removeEventListener("scroll", handleScroll, true);
-    //   };
-    // }, [scrollElementId, optionsMenuRef]);
+    (0, react_1.useEffect)(() => {
+        const scrollContainer = scrollElementId
+            ? document.getElementById(scrollElementId)
+            : null;
+        const handleScroll = (e) => {
+            var _a;
+            const target = e.target;
+            // Check if the scroll came from inside the dropdown menu (list box)
+            const isInternalListboxScroll = target.closest(".p-listbox-list-wrapper, .p-listbox-list, .p-virtualscroller");
+            // Only hide if it's not a scroll from the dropdown list itself
+            if (!isInternalListboxScroll && ((_a = optionsMenuRef === null || optionsMenuRef === void 0 ? void 0 : optionsMenuRef.current) === null || _a === void 0 ? void 0 : _a.hide)) {
+                optionsMenuRef.current.hide(e);
+            }
+        };
+        scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.addEventListener("scroll", handleScroll);
+        window.addEventListener("scroll", handleScroll, true);
+        return () => {
+            scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.removeEventListener("scroll", handleScroll);
+            window.removeEventListener("scroll", handleScroll, true);
+        };
+    }, [scrollElementId, optionsMenuRef]);
     const handleDragStart = (e, index) => {
         e.dataTransfer.setData("text/plain", index);
     };

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

@@ -18,12 +18,12 @@ declare enum DEFAULTS {
     TIMEFORMAT = 7,
     TIMEZONE = 8
 }
+declare const constants: any;
 export declare enum GRID_CHECKBOX_STATUS {
     NEUTRAL = 1,
     CHECKED = 2,
     UNCHECKED = 3
 }
-declare const constants: any;
 export declare const EMPTY_RECORD = "--";
 export { DEFAULTS };
 export default constants;

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

@@ -5,7 +5,7 @@ export declare const isComponentDisable: (state?: string) => boolean;
 export declare const applyDefaultFilters: (defaultFilters: any) => any;
 export declare const parseIfNeeded: (value: any) => any;
 export declare const sortColumns: (columns: any) => any;
-export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any) => any;
+export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: any, setFeatureDetails: any) => any;
 export declare const updateCells: (updatedRowData: any, setUpdateRowData: any, api: any) => void;
 export declare const fillOperation: (params: any, api: any, editedRecords: any, setEditedRecords: any) => Promise<void>;
 export declare const autoGroupColumnDef: (isTreeEnable: boolean, headerName: string, groupField: string, GroupHeaderComponent: React.FC, headerCheckboxRenderer: React.FC, enableCheckboxForGroupHeader: boolean, displayGroupCount: boolean, rowGroupColumnWidth: number, ChildRendererForGroup?: React.FC, HeaderRendererForGroup?: React.FC) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.4.45",
+  "version": "6.4.47",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -94,4 +94,4 @@
       "last 1 safari version"
     ]
   }
-}
+}