primereact 10.9.2 → 10.9.4

package/datatable/datatable.esm.js

@@ -33,18 +33,13 @@ import { SortAmountDownIcon } from 'primereact/icons/sortamountdown';
 import { SortAmountUpAltIcon } from 'primereact/icons/sortamountupalt';
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 function _typeof(o) {
@@ -57,70 +52,63 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
 
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 
-function _arrayLikeToArray$1(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
+function _arrayLikeToArray$1(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
 
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray$1(r);
 }
 
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
 }
 
-function _unsupportedIterableToArray$1(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$1(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen);
+function _unsupportedIterableToArray$1(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray$1(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$1(r, a) : void 0;
+  }
 }
 
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray$1(arr) || _nonIterableSpread();
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread();
 }
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
 }
 
 function _iterableToArrayLimit(r, l) {
@@ -155,8 +143,8 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray$1(r, e) || _nonIterableRest();
 }
 
 var getStorage = function getStorage(stateStorageProp) {
@@ -265,8 +253,8 @@ var ColumnBase = ComponentBase.extend({
   }
 });
 
-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) {
@@ -461,11 +449,11 @@ var inlineStyles = {
   },
   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.extend({
@@ -622,33 +610,26 @@ var DataTableBase = ComponentBase.extend({
   }
 });
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
 }
 
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
   if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
   }
-  return target;
+  return i;
 }
 
 var classes$1 = {
@@ -700,8 +681,8 @@ var CheckboxBase = ComponentBase.extend({
   }
 });
 
