ods-component-lib 1.18.145 → 1.18.147

package/dist/components/antd/form/OdsBasicForm.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FormProps, ButtonProps } from 'antd';
+export interface IFormItemRuleProps {
+    required?: boolean;
+    message?: string;
+}
+export interface IFormItemProps {
+    label?: string;
+    name?: string;
+    formItemType: string;
+    rules?: IFormItemRuleProps[];
+}
+export interface IFormProps extends FormProps {
+    formItems: IFormItemProps[];
+    formButtons: ButtonProps[];
+}
+declare function OdsBasicForm(props: IFormProps): React.JSX.Element;
+export default OdsBasicForm;

package/dist/components/antd/icon/OdsIcon.d.ts

@@ -0,0 +1,10 @@
+import { IconBaseProps } from "@ant-design/icons/lib/components/Icon";
+import React from "react";
+export interface IconProps extends IconBaseProps {
+    type: string;
+    twoToneColor?: string;
+    iconComponent?: string;
+    iconSVCName?: string;
+}
+declare function OdsIcon(props: IconProps): React.JSX.Element;
+export default OdsIcon;

package/dist/components/antd/modal/OdsAdvanceModal.d.ts

@@ -0,0 +1,7 @@
+import { ModalProps } from "antd";
+import React from "react";
+export interface ICustomModalProps extends ModalProps {
+    content: React.ReactNode;
+}
+declare const OdsAdvanceModal: React.FC<ICustomModalProps>;
+export default OdsAdvanceModal;

package/dist/components/antd/select/OdsCustomMultiSelect.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SelectProps } from "antd";
+export interface ISelectProps extends SelectProps {
+    buttonLabel: string;
+}
+declare function OdsCustomMultiSelect(props: ISelectProps): React.JSX.Element;
+export default OdsCustomMultiSelect;

package/dist/components/antd/select/OdsMultiSelect.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { SelectProps } from "antd";
+import { IOdsSelectOption } from "./OdsSelect.styled";
+export interface OdsMultiSelectProps extends SelectProps {
+    selectAllText?: string | undefined;
+    dataSource: IOdsSelectOption[];
+}
+declare const OdsMultiSelect: (props: OdsMultiSelectProps) => React.JSX.Element;
+export default OdsMultiSelect;

package/dist/components/custom/OdsLogin.d.ts

@@ -0,0 +1,8 @@
+import { FormProps } from "antd";
+import React from "react";
+export interface IFormProps extends FormProps {
+    items: any[];
+    loading: boolean;
+}
+declare function OdsLogin(props: IFormProps): React.JSX.Element;
+export default OdsLogin;

package/dist/components/devextreme/DxDataPopupForm.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<(props: any) => React.JSX.Element>;
+export default _default;

package/dist/components/devextreme/DynamicIcon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const DynamicIcon: ({ iconName }: {
+    iconName: any;
+}) => React.JSX.Element;
+export default DynamicIcon;

