sccoreui 6.5.15 → 6.5.17

package/dist/App.scss

@@ -846,11 +846,11 @@ div:has(ul.date_filter) .p-datepicker-footer {
   }
 }
 
-.errorField {
-  color: var(--red-500);
-  height: auto;
-  line-height: 20px;
-}
+// .errorField {
+//   color: var(--red-500);
+//   height: auto;
+//   line-height: 20px;
+// }
 
 .full_form_field {
   // width: 37.125rem;
@@ -2037,6 +2037,15 @@ div:has(ul.date_filter) .p-datepicker-footer {
     }
   }
 }
+.grid-global-search {
+  width: 21rem;
+  .p-input-icon-left {
+    width: 100%;
+  }
+  .p-inputtext {
+    width: 100%;
+  }
+}
 
 .panel_withIcon.p-multiselect-panel {
   .p-multiselect-items {
@@ -2054,7 +2063,8 @@ div:has(ul.date_filter) .p-datepicker-footer {
 
 .errorField {
   color: var(--red-500);
-  height: 20px;
+  max-height: 50px;
+  padding-block: 2px 6px;
 }
 
 .full_form_field {

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

@@ -31,7 +31,7 @@ function AdvancedFeatures({ props }) {
     };
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (props === null || props === void 0 ? void 0 : props.editMode) ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center justify-content-between py-3 px-4 bg-white grid-header` }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayEditHeading) &&
                         (props === null || props === void 0 ? void 0 : props.EditHeadingDetails) && (0, jsx_runtime_1.jsx)(EditDetails, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(gridS_search_1.default, {})) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && ((0, jsx_runtime_1.jsx)(hide_column_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) &&
-                            (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), (props === null || props === void 0 ? void 0 : props.editMode) && (0, jsx_runtime_1.jsx)(bulk_edit_action_1.default, { props: props })] }))] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center justify-content-between py-3 px-4 bg-white grid-header` }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(table_filter_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayAdvancedFilter) && ((0, jsx_runtime_1.jsx)(AdvanceFilterWrapper, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRowGroupingElement) && (0, jsx_runtime_1.jsx)(column_group_1.default, { dataFromProps: props })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && ((0, jsx_runtime_1.jsx)(hide_column_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayGridViewListView) && (0, jsx_runtime_1.jsx)(grid_view_list_view_1.default, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && ((0, jsx_runtime_1.jsx)(remove_items_1.default, { removeCallBack: props.removeCallBack })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) &&
+                            (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), (props === null || props === void 0 ? void 0 : props.editMode) && (0, jsx_runtime_1.jsx)(bulk_edit_action_1.default, { props: props })] }))] }))) : ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center justify-content-between py-3 px-4 bg-white grid-header` }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3 grid-global-search" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySearch) && ((0, jsx_runtime_1.jsx)(global_search_1.default, { searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayFilter) && ((0, jsx_runtime_1.jsx)(table_filter_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayAdvancedFilter) && ((0, jsx_runtime_1.jsx)(AdvanceFilterWrapper, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRowGroupingElement) && (0, jsx_runtime_1.jsx)(column_group_1.default, { dataFromProps: props })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center gap-3" }, { children: [isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySidePanel) && ((0, jsx_runtime_1.jsx)(hide_column_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayGridViewListView) && (0, jsx_runtime_1.jsx)(grid_view_list_view_1.default, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRemoveItems) && ((0, jsx_runtime_1.jsx)(remove_items_1.default, { removeCallBack: props.removeCallBack })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkEdit) &&
                             (props === null || props === void 0 ? void 0 : props.BulkEditComponent) && (0, jsx_runtime_1.jsx)(BulkEdit, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayBulkAction) &&
                             (props === null || props === void 0 ? void 0 : props.bulkActionComponent) && ((0, jsx_runtime_1.jsx)(BulkAction, { checkBoxSelection: featureDetails.checkBoxSelection })), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRefresh) && ((0, jsx_runtime_1.jsx)(refresh_grid_1.default, {})), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displaySort) && (0, jsx_runtime_1.jsx)(custom_sort_1.default, {}), isComponentVisible(conditionsToDisplay === null || conditionsToDisplay === void 0 ? void 0 : conditionsToDisplay.displayRecords) && ((0, jsx_runtime_1.jsx)(record_detail_1.default, {}))] }))] }))) }));
 }

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

@@ -9,7 +9,7 @@ const hooks_1 = require("primereact/hooks");
 const constants_1 = tslib_1.__importDefault(require("./constants"));
 exports.FeatureContext = (0, react_1.createContext)(null);
 function MyProvider({ children, value }) {
-    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSort, 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, defaultViewName, isDataLoading, 
+    const { featureDetails, setFeatureDetails, gridData, callGrid, totalRecords, initialFeature, defaultFilters, defaultSearchText, defaultSort, 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, defaultViewName, isDataLoading, 
     // dynamicText
     renderSelectField, renderMultiSelectField, } = value;
     // States for sort
@@ -19,7 +19,7 @@ function MyProvider({ children, value }) {
             setColumnData(gridData.columnData);
         }
     }, [gridData === null || gridData === void 0 ? void 0 : gridData.columnData]);
-    const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)("", 500);
+    const [inputValue, deboucedValue, setInputValue] = (0, hooks_1.useDebounce)(defaultSearchText || "", 500);
     const [sortValue, setSortValue] = (0, react_1.useState)({});
     const [sortBy, setSortBy] = (0, react_1.useState)({});
     const [isOverlayOpened, setIsOverlayOpened] = (0, react_1.useState)(false);
@@ -111,6 +111,10 @@ function MyProvider({ children, value }) {
             }
         }
     }, [defaultSort, columnData, sortOptions]);
+    // Sync search input when defaultSearchText changes (e.g. switching saved views)
+    (0, react_1.useEffect)(() => {
+        setInputValue(defaultSearchText || "");
+    }, [defaultSearchText]);
     // Update viewName when defaultViewName changes
     (0, react_1.useEffect)(() => {
         if (defaultViewName) {

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

@@ -43,6 +43,7 @@ function ParentForGrid(props) {
     const [gridReadyEvent, setGridReadyEvent] = (0, react_1.useState)();
     const [intialColumns, setIntialColumns] = (0, react_1.useState)(null);
     const [defaultFilters, setDefaultFilters] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.defaultFilters) || []);
+    const [defaultSearchText, setDefaultSearchText] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.defaultSearchText) || "");
     const [defaultSort] = (0, react_1.useState)((props === null || props === void 0 ? void 0 : props.defaultSort) || null);
     const [selectedGroup, setSelectedGroup] = (0, react_1.useState)([]);
     const emptyResponse = EMPTY_RESPONSE;
@@ -59,7 +60,7 @@ function ParentForGrid(props) {
         isRemoveClicked: false,
     }), [initialCheckBoxData]);
     const [featureDetails, setFeatureDetails] = (0, react_1.useState)({
-        searchedText: "",
+        searchedText: (props === null || props === void 0 ? void 0 : props.defaultSearchText) || "",
         filterQueries: (props === null || props === void 0 ? void 0 : props.defaultFilters)
             ? (0, helper_1.applyDefaultFilters)(props === null || props === void 0 ? void 0 : props.defaultFilters)
             : [],
@@ -80,6 +81,7 @@ function ParentForGrid(props) {
     });
     // const [columnToRender,setColumnToRender] = useState<ColumnDef[]>([])
     const isInitialLoadRef = (0, react_1.useRef)(true);
+    const isRefetchingRef = (0, react_1.useRef)(false);
     const gridRef = (0, react_1.useRef)(null);
     const groupingColumns = (0, react_1.useMemo)(() => {
         var _a, _b;
@@ -419,6 +421,10 @@ function ParentForGrid(props) {
     (0, react_1.useEffect)(() => {
         if (isInitialLoadRef.current)
             return;
+        if (isRefetchingRef.current) {
+            isRefetchingRef.current = false;
+            return;
+        }
         if (api && gridReadyEvent) {
             !props.rowData && callGrid(featureDetails);
         }
@@ -435,8 +441,12 @@ function ParentForGrid(props) {
             const newFilterQueries = ((_a = props === null || props === void 0 ? void 0 : props.defaultFilters) === null || _a === void 0 ? void 0 : _a.length)
                 ? (0, helper_1.applyDefaultFilters)(props.defaultFilters)
                 : [];
-            const currentFeature = Object.assign(Object.assign({}, featureDetails), { filterQueries: newFilterQueries });
+            const newSearchText = (props === null || props === void 0 ? void 0 : props.defaultSearchText) || "";
+            const currentFeature = Object.assign(Object.assign({}, featureDetails), { filterQueries: newFilterQueries, searchedText: newSearchText });
             setDefaultFilters((props === null || props === void 0 ? void 0 : props.defaultFilters) || []);
+            setDefaultSearchText(newSearchText);
+            // Prevent the searchedText useEffect from triggering a duplicate callGrid
+            isRefetchingRef.current = true;
             setFeatureDetails(currentFeature);
             callGrid(currentFeature);
         }
@@ -513,6 +523,7 @@ function ParentForGrid(props) {
             totalRecords,
             initialFeature,
             defaultFilters,
+            defaultSearchText,
             defaultSort, createView: props === null || props === void 0 ? void 0 : props.createView, enableViewCreate: (_a = props === null || props === void 0 ? void 0 : props.conditionsToDisplay) === null || _a === void 0 ? void 0 : _a.enableViewCreate, filterModelText: (_b = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _b === void 0 ? void 0 : _b.filterModelText, sortModelText: (_c = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _c === void 0 ? void 0 : _c.sortModelText, recordDetailModelText: (_d = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _d === void 0 ? void 0 : _d.recordDetailModelText, sidePanelText: (_e = props === null || props === void 0 ? void 0 : props.dynamicText) === null || _e === void 0 ? void 0 : _e.sidePanelText, sortOptions: (props === null || props === void 0 ? void 0 : props.sortOptions) ? props.sortOptions : constants_1.COLUMN_SORT_OPTIONS, filterConditions: props === null || props === void 0 ? void 0 : props.filterConditions, clearFilters: props === null || props === void 0 ? void 0 : props.clearFilters, setGridData, gridApi: gridRef, updateColumnsForGrid: props === null || props === void 0 ? void 0 : props.updateColumnsForGrid, enableManageColumnsCallback: props.enableManageColumnsCallback, columnToRender: gridData.columnData, selectedGroup: selectedGroup, setSelectedGroup: setSelectedGroup, initialCheckBoxData: initialCheckBoxData, intialColumns,
             setIntialColumns,
             gridViewFun,
@@ -524,7 +535,7 @@ function ParentForGrid(props) {
         props.rowModelType,
         props === null || props === void 0 ? void 0 : props.quickSearch,
         featureDetails, gridData, callGrid,
-        totalRecords, initialFeature, defaultFilters, defaultSort,
+        totalRecords, initialFeature, defaultFilters, defaultSearchText, defaultSort,
         props === null || props === void 0 ? void 0 : props.createView,
         props === null || props === void 0 ? void 0 : props.conditionsToDisplay,
         props === null || props === void 0 ? void 0 : props.dynamicText,

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

@@ -38,11 +38,10 @@ function RowVirtualizerDynamic(props) {
             return;
         const scrollOffset = el.scrollTop + el.clientHeight;
         const threshold = el.scrollHeight - 100;
-        const checCount = allCount.current
+        const checCount = allCount.current != null
             ? allCount.current > totalRecordsCount.current
             : true;
-        if (scrollOffset >= threshold && !loadingRef.current && checCount) {
-            setLoading(true);
+        if (el.scrollHeight > el.clientHeight && scrollOffset >= threshold && !loadingRef.current && checCount) {
             loadingRef.current = true;
             fetchMoreData(Object.assign(Object.assign({}, initialFetch), { pageIndex: pageIndex.current }));
         }

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

@@ -10,6 +10,7 @@ interface MyProviderProps {
         totalRecords: number;
         initialFeature: Features;
         defaultFilters: any;
+        defaultSearchText: string;
         defaultSort: any;
         createView: () => void;
         enableViewCreate: boolean;

package/package.json

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