primereact 8.6.0 → 8.7.0

package/datatable/datatable.esm.js

@@ -11,6 +11,7 @@ import { CSSTransition } from 'primereact/csstransition';
 import { Dropdown } from 'primereact/dropdown';
 import { InputText } from 'primereact/inputtext';
 import { Portal } from 'primereact/portal';
+import { Tooltip } from 'primereact/tooltip';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -804,7 +805,6 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     var tabIndex = getTabIndex(cellSelected);
     var selectionMode = getColumnProp('selectionMode');
     var rowReorder = getColumnProp('rowReorder');
-    var expander = getColumnProp('expander');
     var rowEditor = getColumnProp('rowEditor');
     var header = getColumnProp('header');
     var body = getColumnProp('body');
@@ -812,12 +812,17 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     var frozen = getColumnProp('frozen');
     var align = getColumnProp('align');
     var value = resolveFieldData();
-    var cellClassName = ObjectUtils.getPropValue(props.cellClassName, value, {
-      props: props.tableProps,
-      rowData: props.rowData,
-      column: props.column
-    });
-    var className = classNames(getColumnProp('bodyClassName'), getColumnProp('className'), cellClassName, _defineProperty({
+    var columnBodyOptions = {
+      column: props.column,
+      field: field,
+      rowIndex: props.rowIndex,
+      frozenRow: props.frozenRow,
+      props: props.tableProps
+    };
+    var expander = ObjectUtils.getPropValue(getColumnProp('expander'), props.rowData, columnBodyOptions);
+    var cellClassName = ObjectUtils.getPropValue(props.cellClassName, value, columnBodyOptions);
+    var bodyClassName = ObjectUtils.getPropValue(getColumnProp('bodyClassName'), props.rowData, columnBodyOptions);
+    var className = classNames(bodyClassName, getColumnProp('className'), cellClassName, _defineProperty({
       'p-selection-column': selectionMode !== null,
       'p-editable-column': editor,
       'p-cell-editing': editor && editingState,
@@ -1790,8 +1795,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var onRangeSelection = function onRangeSelection(event, type) {
     DomHandler.clearSelection();
     rangeRowIndex.current = allowCellSelection() ? event.rowIndex : event.index;
-    var selectionInRange = selectRange(event);
-    var selection = isMultipleSelection() ? _toConsumableArray(new Set([].concat(_toConsumableArray(props.selection || []), _toConsumableArray(selectionInRange)))) : selectionInRange;
+    var selection = selectRange(event);
 
     if (props.onSelectionChange && selection !== props.selection) {
       props.onSelectionChange({
@@ -1873,6 +1877,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
       var rowData = value[i];
       var columns = props.columns;
+      var rowIndex = props.paginator ? i + props.first : i;
 
       for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
         var field = columns[j].props.field;
@@ -1883,7 +1888,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           value: _value,
           field: field,
           rowData: rowData,
-          rowIndex: i,
+          rowIndex: rowIndex,
           cellIndex: j,
           selected: true
         };
@@ -2715,7 +2720,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
 
   var hasFilter = function hasFilter() {
     if (!filterStoreModel || !filterModel) return false;
-    return filterStoreModel.operator ? !isFilterBlank(filterModel.constraints[0].value) && filterStoreModel.constraints[0].value !== filterModel.constraints[0].value : !isFilterBlank(filterModel.value) && filterStoreModel.value !== filterModel.value;
+    return filterStoreModel.operator ? !isFilterBlank(filterModel.constraints[0].value) : !isFilterBlank(filterModel.value);
   };
 
   var hasRowFilter = function hasRowFilter() {
@@ -3853,9 +3858,12 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
     var colSpan = getColumnProp('colSpan');
     var rowSpan = getColumnProp('rowSpan');
     var ariaSort = getAriaSort(sortMeta);
+    var headerTooltip = getColumnProp('headerTooltip');
+    var hasTooltip = ObjectUtils.isNotEmpty(headerTooltip);
+    var headerTooltipOptions = getColumnProp('headerTooltipOptions');
     var resizer = createResizer();
     var header = createHeader(sortMeta);
-    return /*#__PURE__*/React.createElement("th", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("th", {
       ref: elementRef,
       style: style,
       className: className,
@@ -3871,7 +3879,10 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
       colSpan: colSpan,
       rowSpan: rowSpan,
       "aria-sort": ariaSort
-    }, resizer, header);
+    }, resizer, header), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+      target: elementRef,
+      content: headerTooltip
+    }, headerTooltipOptions)));
   };
 
   var element = createElement();
@@ -4762,6 +4773,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return;
     }
 
+    if (!props.reorderableColumns) return;
     colReorderIconWidth.current = DomHandler.getHiddenElementOuterWidth(reorderIndicatorUpRef.current);
     colReorderIconHeight.current = DomHandler.getHiddenElementOuterHeight(reorderIndicatorUpRef.current);
     draggedColumn.current = column;
@@ -5096,10 +5108,10 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setD_filtersState(filters);
   };
 
-  var onFilterApply = function onFilterApply() {
+  var onFilterApply = function onFilterApply(filtersToApply) {
     clearTimeout(filterTimeout.current);
     filterTimeout.current = setTimeout(function () {
-      var filters = cloneFilters(d_filtersState);
+      var filters = cloneFilters(filtersToApply || d_filtersState);
 
       if (props.onFilter) {
         props.onFilter(createEvent({
@@ -5167,7 +5179,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (isGlobalFilter && !globalMatch && globalFilterFieldsArray) {
         for (var _j = 0; _j < globalFilterFieldsArray.length; _j++) {
           var globalFilterField = globalFilterFieldsArray[_j];
-          var matchMode = filters['global'] ? filters['global'].matchMode : FilterMatchMode.CONTAINS;
+          var matchMode = filters['global'] ? filters['global'].matchMode : props.globalFilterMatchMode;
           var value = filters['global'] ? filters['global'].value : props.globalFilter;
           globalMatch = FilterService.filters[matchMode](ObjectUtils.resolveFieldData(data[i], globalFilterField), value, props.filterLocale);
 
@@ -5274,7 +5286,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
     props.filterDisplay === 'menu' && meta && meta.operator ? filters[field].constraints[index] = constraint : filters[field] = constraint;
     setD_filtersState(filters);
-    onFilterApply();
+    onFilterApply(filters);
   };
 
   var reset = function reset() {
@@ -5479,7 +5491,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [props.responsiveLayout]);
   useUpdateEffect(function () {
     if (props.globalFilter) {
-      filter(props.globalFilter, 'global', 'contains');
+      filter(props.globalFilter, 'global', props.globalFilterMatchMode);
     }
   }, [props.globalFilter]);
   useUnmountEffect(function () {
@@ -5490,14 +5502,17 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
-      reset: reset,
-      resetScroll: resetScroll,
+      clearState: clearState,
+      closeEditingCell: closeEditingCell,
       exportCSV: exportCSV,
       filter: filter,
+      reset: reset,
       resetColumnOrder: resetColumnOrder,
-      closeEditingCell: closeEditingCell,
+      resetScroll: resetScroll,
+      restoreColumnWidths: restoreColumnWidths,
+      restoreState: restoreState,
       restoreTableState: restoreTableState,
-      clearState: clearState,
+      saveState: saveState,
       getElement: function getElement() {
         return elementRef.current;
       },
@@ -5918,134 +5933,135 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
 DataTable.displayName = 'DataTable';
 DataTable.defaultProps = {
   __TYPE: 'DataTable',
-  id: null,
-  value: null,
-  header: null,
-  footer: null,
-  style: null,
-  className: null,
-  tableStyle: null,
-  tableClassName: null,
-  paginator: false,
-  paginatorPosition: 'bottom',
   alwaysShowPaginator: true,
-  paginatorClassName: null,
-  paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
-  paginatorLeft: null,
-  paginatorRight: null,
-  paginatorDropdownAppendTo: null,
-  pageLinkSize: 5,
-  rowsPerPageOptions: null,
-  currentPageReportTemplate: '({currentPage} of {totalPages})',
-  first: 0,
-  rows: null,
-  totalRecords: null,
-  lazy: false,
-  sortField: null,
-  sortOrder: null,
-  multiSortMeta: null,
-  sortMode: 'single',
-  defaultSortOrder: 1,
-  removableSort: false,
-  emptyMessage: null,
-  selectionMode: null,
-  dragSelection: false,
+  autoLayout: false,
+  breakpoint: '960px',
+  cellClassName: null,
   cellSelection: false,
-  selection: null,
-  selectionAriaLabel: null,
-  onSelectionChange: null,
-  contextMenuSelection: null,
-  onContextMenuSelectionChange: null,
-  compareSelectionBy: 'deepEquals',
-  dataKey: null,
-  metaKeySelection: true,
-  selectOnEdit: true,
-  selectionPageOnly: false,
-  selectionAutoFocus: true,
-  showSelectAll: true,
-  selectAll: false,
-  onSelectAllChange: null,
-  headerColumnGroup: null,
-  footerColumnGroup: null,
-  rowExpansionTemplate: null,
-  expandedRows: null,
-  onRowToggle: null,
-  resizableColumns: false,
+  className: null,
+  collapsedRowIcon: 'pi pi-chevron-right',
   columnResizeMode: 'fit',
-  reorderableColumns: false,
-  reorderableRows: false,
-  filters: null,
-  globalFilter: null,
-  filterDelay: 300,
-  filterLocale: undefined,
-  scrollable: false,
-  scrollHeight: null,
-  scrollDirection: 'vertical',
-  virtualScrollerOptions: null,
-  frozenWidth: null,
-  frozenValue: null,
+  compareSelectionBy: 'deepEquals',
+  contextMenuSelection: null,
   csvSeparator: ',',
-  exportFilename: 'download',
-  rowGroupMode: null,
-  autoLayout: false,
-  rowClassName: null,
-  cellClassName: null,
-  rowGroupHeaderTemplate: null,
-  rowGroupFooterTemplate: null,
-  loading: false,
-  loadingIcon: 'pi pi-spinner',
-  tabIndex: 0,
-  stateKey: null,
-  stateStorage: 'session',
-  groupRowsBy: null,
+  currentPageReportTemplate: '({currentPage} of {totalPages})',
+  customRestoreState: null,
+  customSaveState: null,
+  dataKey: null,
+  defaultSortOrder: 1,
+  dragSelection: false,
   editMode: 'cell',
   editingRows: null,
+  emptyMessage: null,
   expandableRowGroups: false,
-  rowHover: false,
-  showGridlines: false,
-  stripedRows: false,
-  size: 'normal',
-  responsiveLayout: 'stack',
-  breakpoint: '960px',
-  filterDisplay: 'menu',
   expandedRowIcon: 'pi pi-chevron-down',
-  collapsedRowIcon: 'pi pi-chevron-right',
-  onRowEditComplete: null,
+  expandedRows: null,
+  exportFilename: 'download',
+  exportFunction: null,
+  filterDelay: 300,
+  filterDisplay: 'menu',
+  filterLocale: undefined,
+  filters: null,
+  first: 0,
+  footer: null,
+  footerColumnGroup: null,
+  frozenValue: null,
+  frozenWidth: null,
+  globalFilter: null,
   globalFilterFields: null,
-  showSelectionElement: null,
-  showRowReorderElement: null,
+  globalFilterMatchMode: FilterMatchMode.CONTAINS,
+  groupRowsBy: null,
+  header: null,
+  headerColumnGroup: null,
+  id: null,
   isDataSelectable: null,
+  lazy: false,
+  loading: false,
+  loadingIcon: 'pi pi-spinner',
+  metaKeySelection: true,
+  multiSortMeta: null,
+  onAllRowsSelect: null,
+  onAllRowsUnselect: null,
+  onCellClick: null,
+  onCellSelect: null,
+  onCellUnselect: null,
+  onColReorder: null,
   onColumnResizeEnd: null,
   onColumnResizerClick: null,
   onColumnResizerDoubleClick: null,
-  onSort: null,
-  onPage: null,
+  onContextMenu: null,
+  onContextMenuSelectionChange: null,
   onFilter: null,
-  onAllRowsSelect: null,
-  onAllRowsUnselect: null,
+  onPage: null,
   onRowClick: null,
+  onRowCollapse: null,
   onRowDoubleClick: null,
-  onRowSelect: null,
-  onRowUnselect: null,
+  onRowEditCancel: null,
+  onRowEditChange: null,
+  onRowEditComplete: null,
+  onRowEditInit: null,
+  onRowEditSave: null,
   onRowExpand: null,
-  onRowCollapse: null,
-  onContextMenu: null,
-  onColReorder: null,
-  onCellClick: null,
-  onCellSelect: null,
-  onCellUnselect: null,
   onRowReorder: null,
+  onRowSelect: null,
+  onRowToggle: null,
+  onRowUnselect: null,
+  onSelectAllChange: null,
+  onSelectionChange: null,
+  onSort: null,
+  onStateRestore: null,
+  onStateSave: null,
   onValueChange: null,
+  pageLinkSize: 5,
+  paginator: false,
+  paginatorClassName: null,
+  paginatorDropdownAppendTo: null,
+  paginatorLeft: null,
+  paginatorPosition: 'bottom',
+  paginatorRight: null,
+  paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
+  removableSort: false,
+  reorderableColumns: false,
+  reorderableRows: false,
+  resizableColumns: false,
+  responsiveLayout: 'stack',
+  rowClassName: null,
   rowEditValidator: null,
-  onRowEditInit: null,
-  onRowEditSave: null,
-  onRowEditCancel: null,
-  onRowEditChange: null,
-  exportFunction: null,
-  customSaveState: null,
-  customRestoreState: null,
-  onStateSave: null,
-  onStateRestore: null
+  rowExpansionTemplate: null,
+  rowGroupFooterTemplate: null,
+  rowGroupHeaderTemplate: null,
+  rowGroupMode: null,
+  rowHover: false,
+  rows: null,
+  rowsPerPageOptions: null,
+  scrollDirection: 'vertical',
+  scrollHeight: null,
+  scrollable: false,
+  selectAll: false,
+  selectOnEdit: true,
+  selection: null,
+  selectionAriaLabel: null,
+  selectionAutoFocus: true,
+  selectionMode: null,
+  selectionPageOnly: false,
+  showGridlines: false,
+  showRowReorderElement: null,
+  showSelectAll: true,
+  showSelectionElement: null,
+  size: 'normal',
+  sortField: null,
+  sortMode: 'single',
+  sortOrder: null,
+  stateKey: null,
+  stateStorage: 'session',
+  stripedRows: false,
+  style: null,
+  tabIndex: 0,
+  tableClassName: null,
+  tableStyle: null,
+  totalRecords: null,
+  value: null,
+  virtualScrollerOptions: null
 };
 
 export { DataTable };