sccoreui 6.4.85 → 6.4.87

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

@@ -36,9 +36,9 @@ function Search({ searchPlaceHolder }) {
     }, [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: () => {
                     var _a, _b;
+                    (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _a === void 0 ? void 0 : _a.hideOverlay();
                     if (rowModelType === constants_1.ROWMODELTYPE.CLIENT_SIDE && quickSearch) {
-                        (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _a === void 0 ? void 0 : _a.setGridOption("quickFilterText", "");
-                        (_b = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _b === void 0 ? void 0 : _b.hideOverlay();
+                        (_b = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _b === void 0 ? void 0 : _b.setGridOption("quickFilterText", "");
                     }
                     else {
                         setFeatureDetails(Object.assign(Object.assign({}, featureDetails), { searchedText: "" }));

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

@@ -137,8 +137,8 @@ const TableFilter = () => {
     const createViewFromFilters = () => {
         const newFilters = conditionsArray.map((condition) => {
             // Convert value type to string when data comes in object or array form
-            if (typeof condition.value !== "string")
-                condition.value = JSON.stringify(condition.value);
+            // if (typeof condition.value !== "string")
+            //   condition.value = JSON.stringify(condition.value);
             return Object.assign(Object.assign({}, condition), { isActive: true, logicalOperator: conditionType.id });
         });
         const viewDetails = {

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

@@ -9,10 +9,12 @@ const helper_1 = require("../helper");
 const utilComponents_1 = require("../utilComponents");
 const FeatureSkeleton_1 = tslib_1.__importDefault(require("../../skeletons/FeatureSkeleton"));
 function RefreshGrid() {
-    const { removeFeaturesAndRefresh, conditionsToDisplay } = (0, react_1.useContext)(context_provider_1.FeatureContext);
+    const { removeFeaturesAndRefresh, conditionsToDisplay, gridApi } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displayRefresh);
     const refreshHandler = () => {
+        var _a;
         if (!isDisabled) {
+            (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current.api) === null || _a === void 0 ? void 0 : _a.hideOverlay();
             removeFeaturesAndRefresh();
         }
     };

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

@@ -10,8 +10,7 @@ const utilComponents_1 = require("../utilComponents");
 const FeatureSkeleton_1 = tslib_1.__importDefault(require("../../skeletons/FeatureSkeleton"));
 function RemoveItems(props) {
     var _a;
-    const { featureDetails, conditionsToDisplay } = (0, react_1.useContext)(context_provider_1.FeatureContext);
-    console.log(featureDetails, "remove-feature-details");
+    const { featureDetails, conditionsToDisplay, serverSideSelectRow, gridApi } = (0, react_1.useContext)(context_provider_1.FeatureContext);
     const { removeCallBack } = props;
     const isDisabled = (0, helper_1.isComponentDisable)(conditionsToDisplay.displayRemoveItems);
     const removeItemsCallBack = () => {
@@ -22,6 +21,26 @@ function RemoveItems(props) {
                 removeCallBack(currentFeature);
         }
     };
-    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (((_a = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _a === void 0 ? void 0 : _a.allBoxChecked) || featureDetails.checkBoxSelection.includedRecords.length > 1) ? (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `rounded_btn sc_icon_hover icon-40x40 ${isDisabled && "disabled"}`, onClick: removeItemsCallBack, title: "Remove" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-circle", color: "text-red-800", size: 18 }) })) : "" }));
+    const checkShowRemoveIcon = (0, react_1.useMemo)(() => {
+        var _a, _b, _c, _d;
+        const model = (_b = (_a = gridApi === null || gridApi === void 0 ? void 0 : gridApi.current) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.getModel();
+        const selectedNodes = [];
+        if (model) {
+            const rowCount = model.getRowCount();
+            for (let i = 0; i < rowCount; i++) {
+                const rowNode = model.getRow(i);
+                if (((_c = rowNode === null || rowNode === void 0 ? void 0 : rowNode.data) === null || _c === void 0 ? void 0 : _c.isSelected) === true) {
+                    selectedNodes.push(rowNode.data);
+                    if (selectedNodes.length > 1) {
+                        break;
+                    }
+                    // ✅ This break is valid
+                }
+            }
+        }
+        return (((_d = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _d === void 0 ? void 0 : _d.allBoxChecked) ||
+            featureDetails.checkBoxSelection.includedRecords.length > 1 || selectedNodes.length > 1);
+    }, [serverSideSelectRow, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection]);
+    return (0, utilComponents_1.skeletonLoding)() ? ((0, jsx_runtime_1.jsx)(FeatureSkeleton_1.default, {})) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (serverSideSelectRow ? checkShowRemoveIcon : (((_a = featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection) === null || _a === void 0 ? void 0 : _a.allBoxChecked) || featureDetails.checkBoxSelection.includedRecords.length > 1)) ? (0, jsx_runtime_1.jsx)("div", Object.assign({ className: `rounded_btn sc_icon_hover icon-40x40 ${isDisabled && "disabled"}`, onClick: removeItemsCallBack, title: "Remove" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "minus-circle", color: "text-red-800", size: 18 }) })) : "" }));
 }
 exports.default = RemoveItems;

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

@@ -7,7 +7,7 @@ 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;
+    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, serverSideSelectRow } = value;
     // States for sort
     const [columnData] = (0, react_1.useState)(gridData === null || gridData === void 0 ? void 0 : gridData.columnData);
     const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
@@ -116,7 +116,7 @@ function MyProvider({ children, value }) {
             gridViewData,
             setGridViewData,
             gridView,
-            inputValue, deboucedValue, setInputValue
+            inputValue, deboucedValue, setInputValue, serverSideSelectRow
         } }, { children: children })));
 }
 exports.default = MyProvider;

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

@@ -11,6 +11,7 @@ exports.initialCheckBoxData = {
     isIndeterminate: false,
     includedRecords: [],
     excludedRecords: [],
+    rowId: null,
     headerCheckBoxStatus: constants_1.GRID_CHECKBOX_STATUS.NEUTRAL,
 };
 const isComponentDisable = (state) => {
@@ -275,7 +276,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
         }
         // Otherwise, update the excluded records and indeterminate state
         else {
-            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, includedRecords: newIncludedRecords, isIndeterminate: (newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) > 0 });
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { excludedRecords: newExcludedRecords, includedRecords: newIncludedRecords, rowId: rowData.id, isIndeterminate: (newExcludedRecords === null || newExcludedRecords === void 0 ? void 0 : newExcludedRecords.length) > 0 });
         }
     }
     // When not all checkboxes are checked
