ods-component-lib 1.18.144 → 1.18.146

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/index.js

@@ -33748,8 +33748,8 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   };
   var actionButtons = React.useMemo(function () {
     if (props.actionButtonGroup) {
-      if (props.actionButtonGroup.length >= 3 && !props.edit) {
-        return props.actionButtonGroup.slice(0, 3);
+      if (props.actionButtonGroup.length > 3 && !props.edit) {
+        return props.actionButtonGroup.slice(0, 2);
       } else {
         return props.actionButtonGroup;
       }
@@ -33830,7 +33830,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     return result;
   }, [data, filteredRowCount, constants.loadedPageCount, props.pageSize, constants.totalRecordCount, filterApplied.current]);
   function actionCellRender(cellData, props) {
-    var kebabMenuButtons = props.actionButtonGroup && props.actionButtonGroup.length >= 3 && !props.edit ? props.actionButtonGroup.slice(3).map(function (button) {
+    var kebabMenuButtons = props.actionButtonGroup && props.actionButtonGroup.length > 3 && !props.edit ? props.actionButtonGroup.slice(2).map(function (button) {
       return {
         icon: button.icon,
         onClick: function onClick(event) {
@@ -35154,8 +35154,8 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   }, []);
   var actionButtons = React.useMemo(function () {
     if (props.actionButtonGroup) {
-      if (props.actionButtonGroup.length >= 3 && !props.edit) {
-        return props.actionButtonGroup.slice(0, 3);
+      if (props.actionButtonGroup.length > 3 && !props.edit) {
+        return props.actionButtonGroup.slice(0, 2);
       } else {
         return props.actionButtonGroup;
       }
@@ -35179,7 +35179,7 @@ var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
     }
   }, []);
   function actionCellRender(cellData, props) {
-    var kebabMenuButtons = props.actionButtonGroup && props.actionButtonGroup.length >= 3 && !props.edit ? props.actionButtonGroup.slice(3).map(function (button) {
+    var kebabMenuButtons = props.actionButtonGroup && props.actionButtonGroup.length > 3 && !props.edit ? props.actionButtonGroup.slice(2).map(function (button) {
       return {
         icon: button.icon,
         onClick: function onClick(event) {
@@ -35511,7 +35511,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 +35519,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 +35670,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 +35694,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 +35719,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 +35741,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 +35751,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 +35760,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 +35789,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 +35801,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     ref: dataGridRefFromProps,
     dataSource: dataSourceFromProps,
     width: "100%",
-    height: MemoizedDataGridHeight,
+    height: DataGridHeight,
     className: gridStyle.grid
   }, DataGridOptionsFromProps, {
     onCellClick: handleCellClick,
@@ -35877,7 +35809,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 +35829,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",