package/dist/components/devextreme/OdsDataGridNew.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+import { IDataGridOptions, IEditingProps, ISelectionProps, IButtonProps } from 'devextreme-react/data-grid';
+import { ButtonType } from "antd/es/button/buttonHelpers";
+interface IButtonGroup extends IButtonProps {
+    type?: ButtonType;
+    label?: string;
+    onclick?: React.MouseEventHandler<HTMLElement>;
+    actionPermission?: boolean;
+}
+interface IEditingoptions extends IEditingProps {
+    formItems?: any[];
+    title?: string;
+}
+interface ISelectOptions extends ISelectionProps {
+    selectEnable: boolean;
+}
+interface IOdsDataGridProps extends IDataGridOptions {
+    actionButtonGroup?: IButtonGroup[];
+    toolbarButtonGroup?: IButtonGroup[];
+    exportFileName?: string;
+    summaryTotalColumnName?: string;
+    storeState?: boolean;
+    summaryTotalDataCount?: number;
+    summaryTotalDataDisplayLabel?: string;
+    summaryTotalPagesize?: number;
+    editHintLabel?: string;
+    editButtonClick?: any;
+    deleteButtonClick?: any;
+    pageTitle?: string;
+    pageSize?: number;
+    pagingEnable?: boolean;
+    searchEnable?: boolean;
+    filterEnable?: boolean;
+    headerFilterEnable?: boolean;
+    columnChooserPositionDisabled?: boolean;
+    editEnable?: boolean;
+    popupTitle?: string;
+    scroll?: any;
+    exportEnable?: boolean;
+    customPopup?: boolean;
+    onExportingCustom?: any;
+    filterEnabledShow?: boolean;
+    scrolUseNative?: boolean;
+    formItems?: any[];
+    hintForDeleteButton?: string;
+    hintForEditButton?: string;
+    exportFormats?: string[];
+    actionPermission?: boolean;
+    columns: any[];
+    actionColumnEnable?: boolean;
+    edit?: IEditingoptions;
+    selectOptions?: ISelectOptions;
+    actionColumnCaption?: string;
+}
+declare function OdsDataGridNew(props: IOdsDataGridProps): React.JSX.Element;
+export default OdsDataGridNew;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/ContentHandlers.d.ts

@@ -0,0 +1,14 @@
+import { ContentReadyEvent } from "devextreme/ui/data_grid";
+import { IColumnConfig } from "../types";
+/**
+ * Custom hook to handle content ready events for the data grid.
+ * @param {React.MutableRefObject<any>} lastPageIndexRef - Reference to the last page index.
+ * @param {boolean} contentReady - Boolean indicating if the content is ready.
+ * @param {Function} setRowCount - Function to set the row count state
+ * @param {Function} setContentReady - Function to set the content ready state.
+ * @param {Function} setCurrentPage - Function to set the current page state.
+ * @param {Function} setCurrentPageSize - Function to set the current page size state.
+ * @param {Function} [callback] - Optional callback function.
+ * @returns {(e: ContentReadyEvent<any, any>) => void} handleContentReady - Handler for content ready event.
+ */
+export declare const useContentHandlers: (lastPageIndexRef: React.MutableRefObject<any>, contentReady: boolean, columns: IColumnConfig[], setRowCount: Function, setContentReady: Function, setCurrentPage: Function, setCurrentPageSize: Function, setHeaderFilterData: Function, callback?: Function) => (e: ContentReadyEvent<any, any>) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/EditorPreparedHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook that returns a callback function to handle the "editorPrepared" event of a DevExtreme component.
+ * This callback function is responsible for customizing the editor's behavior based on specific conditions.
+ *
+ * @returns {Function} The callback function to handle the "editorPrepared" event.
+ */
+export declare const useEditorPreparedHandlers: () => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnContentReadyHandler.d.ts

@@ -11,8 +11,7 @@ import { IColumnOptions } from "../types";
  * @param {Function} setUpdateTrigger - Function to set the update trigger.
  * @param {Function} setCurrentPage - Function to set the current page.
  * @param {Function} setCurrentPageSize - Function to set the current page size.
- * @param {Function} setHeaderFilterData - Function to set the header filter data.
  * @param {Function} [callback] - Optional callback function.
  * @returns {(e: ContentReadyEvent<any, any>) => void} handleContentReady - Handler for content ready event.
  */
-export declare const useOnContentReadyHandler: (columns: IColumnOptions[], lastPageIndexRef: MutableRefObject<number>, filterApplied: boolean, totalFilteredCount: MutableRefObject<number>, totalUnfilteredCount: MutableRefObject<number>, setUpdateTrigger: Function, setCurrentPage: Function, setCurrentPageSize: Function, setHeaderFilterData: Function, callback: Function) => (e: ContentReadyEvent<any, any>) => void;
+export declare const useOnContentReadyHandler: (columns: IColumnOptions[], lastPageIndexRef: MutableRefObject<number>, filterApplied: boolean, totalFilteredCount: MutableRefObject<number>, totalUnfilteredCount: MutableRefObject<number>, setUpdateTrigger: Function, setCurrentPage: Function, setCurrentPageSize: Function, callback: Function) => (e: ContentReadyEvent<any, any>) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OnExportingHandlers.d.ts

