primereact 10.9.1 → 10.9.3

package/datatable/datatable.js

@@ -259,8 +259,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     }
   });
 
-  function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var styles$1 = "\n@layer primereact {\n    .p-datatable {\n        position: relative;\n    }\n\n    .p-datatable > .p-datatable-wrapper {\n        overflow: auto;\n    }\n\n    .p-datatable-table {\n        border-spacing: 0px;\n        width: 100%;\n    }\n\n    .p-datatable .p-sortable-disabled {\n        cursor: auto;\n    }\n\n    .p-datatable .p-sortable-column {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-datatable .p-sortable-column .p-column-title,\n    .p-datatable .p-sortable-column .p-sortable-column-icon,\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        vertical-align: middle;\n    }\n\n    .p-datatable .p-sortable-column .p-sortable-column-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-datatable-selectable .p-selectable-row,\n    .p-datatable-selectable-cell .p-selectable-cell {\n        cursor: pointer;\n    }\n\n    .p-datatable-drag-selection-helper {\n        position: absolute;\n        z-index: 99999999;\n    }\n\n    /* Scrollable */\n    .p-datatable-scrollable > .p-datatable-wrapper {\n        position: relative;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-thead {\n        position: sticky;\n        top: 0;\n        z-index: 2;\n    }\n\n    .p-datatable.p-datatable-gridlines .p-datatable-scrollable-table > .p-datatable-thead {\n        top: -1px;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n        position: sticky;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tfoot {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n    }\n\n    .p-datatable-scrollable .p-frozen-column {\n        position: sticky;\n        background: inherit;\n    }\n\n    .p-datatable-scrollable th.p-frozen-column {\n        z-index: 1;\n    }\n\n    .p-datatable-flex-scrollable {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    .p-datatable-flex-scrollable > .p-datatable-wrapper {\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        height: 100%;\n    }\n\n    .p-datatable-scrollable-table > .p-datatable-tbody > .p-rowgroup-header {\n        position: sticky;\n        z-index: 1;\n    }\n\n    /* Resizable */\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th,\n    .p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n    .p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n        overflow: hidden;\n        white-space: nowrap;\n    }\n\n    .p-datatable-resizable-table > .p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) {\n        background-clip: padding-box;\n        position: relative;\n    }\n\n    .p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer {\n        display: none;\n    }\n\n    .p-datatable .p-column-resizer {\n        display: block;\n        position: absolute;\n        top: 0;\n        right: 0;\n        margin: 0;\n        width: 0.5rem;\n        height: 100%;\n        padding: 0px;\n        cursor: col-resize;\n        border: 1px solid transparent;\n    }\n\n    .p-datatable .p-column-header-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-datatable .p-column-resizer-helper {\n        width: 1px;\n        position: absolute;\n        z-index: 10;\n        display: none;\n    }\n\n    .p-datatable .p-row-editor-init,\n    .p-datatable .p-row-editor-save,\n    .p-datatable .p-row-editor-cancel {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Expand */\n    .p-datatable .p-row-toggler {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n\n    /* Reorder */\n    .p-datatable-reorder-indicator-up,\n    .p-datatable-reorder-indicator-down {\n        position: absolute;\n        display: none;\n    }\n\n    .p-reorderable-column,\n    .p-datatable-reorderablerow-handle {\n        cursor: move;\n    }\n\n    /* Loader */\n    .p-datatable .p-datatable-loading-overlay {\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 2;\n    }\n\n    /* Filter */\n    .p-column-filter-row {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .p-column-filter-menu {\n        display: inline-flex;\n        margin-left: auto;\n    }\n\n    .p-column-filter-row .p-column-filter-element {\n        flex: 1 1 auto;\n        width: 1%;\n    }\n\n    .p-column-filter-menu-button,\n    .p-column-filter-clear-button {\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        cursor: pointer;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-column-filter-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n    }\n\n    .p-column-filter-row-items {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-column-filter-row-item {\n        cursor: pointer;\n    }\n\n    .p-column-filter-add-button,\n    .p-column-filter-remove-button {\n        justify-content: center;\n    }\n\n    .p-column-filter-add-button .p-button-label,\n    .p-column-filter-remove-button .p-button-label {\n        flex-grow: 0;\n    }\n\n    .p-column-filter-buttonbar {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n        width: auto;\n    }\n\n    /* Responsive */\n    .p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n        display: none;\n    }\n\n    /* VirtualScroller */\n    .p-datatable-virtualscroller-spacer {\n        display: flex;\n    }\n\n    .p-datatable .p-virtualscroller .p-virtualscroller-loading {\n        transform: none;\n        min-height: 0;\n        position: sticky;\n        top: 0;\n        left: 0;\n    }\n\n    /* Alignment */\n    .p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-left,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n        text-align: left;\n        justify-content: flex-start;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-right,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n        text-align: right;\n        justify-content: flex-end;\n    }\n\n    .p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n    .p-datatable .p-datatable-tbody > tr > td.p-align-center,\n    .p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n        text-align: center;\n        justify-content: center;\n    }\n}\n";
   var classes$2 = {
     root: function root(_ref) {
@@ -455,11 +455,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     },
     reorderIndicatorUp: function reorderIndicatorUp(_ref15) {
       var style = _ref15.style;
-      return _objectSpread$e({}, style);
+      return _objectSpread$f({}, style);
     },
     reorderIndicatorDown: function reorderIndicatorDown(_ref16) {
       var style = _ref16.style;
-      return _objectSpread$e({}, style);
+      return _objectSpread$f({}, style);
     }
   };
   var DataTableBase = componentbase.ComponentBase.extend({
@@ -694,8 +694,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     }
   });
 
