primereact 9.3.1 → 9.4.0

package/datatable/datatable.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks, arrowdown, arrowup, spinner, paginator, virtualscroller, overlayservice, ripple, check, times, pencil, chevrondown, chevronright, bars, button, csstransition, dropdown, inputtext, portal, filter, filterslash, trash, plus, tooltip, sortalt, sortamountdown, sortamountupalt) {
+this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks, arrowdown, arrowup, spinner, paginator, virtualscroller, bars, check, chevrondown, chevronright, pencil, times, overlayservice, ripple, button, csstransition, dropdown, filter, filterslash, plus, trash, inputtext, portal, sortalt, sortamountdown, sortamountupalt, tooltip) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -249,9 +249,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       __TYPE: 'DataTable',
       alwaysShowPaginator: true,
       breakpoint: '960px',
-      checkIcon: null,
       cellClassName: null,
       cellSelection: false,
+      checkIcon: null,
       className: null,
       collapsedRowIcon: null,
       columnResizeMode: 'fit',
@@ -272,8 +272,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       expandedRows: null,
       exportFilename: 'download',
       exportFunction: null,
+      filterClearIcon: null,
       filterDelay: 300,
       filterDisplay: 'menu',
+      filterIcon: null,
       filterLocale: undefined,
       filters: null,
       first: 0,
@@ -308,8 +310,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       onFilter: null,
       onPage: null,
       onRowClick: null,
-      onRowMouseEnter: null,
-      onRowMouseLeave: null,
       onRowCollapse: null,
       onRowDoubleClick: null,
       onRowEditCancel: null,
@@ -318,6 +318,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       onRowEditInit: null,
       onRowEditSave: null,
       onRowExpand: null,
+      onRowMouseEnter: null,
+      onRowMouseLeave: null,
       onRowReorder: null,
       onRowSelect: null,
       onRowToggle: null,
@@ -337,10 +339,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       paginatorRight: null,
       paginatorTemplate: 'FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown',
       removableSort: false,
-      reorderableColumns: false,
-      reorderableRows: false,
       reorderIndicatorDownIcon: null,
       reorderIndicatorUpIcon: null,
+      reorderableColumns: false,
+      reorderableRows: false,
       resizableColumns: false,
       responsiveLayout: 'scroll',
       rowClassName: null,
@@ -365,6 +367,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       selectionMode: null,
       selectionPageOnly: false,
       showGridlines: false,
+      showHeaders: true,
       showRowReorderElement: null,
       showSelectAll: true,
       showSelectionElement: null,
@@ -765,14 +768,29 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         var onCellEditInit = getColumnProp('onCellEditInit');
         var cellEditValidatorEvent = getColumnProp('cellEditValidatorEvent');
         if (onBeforeCellEditShow) {
-          onBeforeCellEditShow(params);
+          // if user returns false do not show the editor
+          if (onBeforeCellEditShow(params) === false) {
+            return;
+          }
+
+          // if user prevents default stop the editor
+          if (event && event.defaultPrevented) {
+            return;
+          }
         }
 
         // If the data is sorted using sort icon, it has been added to wait for the sort operation when any cell is wanted to be opened.
         setTimeout(function () {
           setEditingState(true);
           if (onCellEditInit) {
-            onCellEditInit(params);
+            if (onCellEditInit(params) === false) {
+              return;
+            }
+
+            // if user prevents default stop the editor
+            if (event && event.defaultPrevented) {
+              return;
+            }
           }
           if (cellEditValidatorEvent === 'click') {
             bindDocumentClickListener();
@@ -944,7 +962,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       }
     }, [props.editingMeta]);
     React__namespace.useEffect(function () {
-      if (props.editMode === 'row') {
+      if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
         var params = _objectSpread$8(_objectSpread$8({}, callbackParams), {}, {
           editing: editingState,
@@ -1689,7 +1707,22 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         if (isSubheaderGrouping && props.expandableRowGroups) {
           return isRowGroupExpanded(rowData);
         } else {
-          if (props.dataKey) return props.expandedRows ? props.expandedRows[utils.ObjectUtils.resolveFieldData(rowData, props.dataKey)] !== undefined : false;else return findIndex(props.expandedRows, rowData) !== -1;
+          if (props.dataKey) {
+            var rowId = utils.ObjectUtils.resolveFieldData(rowData, props.dataKey);
+            var expanded = false;
+            if (props.expandedRows) {
+              if (Array.isArray(props.expandedRows)) {
+                expanded = props.expandedRows.some(function (row) {
+                  return utils.ObjectUtils.resolveFieldData(row, props.dataKey) === rowId;
+                });
+              } else {
+                expanded = props.expandedRows[rowId] !== undefined;
+              }
+            }
+            return expanded;
+          } else {
+            return findIndex(props.expandedRows, rowData) !== -1;
+          }
         }
       }
       return false;
@@ -3115,7 +3148,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       var iconProps = {
         'aria-hidden': true
       };
-      var icon = props.columnFilterIcon || /*#__PURE__*/React__namespace.createElement(filter.FilterIcon, iconProps);
+      var icon = props.filterIcon || /*#__PURE__*/React__namespace.createElement(filter.FilterIcon, iconProps);
       var columnFilterIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$3({}, iconProps), {
         props: props
       });
@@ -3627,21 +3660,15 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         sortOrder = _ref2.sortOrder;
       if (getColumnProp('sortable')) {
         var iconClassName = 'p-sortable-column-icon';
-        var icon = sorted ? sortOrder < 0 ? /*#__PURE__*/React__namespace.createElement(sortamountdown.SortAmountDownIcon, {
-          className: iconClassName
-        }) : /*#__PURE__*/React__namespace.createElement(sortamountupalt.SortAmountUpAltIcon, {
-          className: iconClassName
-        }) : /*#__PURE__*/React__namespace.createElement(sortalt.SortAltIcon, {
-          className: iconClassName
-        });
-        var sortIcon = utils.IconUtils.getJSXIcon(props.sortIcon || icon, {
-          className: iconClassName
-        }, {
+        var icon = sorted ? sortOrder < 0 ? /*#__PURE__*/React__namespace.createElement(sortamountdown.SortAmountDownIcon, null) : /*#__PURE__*/React__namespace.createElement(sortamountupalt.SortAmountUpAltIcon, null) : /*#__PURE__*/React__namespace.createElement(sortalt.SortAltIcon, null);
+        var sortIcon = utils.IconUtils.getJSXIcon(props.sortIcon || icon, undefined, {
           props: props,
           sorted: sorted,
           sortOrder: sortOrder
         });
-        return sortIcon;
+        return /*#__PURE__*/React__namespace.createElement("span", {
+          className: iconClassName
+        }, sortIcon);
       }
       return null;
     };
@@ -3674,7 +3701,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
           filters: props.filters,
           onFilterChange: props.onFilterChange,
           onFilterApply: props.onFilterApply,
-          filtersStore: props.filtersStore
+          filtersStore: props.filtersStore,
+          filterIcon: props.filterIcon,
+          filterClearIcon: props.filterClearIcon
         });
       }
       return null;
@@ -4384,6 +4413,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
           var updateTableWidth = function updateTableWidth(el) {
             !!el && (el.style.width = el.style.minWidth = tableWidth);
           };
+
+          // https://github.com/primefaces/primereact/issues/3970 Reasoning: resize table cells before updating the table width so that it can use existing computed cell widths and adjust only the one column.
+          resizeTableCells(newColumnWidth);
           updateTableWidth(tableRef.current);
           if (!isVirtualScrollerDisabled()) {
             updateTableWidth(bodyRef.current);
@@ -4392,7 +4424,6 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
               updateTableWidth(utils.DomHandler.findSingle(wrapperRef.current, '.p-virtualscroller-content'));
             }
           }