@@ -0,0 +1,19 @@
+interface IOnExportingProps {
+    gridComponent: any;
+    baseFileName?: string;
+    selectedText?: string;
+    getSummary: () => string;
+    selectedRowsOnly: boolean;
+}
+/**
+ * Handles the exporting of data from the grid component.
+ *
+ * @param {IOnExportingProps} params - The parameters for exporting the data.
+ * @param {React.RefObject<Grid>} params.gridComponent - The reference to the grid component.
+ * @param {string} params.baseFileName - The base file name for the exported file.
+ * @param {string} params.selectedText - The text to be displayed for selected rows.
+ * @param {Function} params.getSummary - The function to get the summary of the exported data.
+ * @param {boolean} params.selectedRowsOnly - Indicates whether to export only selected rows.
+ */
+export declare const onExporting: ({ gridComponent, baseFileName, selectedText, getSummary, selectedRowsOnly, }: IOnExportingProps) => void;
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/OptionHandlers.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Custom hook to handle option change events for the data grid.
+ * @param {Object} dataGridRef - The dataGridRef property passed to the hook.
+ * @param {Function} setFilterApplied - Function to set the filter applied state.
+ * @returns {Function} - Handler function for option changed event.
+ */
+export declare const useOptionHandlers: (dataGridRef: any, setFilterApplied: any) => (e: any) => void;

package/dist/components/devextreme/OdsInlineEditDataGrid/handlers/SummaryHandlers.d.ts

@@ -0,0 +1,21 @@
+import type { ISummaryRowOptions } from "../types";
+interface IUseSummaryHandlersProps {
+    customSummary?: ISummaryRowOptions;
+    totalRecordCount: number;
+    currentPageSize: number;
+    currentPage: number;
+    filterApplied: boolean;
+    rowCount: number;
+    filteredRowCount: number;
+    isServerSide?: boolean;
+}
+/**
+ * Custom hook that provides summary handlers for a data grid.
+ *
+ * @param {IUseSummaryHandlersProps} props - The props object containing necessary parameters.
+ * @returns {Object} - An object containing the renderTotal function.
+ */
+export declare const useSummaryHandlers: ({ customSummary, totalRecordCount, currentPageSize, currentPage, filterApplied, rowCount, filteredRowCount, }: IUseSummaryHandlersProps) => {
+    renderTotal: () => string | null;
+};
+export {};

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/ActionCellRender.d.ts

@@ -0,0 +1,15 @@
+import { FC } from "react";
+import { IVirtualDataGridProps } from "../types";
+interface ActionCellRenderProps {
+    cellData: any;
+    actionButtons: IVirtualDataGridProps["actionButtonGroup"];
+    edit?: IVirtualDataGridProps["edit"];
+    actionButtonGroup?: IVirtualDataGridProps["actionButtonGroup"];
+}
+/**
+ * Renders the action buttons for a cell in the OdsInlineEditDataGrid component.
+ * @param {ActionCellRenderProps} props - The props for the ActionCellRender component.
+ * @returns {ReactNode} - The rendered action buttons.
+ */
+declare const ActionCellRender: FC<ActionCellRenderProps>;
+export default ActionCellRender;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/EditingPartial.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { IEditingOptions } from "../types";
+/**
+ * Component that handles editing functionalities within the data grid.
+ * @param {IEditingOptions} props - The properties passed to the component.
+ * @returns {JSX.Element} - The JSX element representing the editing handlers.
+ */
+declare const EditingPartial: React.FC<IEditingOptions>;
+export default EditingPartial;