@@ -313,6 +314,7 @@ const updateRecords = (rowData, featureDetails, gridData) => {
                 includedRecords: [],
                 isIndeterminate: false,
                 allBoxChecked: true,
+                rowId: rowData.id,
                 headerCheckBoxStatus: constants_1.GRID_CHECKBOX_STATUS.CHECKED,
             };
         }
@@ -322,7 +324,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), { headerCheckBoxStatus: headerCheckBoxStatus === constants_1.GRID_CHECKBOX_STATUS.UNCHECKED ? constants_1.GRID_CHECKBOX_STATUS.NEUTRAL : headerCheckBoxStatus, includedRecords: newIncludedRecords, excludedRecords: newExcludedRecords });
+            return Object.assign(Object.assign({}, featureDetails === null || featureDetails === void 0 ? void 0 : featureDetails.checkBoxSelection), { headerCheckBoxStatus: headerCheckBoxStatus === constants_1.GRID_CHECKBOX_STATUS.UNCHECKED ? constants_1.GRID_CHECKBOX_STATUS.NEUTRAL : headerCheckBoxStatus, includedRecords: newIncludedRecords, rowId: rowData.id, excludedRecords: newExcludedRecords });
         }
     }
 };

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

@@ -13,6 +13,7 @@ const loading_component_1 = tslib_1.__importDefault(require("./loading-component
 const context_provider_1 = tslib_1.__importDefault(require("./context-provider"));
 const group_checkbox_1 = tslib_1.__importDefault(require("./group-checkbox"));
 const utilComponents_1 = require("./utilComponents");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 function ParentForGrid(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const { gridProps = {}, gridViewTemplate, selectColumns = () => { }, enableCheckboxForGroupHeader = false, serverSideSelectRow } = props;
@@ -39,6 +40,7 @@ function ParentForGrid(props) {
         isIndeterminate: false,
         includedRecords: [],
         excludedRecords: [],
+        rowId: null,
         headerCheckBoxStatus: constants_1.GRID_CHECKBOX_STATUS.NEUTRAL,
     });
     const initialFeature = {
@@ -79,7 +81,7 @@ function ParentForGrid(props) {
         };
     }, []);
     const emptyIncludedRecords = (objectData) => {
-        const obj = Object.assign(Object.assign({}, objectData), { checkBoxSelection: Object.assign(Object.assign({}, objectData.checkBoxSelection), { includedRecords: [], kl: "kl" }) });
+        const obj = Object.assign(Object.assign({}, objectData), { checkBoxSelection: Object.assign(Object.assign({}, objectData.checkBoxSelection), { rowId: null, includedRecords: [], kl: "kl" }) });
         setFeatureDetails(obj);
     };
     const serverSideRowLeveSelection = (object) => {
@@ -93,9 +95,15 @@ function ParentForGrid(props) {
         const { firstGroupIds, secondGroupIds } = (0, helper_1.getGroupIds)(gridRef);
         const { allBoxChecked } = featureDetails.checkBoxSelection;
         const currentStatus = !allBoxChecked;
-        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: currentStatus, isIndeterminate: false, includedRecords: [], excludedRecords: [], headerCheckBoxStatus: currentStatus
+        const checkboxData = Object.assign(Object.assign({}, featureDetails.checkBoxSelection), { allBoxChecked: currentStatus, isIndeterminate: false, includedRecords: [], excludedRecords: [], rowId: "grid-header-checkbox", headerCheckBoxStatus: currentStatus
                 ? constants_1.GRID_CHECKBOX_STATUS.CHECKED
                 : constants_1.GRID_CHECKBOX_STATUS.UNCHECKED });
+        const updatedRows = [];
+        gridRef.current.api.forEachNode((node) => {
+            node.data.isSelected = currentStatus;
+            updatedRows.push(Object.assign({}, node.data));
+        });
+        gridRef.current.api.applyTransaction({ update: updatedRows });
         if (currentStatus) {
             // stroring all first and secodn group ids
             setSelectedGroup([...firstGroupIds, ...secondGroupIds]);
@@ -110,12 +118,12 @@ function ParentForGrid(props) {
     // JSX for rendering checkbox in header
     const headerCheckBoxRenderer = (headerDisplayName, HeaderComponent) => {
         var _a, _b, _c, _d, _e, _f, _g, _h;
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex align-items-center justify-content-between ${((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight)
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex align-items-center header-checkbox-class justify-content-between ${((_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.displayCheckboxOnRight)
                 ? "w-full pd-r-2"
-                : ""}` }, { children: ((_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center justify-content-between w-full ` }, { children: [HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " mr-auto" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName })), (0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { id: "grid-header-checkbox", checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: () => handleHeaderCheckbox(), isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate &&
+                : ""}` }, { children: ((_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center justify-content-between w-full ` }, { children: [HeaderComponent ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: " mr-auto" }, { children: [" ", (0, jsx_runtime_1.jsx)(HeaderComponent, {}), " "] }))) : ((0, jsx_runtime_1.jsx)("span", { children: headerDisplayName })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ml-1 animate-spin save-loader hidden header-check-box-loader" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "loading-02", size: 16 }) })), (0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { id: "grid-header-checkbox", checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: () => handleHeaderCheckbox(), isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate &&
                             (((_d = (_c = featureDetails.checkBoxSelection) === null || _c === void 0 ? void 0 : _c.excludedRecords) === null || _d === void 0 ? void 0 : _d.length) > 0
                                 ? true
-                                : false), shouldRenderOnRight: (_e = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _e === void 0 ? void 0 : _e.displayCheckboxOnRight })] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { id: "grid-header-checkbox", checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: () => handleHeaderCheckbox(), isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate &&
+                                : false), shouldRenderOnRight: (_e = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _e === void 0 ? void 0 : _e.displayCheckboxOnRight })] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ml-1 animate-spin save-loader hidden header-check-box-loader" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "loading-02", size: 16 }) })), (0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { id: "grid-header-checkbox", checked: featureDetails.checkBoxSelection.allBoxChecked, onChange: () => handleHeaderCheckbox(), isIndeterminate: featureDetails.checkBoxSelection.isIndeterminate &&
                             (((_g = (_f = featureDetails.checkBoxSelection) === null || _f === void 0 ? void 0 : _f.excludedRecords) === null || _g === void 0 ? void 0 : _g.length) > 0
                                 ? 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 }))] })) })));
