primereact 8.6.1 → 8.7.0

package/datatable/datatable.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.datatable = (function (exports, React, PrimeReact, hooks, paginator, utils, virtualscroller, overlayservice, ripple, button, csstransition, dropdown, inputtext, portal) {
+this.primereact.datatable = (function (exports, React, PrimeReact, hooks, paginator, utils, virtualscroller, overlayservice, ripple, button, csstransition, dropdown, inputtext, portal, tooltip) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -817,7 +817,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       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');
@@ -825,12 +824,17 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       var frozen = getColumnProp('frozen');
       var align = getColumnProp('align');
       var value = resolveFieldData();
-      var cellClassName = utils.ObjectUtils.getPropValue(props.cellClassName, value, {
-        props: props.tableProps,
-        rowData: props.rowData,
-        column: props.column
-      });
-      var className = utils.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 = utils.ObjectUtils.getPropValue(getColumnProp('expander'), props.rowData, columnBodyOptions);
+      var cellClassName = utils.ObjectUtils.getPropValue(props.cellClassName, value, columnBodyOptions);
+      var bodyClassName = utils.ObjectUtils.getPropValue(getColumnProp('bodyClassName'), props.rowData, columnBodyOptions);
+      var className = utils.classNames(bodyClassName, getColumnProp('className'), cellClassName, _defineProperty({
         'p-selection-column': selectionMode !== null,
         'p-editable-column': editor,
         'p-cell-editing': editor && editingState,
@@ -1803,8 +1807,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     var onRangeSelection = function onRangeSelection(event, type) {
       utils.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({
@@ -1886,6 +1889,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       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;
@@ -1896,7 +1900,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
             value: _value,
             field: field,
             rowData: rowData,
-            rowIndex: i,
+            rowIndex: rowIndex,
             cellIndex: j,
             selected: true
           };
@@ -2728,7 +2732,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
 
     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() {
@@ -3866,9 +3870,12 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       var colSpan = getColumnProp('colSpan');
       var rowSpan = getColumnProp('rowSpan');
       var ariaSort = getAriaSort(sortMeta);
+      var headerTooltip = getColumnProp('headerTooltip');
+      var hasTooltip = utils.ObjectUtils.isNotEmpty(headerTooltip);
+      var headerTooltipOptions = getColumnProp('headerTooltipOptions');
       var resizer = createResizer();
       var header = createHeader(sortMeta);
-      return /*#__PURE__*/React__namespace.createElement("th", {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", {
         ref: elementRef,
         style: style,
         className: className,
@@ -3884,7 +3891,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         colSpan: colSpan,
         rowSpan: rowSpan,
         "aria-sort": ariaSort
-      }, resizer, header);
+      }, resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+        target: elementRef,
+        content: headerTooltip
+      }, headerTooltipOptions)));
     };
 
     var element = createElement();
@@ -4775,6 +4785,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         return;
       }
 
+      if (!props.reorderableColumns) return;
       colReorderIconWidth.current = utils.DomHandler.getHiddenElementOuterWidth(reorderIndicatorUpRef.current);
       colReorderIconHeight.current = utils.DomHandler.getHiddenElementOuterHeight(reorderIndicatorUpRef.current);
       draggedColumn.current = column;
@@ -5109,10 +5120,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       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({
@@ -5180,7 +5191,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
         if (isGlobalFilter && !globalMatch && globalFilterFieldsArray) {
           for (var _j = 0; _j < globalFilterFieldsArray.length; _j++) {
             var globalFilterField = globalFilterFieldsArray[_j];
-            var matchMode = filters['global'] ? filters['global'].matchMode : PrimeReact.FilterMatchMode.CONTAINS;
+            var matchMode = filters['global'] ? filters['global'].matchMode : props.globalFilterMatchMode;
             var value = filters['global'] ? filters['global'].value : props.globalFilter;
             globalMatch = PrimeReact.FilterService.filters[matchMode](utils.ObjectUtils.resolveFieldData(data[i], globalFilterField), value, props.filterLocale);
 
@@ -5287,7 +5298,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
       };
       props.filterDisplay === 'menu' && meta && meta.operator ? filters[field].constraints[index] = constraint : filters[field] = constraint;
       setD_filtersState(filters);
-      onFilterApply();
+      onFilterApply(filters);
     };
 
     var reset = function reset() {
@@ -5492,7 +5503,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     }, [props.responsiveLayout]);
     hooks.useUpdateEffect(function () {
       if (props.globalFilter) {
-        filter(props.globalFilter, 'global', 'contains');
+        filter(props.globalFilter, 'global', props.globalFilterMatchMode);
       }
     }, [props.globalFilter]);
     hooks.useUnmountEffect(function () {
@@ -5503,14 +5514,17 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
     React__namespace.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;
         },
@@ -5931,134 +5945,135 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
   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: PrimeReact.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
   };
 
   exports.DataTable = DataTable;
@@ -6067,4 +6082,4 @@ this.primereact.datatable = (function (exports, React, PrimeReact, hooks, pagina
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.paginator, primereact.utils, primereact.virtualscroller, primereact.overlayservice, primereact.ripple, primereact.button, primereact.csstransition, primereact.dropdown, primereact.inputtext, primereact.portal);
+})({}, React, primereact.api, primereact.hooks, primereact.paginator, primereact.utils, primereact.virtualscroller, primereact.overlayservice, primereact.ripple, primereact.button, primereact.csstransition, primereact.dropdown, primereact.inputtext, primereact.portal, primereact.tooltip);