package/dist/components/devextreme/OdsInlineEditDataGrid/partials/PageTitle.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { IToolbarButton } from "../types";
+interface PageTitleAndToolbarProps {
+    pageTitle?: string;
+    toolbarButtonGroup?: IToolbarButton[];
+}
+declare const MemoizedPageTitleAndToolbar: React.NamedExoticComponent<PageTitleAndToolbarProps>;
+export default MemoizedPageTitleAndToolbar;

package/dist/components/devextreme/OdsInlineEditDataGrid/utils.d.ts

@@ -0,0 +1,19 @@
+interface IConcatFilteredLabelProps {
+    result: string;
+    totalLoaded: number;
+    filteredRowCount: number;
+    filterApplied: boolean;
+    summaryFilteredDataLabel: string;
+}
+/**
+ * Concatenates the filtered label with the result string.
+ *
+ * @param {IConcatFilteredLabelProps} props - The object containing the necessary properties.
+ * @returns {string} - The concatenated result string.
+ */
+export declare const concatFilteredLabel: ({ result, totalLoaded, filteredRowCount, filterApplied, summaryFilteredDataLabel, }: IConcatFilteredLabelProps) => string;
+export {};
+/**
+ * This file contains utility functions related to the OdsInlineEditDataGrid component.
+ * These utility functions are used for handling filtering and data manipulation.
+ */

package/dist/components/devextreme/OdsProfDataGrid.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare function OdsProfDataGrid(props: any): React.JSX.Element;
+export default OdsProfDataGrid;

package/dist/components/devextreme/treeview/DxTreeView.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DxTreeView: (props: any) => React.JSX.Element;
+export default DxTreeView;

package/dist/index.js