-  function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Checkbox = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact$1.PrimeReactContext);
@@ -812,7 +812,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     }, otherProps, ptm('root'));
     var createInputElement = function createInputElement() {
       var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-      var inputProps = mergeProps(_objectSpread$d({
+      var inputProps = mergeProps(_objectSpread$e({
         id: props.inputId,
         type: 'checkbox',
         className: cx('input'),
@@ -849,7 +849,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         'data-p-disabled': props.disabled
       }, ptm('box'));
       var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
-      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$d({}, iconProps), {
+      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$e({}, iconProps), {
         props: props,
         checked: checked
       });
@@ -865,8 +865,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   }));
   Checkbox.displayName = 'Checkbox';
 
-  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = hooks.useMergeProps();
     var getColumnProps = function getColumnProps() {
@@ -901,7 +901,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       className: cx('checkIcon')
     }, getColumnPTOptions('rowCheckbox.icon'));
     var icon = props.checked ? props.checkIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : null;
-    var checkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$c({}, checkboxIconProps), {
+    var checkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$d({}, checkboxIconProps), {
       props: props
     });
     var tabIndex = props.disabled ? null : '0';
@@ -964,8 +964,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     }
   });
 
-  function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var RadioButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact$1.PrimeReactContext);
@@ -1079,7 +1079,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     delete rootProps.icon;
     var createInputElement = function createInputElement() {
       var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
-      var inputProps = mergeProps(_objectSpread$b({
+      var inputProps = mergeProps(_objectSpread$c({
         id: props.inputId,
         type: 'radio',
         name: props.name,
@@ -1159,8 +1159,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   RowRadioButton.displayName = 'RowRadioButton';
 
-  function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = hooks.useMergeProps();
     var _React$useState = React__namespace.useState(props.editing),
@@ -1273,7 +1273,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$a({
+      return _objectSpread$b({
         originalEvent: event
       }, params);
     };
@@ -1310,9 +1310,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var switchCellToViewMode = function switchCellToViewMode(event, submit) {
       var callbackParams = getCellCallbackParams(event);
-      var newRowData = _objectSpread$a({}, editingRowDataStateRef.current);
+      var newRowData = _objectSpread$b({}, editingRowDataStateRef.current);
       var newValue = resolveFieldData(newRowData);
-      var params = _objectSpread$a(_objectSpread$a({}, callbackParams), {}, {
+      var params = _objectSpread$b(_objectSpread$b({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
       });
@@ -1379,7 +1379,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$a({}, styleObjectState);
+        var styleObject = _objectSpread$b({}, styleObjectState);
         var align = getColumnProp('alignFrozen');
         if (align === 'right') {
           var right = 0;
@@ -1401,7 +1401,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
     };
     var editorCallback = function editorCallback(val) {
-      var editingRowData = _objectSpread$a({}, editingRowDataState);
+      var editingRowData = _objectSpread$b({}, editingRowDataState);
       utils.ObjectUtils.mutateFieldData(editingRowData, field, val);
       setEditingRowDataState(editingRowData);
 
@@ -1592,6 +1592,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       if (getColumnProp('frozen')) {
         updateStickyPosition();
       }
+    });
+    React__namespace.useEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         focusOnElement();
       }
@@ -1612,7 +1614,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     React__namespace.useEffect(function () {
       if (props.editMode === 'cell' || props.editMode === 'row') {
         var callbackParams = getCellCallbackParams();
-        var params = _objectSpread$a(_objectSpread$a({}, callbackParams), {}, {
+        var params = _objectSpread$b(_objectSpread$b({}, callbackParams), {}, {
           editing: editingState,
           editingKey: editingKey
         });
@@ -1726,7 +1728,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           className: cx('rowReorderIcon')
         }, customIcon ? null : getColumnPTOptions('rowReorderIcon'));
         var rowReorderIcon = customIcon || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, rowReorderIconProps);
-        content = showReorder ? utils.IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$a({}, rowReorderIconProps), {
+        content = showReorder ? utils.IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$b({}, rowReorderIconProps), {
           props: props
         }) : null;
       } else if (expander) {
@@ -1735,7 +1737,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           'aria-hidden': true
         }, getColumnPTOptions('rowTogglerIcon'));
         var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, rowTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, rowTogglerIconProps);
-        var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$a({}, rowTogglerIconProps), {
+        var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$b({}, rowTogglerIconProps), {
           props: props
         });
         var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
@@ -1746,7 +1748,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           onClick: onRowToggle,
           className: cx('rowToggler')
         };
-        var rowTogglerProps = mergeProps(_objectSpread$a(_objectSpread$a({}, expanderProps), {}, {
+        var rowTogglerProps = mergeProps(_objectSpread$b(_objectSpread$b({}, expanderProps), {}, {
           type: 'button',
           'aria-expanded': props.expanded,
           'aria-controls': ariaControls,
@@ -1776,13 +1778,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         var rowEditorInitIconProps = mergeProps({
           className: cx('rowEditorInitIcon')
         }, getColumnPTOptions('rowEditorInitIcon'));
-        var rowEditorSaveIcon = utils.IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, rowEditorSaveIconProps), _objectSpread$a({}, rowEditorSaveIconProps), {
+        var rowEditorSaveIcon = utils.IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, rowEditorSaveIconProps), _objectSpread$b({}, rowEditorSaveIconProps), {
           props: props
         });
-        var rowEditorCancelIcon = utils.IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, rowEditorCancelIconProps), _objectSpread$a({}, rowEditorCancelIconProps), {
+        var rowEditorCancelIcon = utils.IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, rowEditorCancelIconProps), _objectSpread$b({}, rowEditorCancelIconProps), {
           props: props
         });
-        var rowEditorInitIcon = utils.IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(pencil.PencilIcon, rowEditorInitIconProps), _objectSpread$a({}, rowEditorInitIconProps), {
+        var rowEditorInitIcon = utils.IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(pencil.PencilIcon, rowEditorInitIconProps), _objectSpread$b({}, rowEditorInitIconProps), {
           props: props
         });
         if (editingState) {
@@ -1924,8 +1926,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   BodyCell.displayName = 'BodyCell';
 
-  function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = hooks.useMergeProps();
     var _React$useState = React__namespace.useState(false),
@@ -2231,7 +2233,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           newData = e.newData;
         if (dataKey) {
           var dataKeyValue = String(utils.ObjectUtils.resolveFieldData(data, dataKey));
-          editingRows = props.editingRows ? _objectSpread$9({}, props.editingRows) : {};
+          editingRows = props.editingRows ? _objectSpread$a({}, props.editingRows) : {};
           if (!isEditing) {
             delete editingRows[dataKeyValue];
             // if the key value was changed, stop editing for the new key value too
@@ -2444,8 +2446,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   BodyRow.displayName = 'BodyRow';
 
-  function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
     var mergeProps = hooks.useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
@@ -2478,7 +2480,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       'aria-hidden': true
     }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
     var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, rowGroupTogglerIconProps);
-    var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$8({}, rowGroupTogglerIconProps), {
+    var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$9({}, rowGroupTogglerIconProps), {
       props: props
     });
     var label = props.expanded ? PrimeReact$1.ariaLabel('collapseLabel') : PrimeReact$1.ariaLabel('expandLabel');
@@ -2495,9 +2497,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   RowTogglerButton.displayName = 'RowTogglerButton';
 
-  var _excluded = ["originalEvent"];
-  function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var _excluded$2 = ["originalEvent"];
+  function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = hooks.useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
@@ -2838,8 +2840,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var selectRangeOnRow = function selectRangeOnRow(event, rowRangeStart, rowRangeEnd) {
       var selection = [];
       for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
-        var _props$value$i;
-        var rangeRowData = (_props$value$i = props.value[i]) !== null && _props$value$i !== void 0 ? _props$value$i : props.tableProps.value[i];
+        var rangeRowData = props.processedData[i];
         if (!isSelectable({
           data: rangeRowData,
           index: i
@@ -2903,7 +2904,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var onSelect = function onSelect(event) {
       if (allowCellSelection()) {
-        props.onCellSelect && props.onCellSelect(_objectSpread$7(_objectSpread$7({
+        props.onCellSelect && props.onCellSelect(_objectSpread$8(_objectSpread$8({
           originalEvent: event.originalEvent
         }, event.data), {}, {
           type: event.type
@@ -2914,7 +2915,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var onUnselect = function onUnselect(event) {
       if (allowCellSelection()) {
-        props.onCellUnselect && props.onCellUnselect(_objectSpread$7(_objectSpread$7({
+        props.onCellUnselect && props.onCellUnselect(_objectSpread$8(_objectSpread$8({
           originalEvent: event.originalEvent
         }, event.data), {}, {
           type: event.type
@@ -2976,12 +2977,12 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           rangeRowIndex.current = event.index;
           anchorRowFirst.current = props.first;
           if (isSingleSelection()) {
-            onSingleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
+            onSingleSelection(_objectSpread$8(_objectSpread$8({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
           } else {
-            onMultipleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
+            onMultipleSelection(_objectSpread$8(_objectSpread$8({}, event), {}, {
               toggleable: toggleable,
               type: 'row'
             }));
@@ -3057,7 +3058,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var event = e.originalEvent;
       var isDraggableHandle = isUnstyled() ? utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon' || event.target.closest('[data-pc-section="rowreordericon"]') : utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle') || event.target.closest('.p-datatable-reorderablerow-handle');
       event.currentTarget.draggable = isDraggableHandle;
-      event.target.draggable = isDraggableHandle;
+      //event.target.draggable = isDraggableHandle;
+
       if (allowRowDrag(e)) {
         enableDragSelection(event);
         anchorRowIndex.current = e.index;
@@ -3077,7 +3079,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
       if (hasDataKey) {
         var dataKeyValue = String(utils.ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$7({}, props.expandedRows) : {};
+        expandedRows = props.expandedRows ? _objectSpread$8({}, props.expandedRows) : {};
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
           if (props.onRowCollapse) {
@@ -3213,13 +3215,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       event.preventDefault();
     };
     var onRadioChange = function onRadioChange(event) {
-      onSingleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
+      onSingleSelection(_objectSpread$8(_objectSpread$8({}, event), {}, {
         toggleable: true,
         type: 'radio'
       }));
     };
     var onCheckboxChange = function onCheckboxChange(event) {
-      onMultipleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
+      onMultipleSelection(_objectSpread$8(_objectSpread$8({}, event), {}, {
         toggleable: true,
         type: 'checkbox'
       }));
@@ -3259,7 +3261,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         } else {
           var toggleable = allowMetaKeySelection(event);
           var originalEvent = event.originalEvent,
-            data = _objectWithoutProperties(event, _excluded);
+            data = _objectWithoutProperties(event, _excluded$2);
           anchorRowIndex.current = event.rowIndex;
           rangeRowIndex.current = event.rowIndex;
           anchorRowFirst.current = props.first;
@@ -3566,8 +3568,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     }
   });
 
-  function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-  function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3611,7 +3613,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var updateStickyPosition = function updateStickyPosition() {
       if (getColumnProp('frozen')) {
-        var styleObject = _objectSpread$6({}, styleObjectState);
+        var styleObject = _objectSpread$7({}, styleObjectState);
         var _align = getColumnProp('alignFrozen');
         if (_align === 'right') {
           var right = 0;
@@ -3660,6 +3662,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   FooterCell.displayName = 'FooterCell';
 
+  var _excluded$1 = ["unstyled", "__TYPE", "ptOptions"];
+  function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TableFooter = /*#__PURE__*/React__namespace.memo(function (props) {
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
@@ -3725,9 +3730,16 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       if (props.footerColumnGroup) {
         var rows = React__namespace.Children.toArray(ColumnGroupBase.getCProp(props.footerColumnGroup, 'children'));
         return rows.map(function (row, i) {
+          var _RowBase$getProps = RowBase.getProps(row.props, context),
+            unstyled = _RowBase$getProps.unstyled;
+            _RowBase$getProps.__TYPE;
+            _RowBase$getProps.ptOptions;
+            var rest = _objectWithoutProperties(_RowBase$getProps, _excluded$1);
           var rootProps = mergeProps({
             role: 'row'
-          }, RowBase.getProps(row.props, context), getRowPTOptions(row, 'root'));
+          }, unstyled ? _objectSpread$6({
+            unstyled: unstyled
+          }, rest) : rest, getRowPTOptions(row, 'root'));
           return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, rootProps, {
             key: i
           }), createGroupFooterCells(row));
@@ -3931,6 +3943,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         jumpToPageDropdownLabel: 'Jump to Page Dropdown',
         jumpToPageInputLabel: 'Jump to Page Input',
         lastPageLabel: 'Last Page',
+        listLabel: 'Option List',
         listView: 'List View',
         moveAllToSource: 'Move All to Source',
         moveAllToTarget: 'Move All to Target',
@@ -3949,7 +3962,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         passwordHide: 'Hide Password',
         passwordShow: 'Show Password',
         previous: 'Previous',
-        previousPageLabel: 'Previous Page',
+        prevPageLabel: 'Previous Page',
         rotateLeft: 'Rotate Left',
         rotateRight: 'Rotate Right',
         rowsPerPageLabel: 'Rows per page',
@@ -5411,6 +5424,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   HeaderCell.displayName = 'HeaderCell';
 
+  var _excluded = ["unstyled", "__TYPE", "ptOptions"];
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
@@ -5637,9 +5651,16 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       if (props.headerColumnGroup) {
         var rows = React__namespace.Children.toArray(ColumnGroupBase.getCProp(props.headerColumnGroup, 'children'));
         return rows.map(function (row, i) {
+          var _RowBase$getProps = RowBase.getProps(row.props, context),
+            unstyled = _RowBase$getProps.unstyled;
+            _RowBase$getProps.__TYPE;
+            _RowBase$getProps.ptOptions;
+            var rest = _objectWithoutProperties(_RowBase$getProps, _excluded);
           var headerRowProps = mergeProps({
             role: 'row'
-          }, RowBase.getProps(row.props, context), getRowPTOptions(row, 'root'));
+          }, unstyled ? _objectSpread$1({
+            unstyled: unstyled
+          }, rest) : rest, getRowPTOptions(row, 'root'));
           return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, headerRowProps, {
             key: i
           }), createGroupHeaderCells(row));
@@ -7143,7 +7164,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         unstyled: props.unstyled
       });
     };
-    var createTableBody = function createTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled) {
+    var createTableBody = function createTableBody(options, selectionModeInColumn, empty, isVirtualScrollerDisabled, processedData) {
       var first = getFirst();
       var rows = options.rows,
         columns = options.columns,
@@ -7204,7 +7225,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         onRowToggle: props.onRowToggle,
         onRowUnselect: props.onRowUnselect,
         onSelectionChange: props.onSelectionChange,
-        paginator: props.paginator,
+        paginator: props.paginator
+        // pass processedData #7546
+        ,
+        processedData: processedData,
         reorderableRows: props.reorderableRows,
         responsiveLayout: props.responsiveLayout,
         rowClassName: props.rowClassName,
@@ -7286,7 +7310,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         onRowToggle: props.onRowToggle,
         onRowUnselect: props.onRowUnselect,
         onSelectionChange: props.onSelectionChange,
-        paginator: props.paginator,
+        paginator: props.paginator
+        // pass processedData #7546
+        ,
+        processedData: processedData,
         reorderableRows: props.reorderableRows,
         responsiveLayout: props.responsiveLayout,
         rowClassName: props.rowClassName,
@@ -7380,7 +7407,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             options.spacerRef && options.spacerRef(el);
           };
           var tableHeader = createTableHeader(options, empty, _isVirtualScrollerDisabled);
-          var tableBody = createTableBody(options, selectionModeInColumn, empty, _isVirtualScrollerDisabled);
+          var tableBody = createTableBody(options, selectionModeInColumn, empty, _isVirtualScrollerDisabled, processedData);
           var tableFooter = createTableFooter(options);
           var tableProps = mergeProps({
             className: utils.classNames(props.tableClassName, ptCallbacks.cx('table')),