@@ -126,7 +134,7 @@ function ParentForGrid(props) {
         const { data } = params;
         // const { allBoxChecked, excludedRecords, includedRecords } = featureDetails.checkBoxSelection;
         const isChecked = (0, helper_1.getCheckedStatus)(data, featureDetails, constants_1.GRID_CHECKBOX_STATUS);
-        return ((0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { id: "grid-checkbox", 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, serverSideRowLeveSelection), isIndeterminate: false, shouldRenderOnRight: (_b = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _b === void 0 ? void 0 : _b.displayCheckboxOnRight }));
+        return ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "row-check-box flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ id: `check-box-loader-${params.data.id}`, className: "ml-1 hidden animate-spin save-loader check-box-loader" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "loading-02", size: 16 }) })), (0, jsx_runtime_1.jsx)(grid_checkbox_1.default, { id: `grid-checkbox-${params.data.id}`, 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, serverSideRowLeveSelection), 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* () {
@@ -453,6 +461,6 @@ function ParentForGrid(props) {
                                 gridViewFun,
                                 gridViewData,
                                 setGridViewData,
-                                gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
+                                gridView, enableAdvancedFilter: props === null || props === void 0 ? void 0 : props.enableAdvancedFilter }, ((props === null || props === void 0 ? void 0 : props.rowData) && { rowData: props === null || props === void 0 ? void 0 : props.rowData })), { conditionsToDisplay: props === null || props === void 0 ? void 0 : props.conditionsToDisplay, serverSideSelectRow: props.serverSideSelectRow }) }, { children: ((_q = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _q === void 0 ? void 0 : _q.displayFeaturesHeader) && ((0, jsx_runtime_1.jsx)(advanced_feature_1.default, { props: props })) })), gridView ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: gridViewTemplate(gridViewData) }) : (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: gridStyle, gridOptions: gridOptions, onGridReady: (props === null || props === void 0 ? void 0 : props.rowData) ? undefined : onGridReady, gridRef: gridRef })] }) })) }) }));
 }
 exports.default = ParentForGrid;

