sccoreui 6.4.1 → 6.4.2

package/dist/App.js

@@ -2,10 +2,8 @@
 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 = () => {
-    // const [selectedCountries, setSelectedCountries] = useState(null);
     return (0, jsx_runtime_1.jsx)("div", { className: "m-6" });
 };
 exports.default = App;

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

@@ -62,7 +62,7 @@ const sortColumns = (columns) => {
 };
 exports.sortColumns = sortColumns;
 // Give checkbox checked status
-const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureDetails) => {
+const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS) => {
     const { allBoxChecked, excludedRecords, includedRecords, headerCheckBoxStatus, } = featureDetails.checkBoxSelection;
     if (allBoxChecked) {
         return !excludedRecords.includes(row);
@@ -71,12 +71,19 @@ const getCheckedStatus = (row, featureDetails, GRID_CHECKBOX_STATUS, setFeatureD
         if (headerCheckBoxStatus === GRID_CHECKBOX_STATUS.NEUTRAL &&
             (row === null || row === void 0 ? void 0 : row.isSelected)) {
             if (!includedRecords.includes(row)) {
-                includedRecords.push(row);
-                setFeatureDetails((prev) => (Object.assign(Object.assign({}, prev), { checkBoxSelection: Object.assign(Object.assign({}, prev.checkBoxSelection), { includedRecords: [...includedRecords] }) })));
+                // includedRecords.push(row);
+                // setFeatureDetails((prev) => ({
+                //   ...prev,
+                //   checkBoxSelection: {
+                //     ...prev.checkBoxSelection,
+                //     includedRecords: [...includedRecords],
+                //   },
+                // }));
+                return !(excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(row));
             }
             return true;
         }
-        return includedRecords.includes(row);
+        return (excludedRecords === null || excludedRecords === void 0 ? void 0 : excludedRecords.includes(row)) ? false : includedRecords.includes(row);
     }
 };
 exports.getCheckedStatus = getCheckedStatus;
@@ -258,7 +265,10 @@ const updateRecords = (rowData, featureDetails, gridData) => {
                     return false; // Exclude this item from the new array
                 }
             })
-            : [...includedRecords, rowData]; // Add rowData if it's not already included
+            : (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.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))
+            : (rowData === null || rowData === void 0 ? void 0 : rowData.isSelected) ? [...excludedRecords, rowData] : excludedRecords;
         // Check if all records are included; reset if so
         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 {
@@ -274,7 +284,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
         }
         // Otherwise, update the included records
         else {
-            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords });
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { includedRecords: newIncludedRecords, excludedRecords: newExcludedRecords });
         }
     }
 };

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

@@ -110,12 +110,15 @@ 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) => {
+        (0, helper_1.handleCheckboxClick)({ checked: true }, data, featureDetails, gridData, setFeatureDetails, groupingColumns, setSelectedGroup, selectColumns);
+    };
     // JSX for rendering checkbox in cells
     const cellCheckBoxRenderer = (params) => {
         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, setFeatureDetails);
+        const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
         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
@@ -349,7 +352,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({ 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(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: {
@@ -368,7 +371,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.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.onRowSelection) ? { onRowClicked: onRowClickSelection } : {})), ((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/virtualization-component.js

@@ -12,7 +12,7 @@ function RowVirtualizerDynamic(props) {
     var _a, _b;
     const { optionTemplate, optionLabel, filterPlaceholder, matchKey = "id", values, multiple = false, onSelectionChange, fetchData, emptyMessage, emptyFilterMessage } = props;
     const parentRef = React.useRef(null);
-    const loadingRef = React.useRef(false);
+    const loadingRef = React.useRef(true);
     const allCount = React.useRef(null);
     const totalRecordsCount = React.useRef(null);
     const initialFetch = {
@@ -53,6 +53,8 @@ function RowVirtualizerDynamic(props) {
                 loadingRef.current = false;
                 if ((props === null || props === void 0 ? void 0 : props.searchTerm) && (props === null || props === void 0 ? void 0 : props.searchTerm) !== "") {
                     totalRecordsCount.current = (_c = object === null || object === void 0 ? void 0 : object.data) === null || _c === void 0 ? void 0 : _c.length;
+                    allCount.current = object === null || object === void 0 ? void 0 : object.totalRecords;
+                    pageIndex.current = 0;
                     setData(object === null || object === void 0 ? void 0 : object.data);
                 }
                 else {
@@ -99,7 +101,7 @@ function RowVirtualizerDynamic(props) {
     };
     // Render Skeletons
     const renderSkeletons = () => {
-        return Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "p-listbox-item cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" }) }), index)));
+        return Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: "p-listbox-item cursor-pointer p-1" }, { children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "30px", width: "100%" }) }), index)));
     };
     return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-listbox" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-header", "data-pc-section": "header" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-listbox-filter-container", "data-pc-section": "filtercontainer" }, { children: (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-right flex-order-1" }, { children: [inputValue === "" ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "search-md", size: 12 }) }))) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-suffix cursor-pointer", onClick: (e) => {
                                     e.stopPropagation();
@@ -112,7 +114,7 @@ function RowVirtualizerDynamic(props) {
                         height: virtualizer.getTotalSize(),
                         width: '100%',
                         position: 'relative',
-                    }, className: `${data.length === 0 ? "flex-column flex justify-content-around align-items-center h-full w-full" : ""}` }, { children: loadingRef.current && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list", style: {
+                    }, className: `${data.length === 0 ? "flex-column flex justify-content-around align-items-center h-full w-full" : ""}` }, { children: loadingRef.current && (data === null || data === void 0 ? void 0 : data.length) === 0 ? ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list w-full" }, { children: renderSkeletons() }))) : (data === null || data === void 0 ? void 0 : data.length) === 0 ? (debouncedValue && debouncedValue !== "" ? ((0, jsx_runtime_1.jsx)("span", { children: emptyFilterMessage })) : ((0, jsx_runtime_1.jsx)("span", { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)("ul", Object.assign({ className: "p-listbox-list w-full", style: {
                             position: 'absolute',
                             top: 0,
                             left: 0,

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, setFeatureDetails: any) => any;
+export declare const getCheckedStatus: (row: any, featureDetails: any, GRID_CHECKBOX_STATUS: 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.01",
+  "version": "6.4.02",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -94,4 +94,4 @@
       "last 1 safari version"
     ]
   }
-}
+}