@@ -35022,7 +35022,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   var renderTotal = React.useCallback(function () {
     var _props$customSummary, _props$customSummary2, _props$customSummary3, _props$customSummary4;
     var totalLoaded = filterApplied ? totalFilteredCount.current : totalUnfilteredCount.current;
-    var loadedPage = currentPage + 1;
+    var loadedPage = currentPage;
     var totalRecords = props.totalRecordCount;
     var totalPageCount = Math.ceil(totalRecords / currentPageSize);
     if (totalLoaded === 0 || totalLoaded === -1) {
@@ -35033,12 +35033,12 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     var result = "" + filteredDisplayText + loadedDisplayText + totalRecords + " " + ((_props$customSummary3 = props.customSummary) === null || _props$customSummary3 === void 0 ? void 0 : _props$customSummary3.summaryTotalDataLabel);
     result += " - " + ((_props$customSummary4 = props.customSummary) === null || _props$customSummary4 === void 0 ? void 0 : _props$customSummary4.summaryTotalPageCountLabel) + " " + loadedPage + " / " + totalPageCount;
     return result;
-  }, [currentPage, currentPageSize, filterApplied, props.customSummary, props.totalRecordCount, totalUnfilteredCount]);
+  }, [currentPage, currentPageSize, filterApplied, props.customSummary, props.totalRecordCount, totalUnfilteredCount, props.dataSource]);
   var handleContentReady = React.useCallback(function (e) {
     var _dataGridInstance$get;
     var dataGridInstance = e.component;
-    var currentPageIndex = dataGridInstance.pageIndex();
-    var currentTotalCount = dataGridInstance.totalCount();
+    var currentPageIndex = dataGridInstance.pageCount();
+    var currentTotalCount = currentPageIndex == 0 ? 50 : dataGridInstance.totalCount();
     var newData = dataGridInstance === null || dataGridInstance === void 0 ? void 0 : (_dataGridInstance$get = dataGridInstance.getDataSource()) === null || _dataGridInstance$get === void 0 ? void 0 : _dataGridInstance$get.items();
     if (lastPageIndexRef.current !== currentPageIndex && newData && newData.length > 0) {
       setHeaderFilterData(function (prevData) {
@@ -35070,6 +35070,12 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
       setCurrentPage(currentPageIndex);
       setCurrentPageSize(dataGridInstance.pageSize());
       rowCount.current = currentTotalCount;
+      setUpdateTrigger(function (prev) {
+        return !prev;
+      });
+      lastPageIndexRef.current = currentPageIndex;
+    }
+    if (currentTotalCount > 0) {
       if (filterApplied) {
         totalFilteredCount.current = currentTotalCount;
       } else {
@@ -35078,10 +35084,6 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
       if (!filterApplied && totalFilteredCount.current === 0) {
         totalFilteredCount.current = totalUnfilteredCount.current;
       }
-      setUpdateTrigger(function (prev) {
-        return !prev;
-      });
-      lastPageIndexRef.current = currentPageIndex;
     }
   }, [props.columns, filterApplied]);
   var handleOptionChanged = React.useCallback(function (e) {
@@ -35094,6 +35096,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     };
     if (e.fullName.includes("sortOrder")) {
       dataGrid.getScrollable().scrollTo(0);
+      setHeaderFilterData([]);
     }
     if (e.fullName.includes("filterValue") || e.fullName.includes("filter") || e.fullName === "searchPanel.text") {
       var active = updateFilterStatus();
@@ -35343,7 +35346,8 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     onToolbarPreparing: props.onToolbarPreparing,
     ref: props.dataGridRef
   }), React__default.createElement(DataGrid.Scrolling, {
-    mode: "infinite"
+    mode: "infinite",
+    preloadEnabled: true
   }), React__default.createElement(DataGrid.Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -35367,7 +35371,6 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
         value: false
       }]
     }), React__default.createElement(DataGrid.HeaderFilter, {
-      allowSearch: true,
       dataSource: [].concat(filterOptions[col.dataField] || [])
     }), col.multiLevelColumns && col.multiLevelColumns.map(function (multiLevelColItem) {
       return React__default.createElement(DataGrid.Column, {
@@ -35511,7 +35514,7 @@ var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visible
   return onActionCellRender;
 };
 
-var useOnContentReadyHandler = function useOnContentReadyHandler(columns, lastPageIndexRef, filterApplied, totalFilteredCount, totalUnfilteredCount, setUpdateTrigger, setCurrentPage, setCurrentPageSize, setHeaderFilterData, callback) {
+var useOnContentReadyHandler = function useOnContentReadyHandler(columns, lastPageIndexRef, filterApplied, totalFilteredCount, totalUnfilteredCount, setUpdateTrigger, setCurrentPage, setCurrentPageSize, callback) {
   var onContentReady = React.useCallback(function (e) {
     var _dataGridInstance$get;
     var dataGridInstance = e.component;
@@ -35519,32 +35522,6 @@ var useOnContentReadyHandler = function useOnContentReadyHandler(columns, lastPa
     var currentTotalCount = dataGridInstance.totalCount();
     var newData = dataGridInstance === null || dataGridInstance === void 0 ? void 0 : (_dataGridInstance$get = dataGridInstance.getDataSource()) === null || _dataGridInstance$get === void 0 ? void 0 : _dataGridInstance$get.items();
     if (lastPageIndexRef.current !== currentPageIndex && newData && newData.length > 0) {
-      setHeaderFilterData(function (prevData) {
-        var uniqueValuesByColumn = {};
-        columns.forEach(function (col) {
-          uniqueValuesByColumn[col.dataField] = new Set(prevData.map(function (item) {
-            return item[col.dataField];
-          }).filter(function (val) {
-            return val !== null && val !== "";
-          }));
-        });
-        var newItems = [];
-        newData.forEach(function (item) {
-          var addItem = {};
-          columns.forEach(function (col) {
-            var _item$col$dataField;
-            var colValue = (_item$col$dataField = item[col.dataField]) === null || _item$col$dataField === void 0 ? void 0 : _item$col$dataField.toString();
-            if (colValue && !uniqueValuesByColumn[col.dataField].has(colValue)) {
-              uniqueValuesByColumn[col.dataField].add(colValue);
-              addItem[col.dataField] = colValue;
-            }
-          });
-          if (Object.keys(addItem).length > 0) {
-            newItems.push(addItem);
-          }
-        });
-        return [].concat(prevData, newItems);
-      });
       setCurrentPage(currentPageIndex);
       setCurrentPageSize(dataGridInstance.pageSize());
       if (filterApplied) {
@@ -35696,7 +35673,7 @@ var PageTitleAndToolbar = function PageTitleAndToolbar(_ref) {
 };
 var MemoizedPageTitleAndToolbar = React__default.memo(PageTitleAndToolbar);
 
-var _excluded$5 = ["dataGridRef", "actionColumnEnable", "actionButtonGroup", "gridColumns", "columnResizingMode", "customSummary", "dataSource", "editProps", "exportProps", "isFilterPanel", "isFilterRow", "pageTitle", "pagerProps", "pageSize", "scrollingProps", "sortingProps", "toolbarButtonGroup", "totalRecordCount", "width", "height", "className", "onCellClick", "onContentReady", "onEditorPrepared", "onOptionChanged", "onExporting"];
+var _excluded$5 = ["dataGridRef", "actionColumnEnable", "actionButtonGroup", "gridColumns", "columnResizingMode", "customSummary", "dataSource", "editProps", "exportProps", "headerFilter", "isFilterPanel", "isFilterRow", "pageTitle", "pagerProps", "pageSize", "scrollingProps", "sortingProps", "toolbarButtonGroup", "totalRecordCount", "width", "height", "className", "onCellClick", "onContentReady", "onEditorPrepared", "onOptionChanged", "onExporting"];
 var DefaultDataGridOptions = {
   allowColumnReordering: true,
   allowColumnResizing: true,
@@ -35720,6 +35697,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     dataSourceFromProps = props.dataSource,
     editPropsFromProps = props.editProps,
     exportPropsFromProps = props.exportProps,
+    headerFilterFromProps = props.headerFilter,
     isFilterPanelFromProps = props.isFilterPanel,
     isFilterRowFromProps = props.isFilterRow,
     pageTitleFromProps = props.pageTitle,
@@ -35744,22 +35722,16 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   var _useState2 = React.useState(pageSizeFromProps != null ? pageSizeFromProps : 50),
     currentPageSize = _useState2[0],
     setCurrentPageSize = _useState2[1];
-  var _useState3 = React.useState({}),
-    filterOptions = _useState3[0],
-    setFilterOptions = _useState3[1];
+  var _useState3 = React.useState(false),
+    filterApplied = _useState3[0],
+    setFilterApplied = _useState3[1];
   var _useState4 = React.useState(false),
-    filterApplied = _useState4[0],
-    setFilterApplied = _useState4[1];
-  var _useState5 = React.useState([]),
-    headerFilterData = _useState5[0],
-    setHeaderFilterData = _useState5[1];
-  var _useState6 = React.useState(false),
-    updateTrigger = _useState6[0],
-    setUpdateTrigger = _useState6[1];
+    updateTrigger = _useState4[0],
+    setUpdateTrigger = _useState4[1];
   var lastPageIndexRef = React.useRef(null);
   var totalUnfilteredCount = React.useRef(0);
   var totalFilteredCount = React.useRef(0);
-  var handleContentReady = useOnContentReadyHandler(gridColumnsFromProps, lastPageIndexRef, filterApplied, totalFilteredCount, totalUnfilteredCount, setUpdateTrigger, setCurrentPage, setCurrentPageSize, setHeaderFilterData, onContentReadyFromProps);
+  var handleContentReady = useOnContentReadyHandler(gridColumnsFromProps, lastPageIndexRef, filterApplied, totalFilteredCount, totalUnfilteredCount, setUpdateTrigger, setCurrentPage, setCurrentPageSize, onContentReadyFromProps);
   var _useOnSummaryHandler = useOnSummaryHandler({
       customSummary: customSummaryFromProps,
       totalRecordCount: totalRecordCountFromProps,
@@ -35772,45 +35744,6 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     renderTotal = _useOnSummaryHandler.renderTotal;
   var handleOptionChanged = useOnOptionChangedHandler(dataGridRefFromProps, totalFilteredCount, sortingPropsFromProps, setFilterApplied, setUpdateTrigger, onOptionChangedFromProps);
   React.useEffect(function () {}, [updateTrigger]);
-  React.useEffect(function () {
-    var loadFilterData = function loadFilterData() {
-      try {
-        var newFilterOptions = {};
-        var _loop = function _loop() {
-          var col = _step.value;
-          try {
-            if (headerFilterData.length > 0) {
-              var newData = headerFilterData.filter(function (item) {
-                return item[col.dataField] != null && item[col.dataField] !== "";
-              }).map(function (item) {
-                return item[col.dataField].toString();
-              });
-              var values = newData.map(function (group) {
-                return {
-                  text: group,
-                  value: group
-                };
-              });
-              newFilterOptions[col.dataField] = values;
-            }
-          } catch (error) {
-            console.error("Error loading data for header filter:", error);
-          }
-        };
-        for (var _iterator = _createForOfIteratorHelperLoose(gridColumnsFromProps), _step; !(_step = _iterator()).done;) {
-          _loop();
-        }
-        setFilterOptions(newFilterOptions);
-        return Promise.resolve();
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    };
-    loadFilterData();
-  }, [headerFilterData, gridColumnsFromProps]);
-  React.useEffect(function () {
-    setHeaderFilterData([]);
-  }, []);
   var handleEditorPrepared = useOnEditorPreparedHandler(onEditorPreparedFromProps);
   var handleExporting = useOnExportingHandler(exportPropsFromProps, renderTotal, onExportingFromProps);
   var handleCellClick = React.useCallback(function (e) {
@@ -35821,7 +35754,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
       onCellClickFromProps(e);
     }
   }, []);
-  var visibleActionButtons = React.useMemo(function () {
+  var VisibleActionButtons = React.useMemo(function () {
     if (actionButtonGroupFromProps) {
       if (actionButtonGroupFromProps.length >= 2 && !editPropsFromProps) {
         return actionButtonGroupFromProps.slice(0, 2);
@@ -35830,29 +35763,26 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     }
     return [];
   }, []);
-  var ActionCellRenderPartial = useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroupFromProps, editPropsFromProps);
+  var ActionCellRenderPartial = useOnActionCellRenderHandler(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps);
   var DataGridOptionsFromProps = React.useMemo(function () {
     return _extends({}, AllGridOptions, DefaultDataGridOptions, {
       columnResizingMode: columnResizingModeFromProps != null ? columnResizingModeFromProps : "nextColumn"
     });
   }, []);
-  var MemoizedDataGridHeight = React.useMemo(function () {
+  var DataGridHeight = React.useMemo(function () {
     return heightFromProps != null ? heightFromProps : window.innerHeight > 164 ? window.innerHeight - 164 : window.innerHeight;
   }, []);
-  var rederedGridColumns = React.useMemo(function () {
+  var RederedGridColumns = React.useMemo(function () {
     return gridColumnsFromProps.map(function (col) {
-      var _col$headerFilter, _col$multiLevelColumn;
+      var _col$multiLevelColumn;
       return React__default.createElement(DataGrid.Column, Object.assign({
         key: col.dataField
       }, col, {
         minWidth: 10
-      }), col.lookup && React__default.createElement(DataGrid.Lookup, Object.assign({}, col.lookup)), ((_col$headerFilter = col.headerFilter) === null || _col$headerFilter === void 0 ? void 0 : _col$headerFilter.dataSource) && React__default.createElement(DataGrid.HeaderFilter, {
-        dataSource: col.headerFilter.dataSource,
-        visible: true
-      }), col.headerFilter && !col.headerFilter.dataSource && React__default.createElement(DataGrid.HeaderFilter, {
-        allowSearch: true,
-        dataSource: [].concat(filterOptions[col.dataField] || [])
-      }), (_col$multiLevelColumn = col.multiLevelColumns) === null || _col$multiLevelColumn === void 0 ? void 0 : _col$multiLevelColumn.map(function (multiLevelColItem) {
+      }), col.lookup && React__default.createElement(DataGrid.Lookup, Object.assign({}, col.lookup)), col.headerFilter && React__default.createElement(DataGrid.HeaderFilter, Object.assign({}, col.headerFilter, {
+        visible: true,
+        allowSearch: true
+      })), (_col$multiLevelColumn = col.multiLevelColumns) === null || _col$multiLevelColumn === void 0 ? void 0 : _col$multiLevelColumn.map(function (multiLevelColItem) {
         return React__default.createElement(DataGrid.Column, {
           key: multiLevelColItem.dataField,
           dataField: multiLevelColItem.dataField,
@@ -35862,6 +35792,11 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
       }));
     });
   }, [gridColumnsFromProps]);
+  var isHeaderFilterEnabledInAnyColumn = React.useMemo(function () {
+    return gridColumnsFromProps.some(function (col) {
+      return col.headerFilter;
+    });
+  }, [gridColumnsFromProps]);
   return React__default.createElement("div", null, pageTitleFromProps && React__default.createElement(MemoizedPageTitleAndToolbar, {
     pageTitle: pageTitleFromProps,
     toolbarButtonGroup: toolbarButtonGroupFromProps
@@ -35869,7 +35804,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     ref: dataGridRefFromProps,
     dataSource: dataSourceFromProps,
     width: "100%",
-    height: MemoizedDataGridHeight,
+    height: DataGridHeight,
     className: gridStyle.grid
   }, DataGridOptionsFromProps, {
     onCellClick: handleCellClick,
@@ -35877,7 +35812,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     onEditorPrepared: handleEditorPrepared,
     onExporting: handleExporting,
     onOptionChanged: handleOptionChanged
-  }), rederedGridColumns, React__default.createElement(DataGrid.ColumnChooser, {
+  }), RederedGridColumns, React__default.createElement(DataGrid.ColumnChooser, {
     enabled: true,
     mode: "select"
   }, !props.columnChooserPositionDisabled && React__default.createElement(DataGrid.Position, {
@@ -35897,9 +35832,9 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     useIcons: true
   })), (exportPropsFromProps === null || exportPropsFromProps === void 0 ? void 0 : exportPropsFromProps.enabled) && React__default.createElement(DataGrid.Export, Object.assign({}, exportPropsFromProps)), isFilterPanelFromProps && React__default.createElement(DataGrid.FilterPanel, {
     visible: isFilterPanelFromProps
-  }), React__default.createElement(DataGrid.HeaderFilter, {
+  }), ((headerFilterFromProps === null || headerFilterFromProps === void 0 ? void 0 : headerFilterFromProps.visible) || isHeaderFilterEnabledInAnyColumn) && React__default.createElement(DataGrid.HeaderFilter, Object.assign({}, headerFilterFromProps, {
     visible: true
-  }), isFilterRowFromProps && React__default.createElement(DataGrid.FilterRow, {
+  })), isFilterRowFromProps && React__default.createElement(DataGrid.FilterRow, {
     visible: isFilterRowFromProps
   }), actionColumnEnableFromProps && actionButtonGroupFromProps && React__default.createElement(DataGrid.Column, {
     dataField: "Actions",