-          resizeTableCells(newColumnWidth);
         }
         if (props.onColumnResizeEnd) {
           props.onColumnResizeEnd({
@@ -4977,12 +5008,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
 
       //headers
       columns.forEach(function (column, i) {
-        var _ref3 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportable')],
+        var _ref3 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportHeader'), getColumnProp(column, 'exportable')],
           field = _ref3[0],
           header = _ref3[1],
-          exportable = _ref3[2];
+          exportHeader = _ref3[2],
+          exportable = _ref3[3];
         if (exportable && field) {
-          var columnHeader = String(header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
+          var columnHeader = String(exportHeader || header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
           csv += '"' + columnHeader + '"';
           if (i < columns.length - 1) {
             csv += props.csvSeparator;
@@ -5182,6 +5214,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
       return null;
     };
     var createTableHeader = function createTableHeader(options, empty, _isVirtualScrollerDisabled) {
+      if (props.showHeaders === false) {
+        return null;
+      }
       var sortField = getSortField();
       var sortOrder = getSortOrder();
       var multiSortMeta = _toConsumableArray(getMultiSortMeta());
@@ -5214,6 +5249,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
         filterDisplay: props.filterDisplay,
         filters: filters,
         filtersStore: filtersStore,
+        filterIcon: props.filterIcon,
+        filterClearIcon: props.filterClearIcon,
         onFilterChange: onFilterChange,
         onFilterApply: onFilterApply,
         showSelectAll: props.showSelectAll,
@@ -5576,4 +5613,4 @@ this.primereact.datatable = (function (exports, React, PrimeReact, utils, hooks,
 
   return exports;
 
-})({}, React, primereact.api, primereact.utils, primereact.hooks, primereact.icons.arrowdown, primereact.icons.arrowup, primereact.icons.spinner, primereact.paginator, primereact.virtualscroller, primereact.overlayservice, primereact.ripple, primereact.icons.check, primereact.icons.times, primereact.icons.pencil, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.bars, primereact.button, primereact.csstransition, primereact.dropdown, primereact.inputtext, primereact.portal, primereact.icons.filter, primereact.icons.filterslash, primereact.icons.trash, primereact.icons.plus, primereact.tooltip, primereact.icons.sortalt, primereact.icons.sortamountdown, primereact.icons.sortamountupalt);
+})({}, React, primereact.api, primereact.utils, primereact.hooks, primereact.icons.arrowdown, primereact.icons.arrowup, primereact.icons.spinner, primereact.paginator, primereact.virtualscroller, primereact.icons.bars, primereact.icons.check, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.pencil, primereact.icons.times, primereact.overlayservice, primereact.ripple, primereact.button, primereact.csstransition, primereact.dropdown, primereact.icons.filter, primereact.icons.filterslash, primereact.icons.plus, primereact.icons.trash, primereact.inputtext, primereact.portal, primereact.icons.sortalt, primereact.icons.sortamountdown, primereact.icons.sortamountupalt, primereact.tooltip);