package/dist/components/form/form-fields/form-fields.js

@@ -65,16 +65,20 @@ const InputTextAreaField = (props) => {
 const DropDownField = (props) => {
     const { errors, touched, name, length, label, onFocus, 
     // onChange,
-    placeholder, panelClassName, showClear, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle, isLoading, isRequired = false, value, filterPlaceholder, emptyMessage, emptyFilterMessage, } = props;
+    placeholder, panelClassName, showClear, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle, isLoading, isRequired = false, value, filterPlaceholder, emptyMessage, emptyFilterMessage, unselect = false } = props;
+    const errorData = (0, formik_1.getIn)(errors, name);
+    const touchedData = (0, formik_1.getIn)(touched, name);
     return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex flex-column" }, { children: !isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [optional && ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between text_ellipsis", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] }))), !optional && (
                 // <label className="font-medium text-base mb-1" htmlFor={name}>
                 //   {label}
                 // </label>
-                (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { value: value, label: label, error: errors === null || errors === void 0 ? void 0 : errors[name], touched: touched === null || touched === void 0 ? void 0 : touched[name], isRequired: isRequired })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ onFocus: () => {
+                (0, jsx_runtime_1.jsx)(FieldLabel_1.default, { value: value, label: label, error: errorData, touched: touchedData, isRequired: isRequired })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ onFocus: () => {
                             onFocus && onFocus();
-                        }, panelClassName: panelClassName, showClear: showClear, panelStyle: panelStyle || "", filter: filter || false, disabled: disabled, placeholder: placeholder }, field, { 
+                        }, panelClassName: panelClassName, showClear: showClear, panelStyle: panelStyle || "", filter: filter || false, disabled: disabled, placeholder: placeholder }, field, { onChange: (e) => {
+                            !unselect && field.onChange(e);
+                        }, 
                         // onChange={(e: any) => onChange && onChange(e)}
-                        options: options, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errors[name] && touched[name] ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "Search", emptyMessage: emptyMessage ? emptyMessage : "No Data Found", emptyFilterMessage: emptyFilterMessage ? emptyFilterMessage : "No Results Found" }))) })), (errors === null || errors === void 0 ? void 0 : errors[name]) && (touched === null || touched === void 0 ? void 0 : touched[name]) ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors === null || errors === void 0 ? void 0 : errors[name] }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-1" }, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "w-5rem" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
+                        options: options, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: ` ${errorData && touchedData ? "p-invalid" : ""} ${length === "full" ? "full_form_field" : "form_field"} ${className}`, id: name, filterPlaceholder: filterPlaceholder ? filterPlaceholder : "Search", emptyMessage: emptyMessage ? emptyMessage : "No Data Found", emptyFilterMessage: emptyFilterMessage ? emptyFilterMessage : "No Results Found" }))) })), errorData && touchedData ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: errorData }) }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) })))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-1" }, { children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "16px", className: "w-5rem" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { height: "40px" })] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "errorField flex align-items-center text-sm" }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })) })));
 };
 const MultiSelectField = (props) => {
     const { errors, touched, name, length, label, placeholder, options, optional, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, isLoading, filter, isRequired = false, value, } = props;

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

@@ -52,7 +52,7 @@ const ListBoxDropdown = (props) => {
             var _a, _b;
             const target = e.target;
             // Prevent hiding if scroll is within dropdown or trigger button
-            if (target.closest(".p-menu, .list_box_btn"))
+            if (target === null || target === void 0 ? void 0 : target.closest(".p-menu, .list_box_btn"))
                 return;
             (_b = (_a = optionsMenuRef === null || optionsMenuRef === void 0 ? void 0 : optionsMenuRef.current) === null || _a === void 0 ? void 0 : _a.hide) === null || _b === void 0 ? void 0 : _b.call(_a, e);
         };

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

@@ -47,13 +47,18 @@ function RowVirtualizerDynamic(props) {
             fetchMoreData(Object.assign(Object.assign({}, initialFetch), { pageIndex: pageIndex.current }));
         }
     };