-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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -818,7 +799,7 @@ var Checkbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
   }, otherProps, ptm('root'));
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-    var inputProps = mergeProps(_objectSpread$d({
+    var inputProps = mergeProps(_objectSpread$e({
       id: props.inputId,
       type: 'checkbox',
       className: cx('input'),
@@ -855,7 +836,7 @@ var Checkbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       'data-p-disabled': props.disabled
     }, ptm('box'));
     var icon = checked ? props.icon || /*#__PURE__*/React.createElement(CheckIcon, iconProps) : null;
-    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$d({}, iconProps), {
+    var checkboxIcon = IconUtils.getJSXIcon(icon, _objectSpread$e({}, iconProps), {
       props: props,
       checked: checked
     });
@@ -871,8 +852,8 @@ var Checkbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
 }));
 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.memo(function (props) {
   var mergeProps = useMergeProps();
   var getColumnProps = function getColumnProps() {
@@ -907,7 +888,7 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     className: cx('checkIcon')
   }, getColumnPTOptions('rowCheckbox.icon'));
   var icon = props.checked ? props.checkIcon || /*#__PURE__*/React.createElement(CheckIcon, checkboxIconProps) : null;
-  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$c({}, checkboxIconProps), {
+  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$d({}, checkboxIconProps), {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
@@ -970,8 +951,8 @@ var RadioButtonBase = ComponentBase.extend({
   }
 });
 
-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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
@@ -1085,7 +1066,7 @@ var RadioButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   delete rootProps.icon;
   var createInputElement = function createInputElement() {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
-    var inputProps = mergeProps(_objectSpread$b({
+    var inputProps = mergeProps(_objectSpread$c({
       id: props.inputId,
       type: 'radio',
       name: props.name,
@@ -1165,8 +1146,8 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React.useState(props.editing),
@@ -1279,7 +1260,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   };
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$a({
+    return _objectSpread$b({
       originalEvent: event
     }, params);
   };
@@ -1316,9 +1297,9 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   };
   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
     });
@@ -1385,7 +1366,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   };
   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;
@@ -1407,7 +1388,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var editorCallback = function editorCallback(val) {
-    var editingRowData = _objectSpread$a({}, editingRowDataState);
+    var editingRowData = _objectSpread$b({}, editingRowDataState);
     ObjectUtils.mutateFieldData(editingRowData, field, val);
     setEditingRowDataState(editingRowData);
 
@@ -1620,7 +1601,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   React.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
       });
@@ -1734,7 +1715,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         className: cx('rowReorderIcon')
       }, customIcon ? null : getColumnPTOptions('rowReorderIcon'));
       var rowReorderIcon = customIcon || /*#__PURE__*/React.createElement(BarsIcon, rowReorderIconProps);
-      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$a({}, rowReorderIconProps), {
+      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$b({}, rowReorderIconProps), {
         props: props
       }) : null;
     } else if (expander) {
@@ -1743,7 +1724,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         'aria-hidden': true
       }, getColumnPTOptions('rowTogglerIcon'));
       var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, rowTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, rowTogglerIconProps);
-      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$a({}, rowTogglerIconProps), {
+      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$b({}, rowTogglerIconProps), {
         props: props
       });
       var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
@@ -1754,7 +1735,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         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,
@@ -1784,13 +1765,13 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       var rowEditorInitIconProps = mergeProps({
         className: cx('rowEditorInitIcon')
       }, getColumnPTOptions('rowEditorInitIcon'));
-      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$a({}, rowEditorSaveIconProps), {
+      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$b({}, rowEditorSaveIconProps), {
         props: props
       });
-      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$a({}, rowEditorCancelIconProps), {
+      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$b({}, rowEditorCancelIconProps), {
         props: props
       });
-      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$a({}, rowEditorInitIconProps), {
+      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$b({}, rowEditorInitIconProps), {
         props: props
       });
       if (editingState) {
@@ -1932,8 +1913,8 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React.useState(false),
@@ -2239,7 +2220,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
         newData = e.newData;
       if (dataKey) {
         var dataKeyValue = String(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
@@ -2452,8 +2433,8 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -2486,7 +2467,7 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
     'aria-hidden': true
   }, ptm('rowGroupTogglerIcon'), getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
-  var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$8({}, rowGroupTogglerIconProps), {
+  var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$9({}, rowGroupTogglerIconProps), {
     props: props
   });
   var label = props.expanded ? ariaLabel$1('collapseLabel') : ariaLabel$1('expandLabel');
@@ -2503,9 +2484,9 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(/*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -2668,6 +2649,9 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     options = options || props.virtualScrollerOptions;
     return options ? options[option] : null;
   };
+  var getProcessedDataIndex = function getProcessedDataIndex(rowIndex) {
+    return props.lazy ? rowIndex - props.first : rowIndex;
+  };
   var findIndex = function findIndex(collection, rowData) {
     return (collection || []).findIndex(function (data) {
       return equals(rowData, data);
@@ -2832,14 +2816,16 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     var rangeStart;
     var rangeEnd;
     var isAllowCellSelection = allowCellSelection();
-    if (rangeRowIndex.current > anchorRowIndex.current) {
-      rangeStart = anchorRowIndex.current;
-      rangeEnd = rangeRowIndex.current;
-    } else if (rangeRowIndex.current < anchorRowIndex.current) {
-      rangeStart = rangeRowIndex.current;
-      rangeEnd = anchorRowIndex.current;
+    var rangeRowIndexInProcessedData = getProcessedDataIndex(rangeRowIndex.current);
+    var anchorRowIndexInProcessedData = getProcessedDataIndex(anchorRowIndex.current);
+    if (rangeRowIndexInProcessedData > anchorRowIndexInProcessedData) {
+      rangeStart = anchorRowIndexInProcessedData;
+      rangeEnd = rangeRowIndexInProcessedData;
+    } else if (rangeRowIndexInProcessedData < anchorRowIndexInProcessedData) {
+      rangeStart = rangeRowIndexInProcessedData;
+      rangeEnd = anchorRowIndexInProcessedData;
     } else {
-      rangeStart = rangeEnd = rangeRowIndex.current;
+      rangeStart = rangeEnd = rangeRowIndexInProcessedData;
     }
     return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
   };
@@ -2880,7 +2866,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;
+      var rowIndex = props.lazy ? i + props.first : i;
       for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
         var field = getColumnProp(columns[j], 'field');
         var _value = ObjectUtils.resolveFieldData(rowData, field);
@@ -2910,7 +2896,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
   };
   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
@@ -2921,7 +2907,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
   };
   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
@@ -2983,12 +2969,12 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         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'
           }));
@@ -3085,7 +3071,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
     if (hasDataKey) {
       var dataKeyValue = String(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) {
@@ -3221,13 +3207,13 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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'
     }));
@@ -3267,7 +3253,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       } 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;
@@ -3345,7 +3331,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       var emptyMessageProps = mergeProps({
         className: cx('emptyMessage'),
         role: 'row'
-      }, getColumnPTOptions('emptyMessage'));
+      }, ptm('emptyMessage'));
       var bodyCellProps = mergeProps({
         colSpan: colSpan,
         role: 'cell'
@@ -3355,7 +3341,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     return null;
   };
   var createGroupHeader = function createGroupHeader(rowData, rowIndex, expanded, colSpan) {
-    if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, rowIndex - props.first)) {
+    if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, getProcessedDataIndex(rowIndex))) {
       var style = rowGroupHeaderStyle();
       var toggler = props.expandableRowGroups && /*#__PURE__*/React.createElement(RowTogglerButton, {
         hostName: props.hostName,
@@ -3382,14 +3368,14 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
         var rowGroupHeaderNameProps = mergeProps({
           className: cx('rowGroupHeaderName')
-        }, getColumnPTOptions('rowGroupHeaderName'));
+        }, ptm('rowGroupHeaderName'));
         _content2 = /*#__PURE__*/React.createElement("td", bodyCellProps, toggler, /*#__PURE__*/React.createElement("span", rowGroupHeaderNameProps, _content2));
       }
       var rowGroupHeaderProps = mergeProps({
         className: cx('rowGroupHeader'),
         style: style,
         role: 'row'
-      }, getColumnPTOptions('rowGroupHeader'));
+      }, ptm('rowGroupHeader'));
       return /*#__PURE__*/React.createElement("tr", rowGroupHeaderProps, _content2);
     }
     return null;
