primereact 9.3.1 → 9.4.0

package/datatable/datatable.cjs.js

@@ -11,27 +11,27 @@ var arrowup = require('primereact/icons/arrowup');
 var spinner = require('primereact/icons/spinner');
 var paginator = require('primereact/paginator');
 var virtualscroller = require('primereact/virtualscroller');
-var overlayservice = require('primereact/overlayservice');
-var ripple = require('primereact/ripple');
+var bars = require('primereact/icons/bars');
 var check = require('primereact/icons/check');
-var times = require('primereact/icons/times');
-var pencil = require('primereact/icons/pencil');
 var chevrondown = require('primereact/icons/chevrondown');
 var chevronright = require('primereact/icons/chevronright');
-var bars = require('primereact/icons/bars');
+var pencil = require('primereact/icons/pencil');
+var times = require('primereact/icons/times');
+var overlayservice = require('primereact/overlayservice');
+var ripple = require('primereact/ripple');
 var button = require('primereact/button');
 var csstransition = require('primereact/csstransition');
 var dropdown = require('primereact/dropdown');
-var inputtext = require('primereact/inputtext');
-var portal = require('primereact/portal');
 var filter = require('primereact/icons/filter');
 var filterslash = require('primereact/icons/filterslash');
-var trash = require('primereact/icons/trash');
 var plus = require('primereact/icons/plus');
-var tooltip = require('primereact/tooltip');
+var trash = require('primereact/icons/trash');
+var inputtext = require('primereact/inputtext');
+var portal = require('primereact/portal');
 var sortalt = require('primereact/icons/sortalt');
 var sortamountdown = require('primereact/icons/sortamountdown');
 var sortamountupalt = require('primereact/icons/sortamountupalt');
+var tooltip = require('primereact/tooltip');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -280,9 +280,9 @@ var DataTableBase = {
     __TYPE: 'DataTable',
     alwaysShowPaginator: true,
     breakpoint: '960px',
-    checkIcon: null,
     cellClassName: null,
     cellSelection: false,
+    checkIcon: null,
     className: null,
     collapsedRowIcon: null,
     columnResizeMode: 'fit',
@@ -303,8 +303,10 @@ var DataTableBase = {
     expandedRows: null,
     exportFilename: 'download',
     exportFunction: null,
+    filterClearIcon: null,
     filterDelay: 300,
     filterDisplay: 'menu',
+    filterIcon: null,
     filterLocale: undefined,
     filters: null,
     first: 0,
@@ -339,8 +341,6 @@ var DataTableBase = {
     onFilter: null,
     onPage: null,
     onRowClick: null,
-    onRowMouseEnter: null,
-    onRowMouseLeave: null,
     onRowCollapse: null,
     onRowDoubleClick: null,
     onRowEditCancel: null,
@@ -349,6 +349,8 @@ var DataTableBase = {
     onRowEditInit: null,
     onRowEditSave: null,
     onRowExpand: null,
+    onRowMouseEnter: null,
+    onRowMouseLeave: null,
     onRowReorder: null,
     onRowSelect: null,
     onRowToggle: null,
@@ -368,10 +370,10 @@ var DataTableBase = {
     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,
@@ -396,6 +398,7 @@ var DataTableBase = {
     selectionMode: null,
     selectionPageOnly: false,
     showGridlines: false,
+    showHeaders: true,
     showRowReorderElement: null,
     showSelectAll: true,
     showSelectionElement: null,
@@ -796,14 +799,29 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       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();
@@ -975,7 +993,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   }, [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,
@@ -1720,7 +1738,22 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       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;
@@ -3146,7 +3179,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     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
     });
@@ -3658,21 +3691,15 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       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;
   };
@@ -3705,7 +3732,9 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
         filters: props.filters,
         onFilterChange: props.onFilterChange,
         onFilterApply: props.onFilterApply,
-        filtersStore: props.filtersStore
+        filtersStore: props.filtersStore,
+        filterIcon: props.filterIcon,
+        filterClearIcon: props.filterClearIcon
       });
     }
     return null;
@@ -4415,6 +4444,9 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
         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);
@@ -4423,7 +4455,6 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
             updateTableWidth(utils.DomHandler.findSingle(wrapperRef.current, '.p-virtualscroller-content'));
           }
         }
-        resizeTableCells(newColumnWidth);
       }
       if (props.onColumnResizeEnd) {
         props.onColumnResizeEnd({
@@ -5008,12 +5039,13 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
 
     //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;
@@ -5213,6 +5245,9 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     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());
@@ -5245,6 +5280,8 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
       filterDisplay: props.filterDisplay,
       filters: filters,
       filtersStore: filtersStore,
+      filterIcon: props.filterIcon,
+      filterClearIcon: props.filterClearIcon,
       onFilterChange: onFilterChange,
       onFilterApply: onFilterApply,
       showSelectAll: props.showSelectAll,