primereact 10.9.2 → 10.9.4

package/datatable/datatable.js

@@ -27,18 +27,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact$1);
 
   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) {
@@ -51,70 +46,63 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     }, _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) {
@@ -149,8 +137,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     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) {
@@ -259,8 +247,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 +443,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({
@@ -616,33 +604,26 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     }
   });
 
-  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 = {
@@ -694,8 +675,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 +793,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 +830,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 +846,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 +882,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 +945,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 +1060,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 +1140,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 +1254,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 +1291,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 +1360,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 +1382,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);
 
@@ -1614,7 +1595,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
         });
@@ -1728,7 +1709,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) {
@@ -1737,7 +1718,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");
@@ -1748,7 +1729,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,
@@ -1778,13 +1759,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) {
@@ -1926,8 +1907,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),
@@ -2233,7 +2214,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
@@ -2446,8 +2427,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,
@@ -2480,7 +2461,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');
@@ -2497,9 +2478,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,
@@ -2662,6 +2643,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       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);
@@ -2826,14 +2810,16 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       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);
     };
@@ -2874,7 +2860,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       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 = utils.ObjectUtils.resolveFieldData(rowData, field);
@@ -2904,7 +2890,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
@@ -2915,7 +2901,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
@@ -2977,12 +2963,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'
             }));
@@ -3079,7 +3065,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) {
@@ -3215,13 +3201,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'
       }));
@@ -3261,7 +3247,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;
@@ -3339,7 +3325,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         var emptyMessageProps = mergeProps({
           className: cx('emptyMessage'),
           role: 'row'
-        }, getColumnPTOptions('emptyMessage'));
+        }, ptm('emptyMessage'));
         var bodyCellProps = mergeProps({
           colSpan: colSpan,
           role: 'cell'
@@ -3349,7 +3335,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       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__namespace.createElement(RowTogglerButton, {
           hostName: props.hostName,
@@ -3376,14 +3362,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           }, getColumnPTOptions('root'), getColumnPTOptions('bodyCell'));
           var rowGroupHeaderNameProps = mergeProps({
             className: cx('rowGroupHeaderName')
-          }, getColumnPTOptions('rowGroupHeaderName'));
+          }, ptm('rowGroupHeaderName'));
           _content2 = /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, toggler, /*#__PURE__*/React__namespace.createElement("span", rowGroupHeaderNameProps, _content2));
         }
         var rowGroupHeaderProps = mergeProps({
           className: cx('rowGroupHeader'),
           style: style,
           role: 'row'
-        }, getColumnPTOptions('rowGroupHeader'));
+        }, ptm('rowGroupHeader'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowGroupHeaderProps, _content2);
       }
       return null;
@@ -3491,7 +3477,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           id: id,
           className: cx('rowExpansion'),
           role: 'row'
-        }, getColumnPTOptions('rowExpansion'));
+        }, ptm('rowExpansion'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowExpansionProps, _content3);
       }
       return null;
@@ -3506,7 +3492,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         var rowGroupFooterProps = mergeProps({
           className: cx('rowGroupFooter'),
           role: 'row'
-        }, getColumnPTOptions('rowGroupFooter'));
+        }, ptm('rowGroupFooter'));
         return /*#__PURE__*/React__namespace.createElement("tr", rowGroupFooterProps, _content4);
       }
       return null;
@@ -3568,8 +3554,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),
@@ -3613,7 +3599,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;
@@ -3662,6 +3648,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,
@@ -3727,9 +3716,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));
@@ -3756,28 +3752,20 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   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({
@@ -3933,6 +3921,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',
@@ -3951,7 +3940,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',
@@ -5413,6 +5402,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) {
@@ -5639,9 +5629,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));
@@ -5667,9 +5664,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   });
   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__namespace.forwardRef(function (inProps, ref) {
@@ -5712,14 +5709,18 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       _React$useState18 = _slicedToArray(_React$useState17, 2),
       editingMetaState = _React$useState18[0],
       setEditingMetaState = _React$useState18[1];
-    var _React$useState19 = React__namespace.useState(props.rows),
+    var _React$useState19 = React__namespace.useState({}),
       _React$useState20 = _slicedToArray(_React$useState19, 2),
-      d_rowsState = _React$useState20[0],
-      setD_rowsState = _React$useState20[1];
-    var _React$useState21 = React__namespace.useState({}),
+      frozenEditingMetaState = _React$useState20[0],
+      setFrozenEditingMetaState = _React$useState20[1];
+    var _React$useState21 = React__namespace.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__namespace.useState({}),
+      _React$useState24 = _slicedToArray(_React$useState23, 2),
+      d_filtersState = _React$useState24[0],
+      setD_filtersState = _React$useState24[1];
     var metaData = {
       props: props,
       state: {
@@ -5732,6 +5733,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         columnOrder: columnOrderState,
         groupRowsSortMeta: groupRowsSortMetaState,
         editingMeta: editingMetaState,
+        frozenEditingMeta: frozenEditingMetaState,
         d_rows: d_rowsState,
         d_filters: d_filtersState
       },
@@ -6136,6 +6138,32 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         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 && utils.ObjectUtils.isNotEmpty(frozenEditingMetaState)) {
+        setFrozenEditingMetaState({});
+      }
+    };
     var onColumnResizeStart = function onColumnResizeStart(e) {
       createBeforeResizeStyleElement();
       var event = e.originalEvent,
@@ -6426,6 +6454,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var onPageChange = function onPageChange(e) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       if (props.onPage) {
         props.onPage(createEvent(e));
       } else {
@@ -6438,6 +6467,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var onSortChange = function onSortChange(e) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       var event = e.originalEvent,
         column = e.column,
         sortableDisabledFields = e.sortableDisabledFields;
@@ -6615,6 +6645,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var onFilterChange = function onFilterChange(filters) {
       clearEditingMetaData();
+      clearFrozenEditingMetaData();
       setD_filtersState(filters);
     };
     var onFilterApply = function onFilterApply(filtersToApply) {
@@ -6804,6 +6835,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       setD_filtersState(cloneFilters(props.filters));
       setGroupRowsSortMetaState(null);
       setEditingMetaState({});
+      setFrozenEditingMetaState({});
       if (!props.onPage) {
         setFirstState(props.first);
         setRowsState(props.rows);
@@ -7168,7 +7200,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         dataKey: props.dataKey,
         dragSelection: props.dragSelection,
         editMode: props.editMode,
-        editingMeta: editingMetaState,
+        editingMeta: frozenEditingMetaState,
         editingRows: props.editingRows,
         emptyMessage: props.emptyMessage,
         expandableRowGroups: props.expandableRowGroups,
@@ -7187,7 +7219,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         onCellUnselect: props.onCellUnselect,
         onContextMenu: props.onContextMenu,
         onContextMenuSelectionChange: props.onContextMenuSelectionChange,
-        onEditingMetaChange: onEditingMetaChange,
+        onEditingMetaChange: onFrozenEditingMetaChange,
         onRowClick: props.onRowClick,
         onRowCollapse: props.onRowCollapse,
         onRowDoubleClick: props.onRowDoubleClick,