+    const lastSearchTerm = React.useRef('');
     const fetchMoreData = (props) => tslib_1.__awaiter(this, void 0, void 0, function* () {
         var _c;
         try {
             const object = yield fetchData(props);
             if (object) {
                 loadingRef.current = false;
-                if ((props === null || props === void 0 ? void 0 : props.searchTerm) && (props === null || props === void 0 ? void 0 : props.searchTerm) !== "") {
+                if (lastSearchTerm.current && !(props === null || props === void 0 ? void 0 : props.searchTerm)) {
+                    // Search just cleared — reset data
+                    setData(object.data);
+                }
+                else 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;
                     setData(object === null || object === void 0 ? void 0 : object.data);
                 }
@@ -67,6 +72,7 @@ function RowVirtualizerDynamic(props) {
                 setLoading(false);
                 allCount.current = object === null || object === void 0 ? void 0 : object.totalRecords;
                 pageIndex.current = pageIndex.current + 1;
+                lastSearchTerm.current = props === null || props === void 0 ? void 0 : props.searchTerm;
             }
         }
         catch (error) {

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

@@ -73,6 +73,7 @@ export interface CheckBoxSelection {
     includedRecords: any[];
     excludedRecords: any[];
     headerCheckBoxStatus: GRID_CHECKBOX_STATUS;
+    rowId: string | null | number | undefined;
 }
 export interface GridData {
     rowData: any[];

package/dist/types/components/ag-grid/context-provider.d.ts

@@ -37,6 +37,7 @@ interface MyProviderProps {
         gridViewData: any;
         setGridViewData: any;
         gridView: boolean;
+        serverSideSelectRow: (data: any, emptyFun: (oject: any) => void) => void;
     };
 }
 declare function MyProvider({ children, value }: MyProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/types/type.d.ts

@@ -163,8 +163,9 @@ export interface DropDownFieldProps {
     panelStyle?: any;
     isLoading?: boolean;
     showClear?: boolean;
-    emptyMessage?: string;
+    emptyMessage?: any;
     panelClassName?: string;
+    unselect?: boolean;
     onFocus?: () => void;
     isRequired?: boolean;
     value?: any;

package/package.json

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