@@ -3497,7 +3483,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         id: id,
         className: cx('rowExpansion'),
         role: 'row'
-      }, getColumnPTOptions('rowExpansion'));
+      }, ptm('rowExpansion'));
       return /*#__PURE__*/React.createElement("tr", rowExpansionProps, _content3);
     }
     return null;
@@ -3512,7 +3498,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       var rowGroupFooterProps = mergeProps({
         className: cx('rowGroupFooter'),
         role: 'row'
-      }, getColumnPTOptions('rowGroupFooter'));
+      }, ptm('rowGroupFooter'));
       return /*#__PURE__*/React.createElement("tr", rowGroupFooterProps, _content4);
     }
     return null;
@@ -3574,8 +3560,8 @@ var RowBase = ComponentBase.extend({
   }
 });
 
-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.memo(function (props) {
   var _React$useState = React.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3619,7 +3605,7 @@ var FooterCell = /*#__PURE__*/React.memo(function (props) {
   };
   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;
@@ -3668,6 +3654,9 @@ var FooterCell = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
@@ -3733,9 +3722,16 @@ var TableFooter = /*#__PURE__*/React.memo(function (props) {
     if (props.footerColumnGroup) {
       var rows = React.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.createElement("tr", _extends({}, rootProps, {
           key: i
         }), createGroupFooterCells(row));
@@ -3762,28 +3758,20 @@ var TableFooter = /*#__PURE__*/React.memo(function (props) {
 });
 TableFooter.displayName = 'TableFooter';
 
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
   }
 }
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
 }
 
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
 
 var FilterMatchMode = Object.freeze({
@@ -3939,6 +3927,7 @@ var locales = {
       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',
@@ -3957,7 +3946,7 @@ var locales = {
       passwordHide: 'Hide Password',
       passwordShow: 'Show Password',
       previous: 'Previous',
-      previousPageLabel: 'Previous Page',
+      prevPageLabel: 'Previous Page',
       rotateLeft: 'Rotate Left',
       rotateRight: 'Rotate Right',
       rowsPerPageLabel: 'Rows per page',
@@ -5419,6 +5408,7 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
 });
 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.memo(function (props) {
@@ -5645,9 +5635,16 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
     if (props.headerColumnGroup) {
       var rows = React.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.createElement("tr", _extends({}, headerRowProps, {
           key: i
         }), createGroupHeaderCells(row));
@@ -5673,9 +5670,9 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
 });
 TableHeader.displayName = 'TableHeader';
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
@@ -5718,14 +5715,18 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     _React$useState18 = _slicedToArray(_React$useState17, 2),
     editingMetaState = _React$useState18[0],
     setEditingMetaState = _React$useState18[1];
-  var _React$useState19 = React.useState(props.rows),
+  var _React$useState19 = React.useState({}),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    d_rowsState = _React$useState20[0],
-    setD_rowsState = _React$useState20[1];
-  var _React$useState21 = React.useState({}),
+    frozenEditingMetaState = _React$useState20[0],
+    setFrozenEditingMetaState = _React$useState20[1];
+  var _React$useState21 = React.useState(props.rows),
     _React$useState22 = _slicedToArray(_React$useState21, 2),
-    d_filtersState = _React$useState22[0],
-    setD_filtersState = _React$useState22[1];
+    d_rowsState = _React$useState22[0],
+    setD_rowsState = _React$useState22[1];
+  var _React$useState23 = React.useState({}),
+    _React$useState24 = _slicedToArray(_React$useState23, 2),
+    d_filtersState = _React$useState24[0],
+    setD_filtersState = _React$useState24[1];
   var metaData = {
     props: props,
     state: {
@@ -5738,6 +5739,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       columnOrder: columnOrderState,
       groupRowsSortMeta: groupRowsSortMetaState,
       editingMeta: editingMetaState,
+      frozenEditingMeta: frozenEditingMetaState,
       d_rows: d_rowsState,
       d_filters: d_filtersState
     },
@@ -6142,6 +6144,32 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       setEditingMetaState({});
     }
   };
+  var onFrozenEditingMetaChange = function onFrozenEditingMetaChange(e) {
+    var rowData = e.rowData,
+      field = e.field,
+      editingKey = e.editingKey,
+      editing = e.editing;
+    var frozenEditingMeta = _objectSpread({}, frozenEditingMetaState);
+    var meta = frozenEditingMeta[editingKey];
+    if (editing) {
+      !meta && (meta = frozenEditingMeta[editingKey] = {
+        data: _objectSpread({}, rowData),
+        fields: []
+      });
+      meta.fields.push(field);
+    } else if (meta) {
+      var fields = meta.fields.filter(function (f) {
+        return f !== field;
+      });
+      !fields.length ? delete frozenEditingMeta[editingKey] : meta.fields = fields;
+    }
+    setFrozenEditingMetaState(frozenEditingMeta);
+  };
+  var clearFrozenEditingMetaData = function clearFrozenEditingMetaData() {
+    if (props.editMode && ObjectUtils.isNotEmpty(frozenEditingMetaState)) {
+      setFrozenEditingMetaState({});
+    }
+  };
   var onColumnResizeStart = function onColumnResizeStart(e) {
     createBeforeResizeStyleElement();
     var event = e.originalEvent,
@@ -6432,6 +6460,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var onPageChange = function onPageChange(e) {
     clearEditingMetaData();
+    clearFrozenEditingMetaData();
     if (props.onPage) {
       props.onPage(createEvent(e));
     } else {
@@ -6444,6 +6473,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var onSortChange = function onSortChange(e) {
     clearEditingMetaData();
+    clearFrozenEditingMetaData();
     var event = e.originalEvent,
       column = e.column,
       sortableDisabledFields = e.sortableDisabledFields;
@@ -6621,6 +6651,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var onFilterChange = function onFilterChange(filters) {
     clearEditingMetaData();
+    clearFrozenEditingMetaData();
     setD_filtersState(filters);
   };
   var onFilterApply = function onFilterApply(filtersToApply) {
@@ -6810,6 +6841,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     setD_filtersState(cloneFilters(props.filters));
     setGroupRowsSortMetaState(null);
     setEditingMetaState({});
+    setFrozenEditingMetaState({});
     if (!props.onPage) {
       setFirstState(props.first);
       setRowsState(props.rows);
@@ -7174,7 +7206,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       dataKey: props.dataKey,
       dragSelection: props.dragSelection,
       editMode: props.editMode,
-      editingMeta: editingMetaState,
+      editingMeta: frozenEditingMetaState,
       editingRows: props.editingRows,
       emptyMessage: props.emptyMessage,
       expandableRowGroups: props.expandableRowGroups,
@@ -7193,7 +7225,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       onCellUnselect: props.onCellUnselect,
       onContextMenu: props.onContextMenu,
       onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-      onEditingMetaChange: onEditingMetaChange,
+      onEditingMetaChange: onFrozenEditingMetaChange,
       onRowClick: props.onRowClick,
       onRowCollapse: props.onRowCollapse,
       onRowDoubleClick: props.onRowDoubleClick,