primereact 10.8.2 → 10.8.4

package/datatable/datatable.js

@@ -261,7 +261,7 @@ 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; }
-  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: 1;\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 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) {
       var props = _ref.props,
@@ -696,7 +696,7 @@ 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; }
-  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  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);
     var props = CheckboxBase.getProps(inProps, context);
@@ -966,7 +966,7 @@ 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; }
-  var RadioButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  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);
     var props = RadioButtonBase.getProps(inProps, context);
@@ -1334,23 +1334,23 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
       setEditingRowDataState(newRowData);
     };
-    var findNextSelectableCell = function findNextSelectableCell(cell) {
+    var _findNextSelectableCell = function findNextSelectableCell(cell) {
       var nextCell = cell.nextElementSibling;
-      return nextCell ? utils.DomHandler.getAttribute(nextCell, 'data-p-selectable-cell') ? nextCell : findNextSelectableCell(nextCell) : null;
+      return nextCell ? utils.DomHandler.getAttribute(nextCell, 'data-p-selectable-cell') ? nextCell : _findNextSelectableCell(nextCell) : null;
     };
-    var findPrevSelectableCell = function findPrevSelectableCell(cell) {
+    var _findPrevSelectableCell = function findPrevSelectableCell(cell) {
       var prevCell = cell.previousElementSibling;
-      return prevCell ? utils.DomHandler.getAttribute(prevCell, 'data-p-selectable-cell') ? prevCell : findPrevSelectableCell(prevCell) : null;
+      return prevCell ? utils.DomHandler.getAttribute(prevCell, 'data-p-selectable-cell') ? prevCell : _findPrevSelectableCell(prevCell) : null;
     };
-    var findDownSelectableCell = function findDownSelectableCell(cell) {
+    var _findDownSelectableCell = function findDownSelectableCell(cell) {
       var downRow = cell.parentElement.nextElementSibling;
       var downCell = downRow ? downRow.children[props.index] : null;
-      return downRow && downCell ? utils.DomHandler.getAttribute(downRow, 'data-p-selectable-row') && utils.DomHandler.getAttribute(downCell, 'data-p-selectable-cell') ? downCell : findDownSelectableCell(downCell) : null;
+      return downRow && downCell ? utils.DomHandler.getAttribute(downRow, 'data-p-selectable-row') && utils.DomHandler.getAttribute(downCell, 'data-p-selectable-cell') ? downCell : _findDownSelectableCell(downCell) : null;
     };
-    var findUpSelectableCell = function findUpSelectableCell(cell) {
+    var _findUpSelectableCell = function findUpSelectableCell(cell) {
       var upRow = cell.parentElement.previousElementSibling;
       var upCell = upRow ? upRow.children[props.index] : null;
-      return upRow && upCell ? utils.DomHandler.getAttribute(upRow, 'data-p-selectable-row') && utils.DomHandler.getAttribute(upCell, 'data-p-selectable-cell') ? upCell : findUpSelectableCell(upCell) : null;
+      return upRow && upCell ? utils.DomHandler.getAttribute(upRow, 'data-p-selectable-row') && utils.DomHandler.getAttribute(upCell, 'data-p-selectable-cell') ? upCell : _findUpSelectableCell(upCell) : null;
     };
     var changeTabIndex = function changeTabIndex(currentCell, nextCell) {
       if (currentCell && nextCell) {
@@ -1379,14 +1379,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         if (align === 'right') {
           var right = 0;
           var next = elementRef.current && elementRef.current.nextElementSibling;
-          if (next) {
+          if (next && next.classList.contains('p-frozen-column')) {
             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
           styleObject.right = right + 'px';
         } else {
           var left = 0;
           var prev = elementRef.current && elementRef.current.previousElementSibling;
-          if (prev) {
+          if (prev && prev.classList.contains('p-frozen-column')) {
             left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
           styleObject.left = left + 'px';
@@ -1476,7 +1476,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           cell = event.currentTarget;
         switch (event.code) {
           case 'ArrowLeft':
-            var prevCell = findPrevSelectableCell(cell);
+            var prevCell = _findPrevSelectableCell(cell);
             if (prevCell) {
               changeTabIndex(cell, prevCell);
               prevCell.focus();
@@ -1484,7 +1484,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             event.preventDefault();
             break;
           case 'ArrowRight':
-            var nextCell = findNextSelectableCell(cell);
+            var nextCell = _findNextSelectableCell(cell);
             if (nextCell) {
               changeTabIndex(cell, nextCell);
               nextCell.focus();
@@ -1492,7 +1492,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             event.preventDefault();
             break;
           case 'ArrowUp':
-            var upCell = findUpSelectableCell(cell);
+            var upCell = _findUpSelectableCell(cell);
             if (upCell) {
               changeTabIndex(cell, upCell);
               upCell.focus();
@@ -1500,7 +1500,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             event.preventDefault();
             break;
           case 'ArrowDown':
-            var downCell = findDownSelectableCell(cell);
+            var downCell = _findDownSelectableCell(cell);
             if (downCell) {
               changeTabIndex(cell, downCell);
               downCell.focus();
@@ -1982,13 +1982,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var firstRow = utils.DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]');
       return firstRow ? firstRow : null;
     };
-    var findNextSelectableRow = function findNextSelectableRow(row) {
+    var _findNextSelectableRow = function findNextSelectableRow(row) {
       var nextRow = row.nextElementSibling;
-      return nextRow ? utils.DomHandler.getAttribute(nextRow, 'data-p-selectable-row') === true ? nextRow : findNextSelectableRow(nextRow) : null;
+      return nextRow ? utils.DomHandler.getAttribute(nextRow, 'data-p-selectable-row') === true ? nextRow : _findNextSelectableRow(nextRow) : null;
     };
-    var findPrevSelectableRow = function findPrevSelectableRow(row) {
+    var _findPrevSelectableRow = function findPrevSelectableRow(row) {
       var prevRow = row.previousElementSibling;
-      return prevRow ? utils.DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true ? prevRow : findPrevSelectableRow(prevRow) : null;
+      return prevRow ? utils.DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true ? prevRow : _findPrevSelectableRow(prevRow) : null;
     };
     var findLastSelectableRow = function findLastSelectableRow(row) {
       var lastRow = utils.DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]:last-child');
@@ -2108,7 +2108,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       }
     };
     var onArrowDownKey = function onArrowDownKey(row, event) {
-      var nextRow = findNextSelectableRow(row);
+      var nextRow = _findNextSelectableRow(row);
       if (nextRow) {
         changeTabIndex(row, nextRow);
         nextRow.focus();
@@ -2116,7 +2116,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       event.preventDefault();
     };
     var onArrowUpKey = function onArrowUpKey(row, event) {
-      var prevRow = findPrevSelectableRow(row);
+      var prevRow = _findPrevSelectableRow(row);
       if (prevRow) {
         changeTabIndex(row, prevRow);
         prevRow.focus();
@@ -2492,7 +2492,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
   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 TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var TableBody = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var mergeProps = hooks.useMergeProps();
     var _props$ptCallbacks = props.ptCallbacks,
       ptm = _props$ptCallbacks.ptm,
@@ -3049,15 +3049,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var onRowMouseDown = function onRowMouseDown(e) {
       var event = e.originalEvent;
-      if (!isUnstyled() && utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) {
-        event.currentTarget.draggable = true;
-        event.target.draggable = false;
-      } else if (isUnstyled() && utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon') {
-        event.currentTarget.draggable = true;
-        event.target.draggable = false;
-      } else {
-        event.currentTarget.draggable = false;
-      }
+      var isDraggableHandle = isUnstyled() ? utils.DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon' || event.target.closest('[data-pc-section="rowreordericon"]') : utils.DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle') || event.target.closest('.p-datatable-reorderablerow-handle');
+      event.currentTarget.draggable = isDraggableHandle;
+      event.target.draggable = !isDraggableHandle;
       if (allowRowDrag(e)) {
         enableDragSelection(event);
         anchorRowIndex.current = e.index;
@@ -3127,7 +3121,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var onRowDragStart = function onRowDragStart(e) {
       var event = e.originalEvent,
         index = e.index;
-      if (allowRowDrag(event)) {
+      if (allowRowDrag(e)) {
         rowDragging.current = true;
         draggedRowIndex.current = index;
         event.dataTransfer.setData('text', 'b'); // For firefox
@@ -3136,7 +3130,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     var onRowDragOver = function onRowDragOver(e) {
       var event = e.originalEvent,
         index = e.index;
-      if (rowDragging.current && draggedRowIndex.current !== index) {
+      if (!rowDragging.current) {
+        return;
+      }
+      if (draggedRowIndex.current !== index) {
         var rowElement = event.currentTarget;
         var rowY = utils.DomHandler.getOffset(rowElement).top + utils.DomHandler.getWindowScrollTop();
         var pageY = event.pageY + window.scrollY;
@@ -3161,7 +3158,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             rowElement.setAttribute('data-p-datatable-dragpoint-top', 'true');
             !isUnstyled() && utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-top');
           }
-          droppedRowIndex.current = index + 1;
+          if (index + 1 !== draggedRowIndex.current) droppedRowIndex.current = index + 1;
           rowElement.setAttribute('data-p-datatable-dragpoint-bottom', 'true');
           !isUnstyled() && utils.DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
         }
@@ -3237,13 +3234,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       dragSelectionHelper.current.style.width = "".concat(Math.abs(dx), "px");
       event.preventDefault();
     };
-    var onDragSelectionMouseUp = function onDragSelectionMouseUp() {
+    var _onDragSelectionMouseUp = function onDragSelectionMouseUp() {
       if (dragSelectionHelper.current) {
         dragSelectionHelper.current.remove();
         dragSelectionHelper.current = null;
       }
       document.removeEventListener('mousemove', onDragSelectionMouseMove);
-      document.removeEventListener('mouseup', onDragSelectionMouseUp);
+      document.removeEventListener('mouseup', _onDragSelectionMouseUp);
     };
     var onCellClick = function onCellClick(event) {
       if (!allowSelection(event)) {
@@ -3300,11 +3297,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
     };
     var bindDragSelectionEvents = function bindDragSelectionEvents() {
       document.addEventListener('mousemove', onDragSelectionMouseMove);
-      document.addEventListener('mouseup', onDragSelectionMouseUp);
+      document.addEventListener('mouseup', _onDragSelectionMouseUp);
       document.body.appendChild(dragSelectionHelper.current);
     };
     var unbindDragSelectionEvents = function unbindDragSelectionEvents() {
-      onDragSelectionMouseUp();
+      _onDragSelectionMouseUp();
     };
     React__namespace.useEffect(function () {
       if (props.frozenRow) {
@@ -3613,14 +3610,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         if (_align === 'right') {
           var right = 0;
           var next = elementRef.current.nextElementSibling;
-          if (next) {
+          if (next && next.classList.contains('p-frozen-column')) {
             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
           styleObject.right = right + 'px';
         } else {
           var left = 0;
           var prev = elementRef.current.previousElementSibling;
-          if (prev) {
+          if (prev && prev.classList.contains('p-frozen-column')) {
             left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
           styleObject.left = left + 'px';
@@ -4026,7 +4023,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
 
   function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var FocusTrap = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+  var FocusTrap = /*#__PURE__*/React__default["default"].memo(/*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
     var targetRef = React__default["default"].useRef(null);
     var firstFocusableElementRef = React__default["default"].useRef(null);
     var lastFocusableElementRef = React__default["default"].useRef(null);
@@ -4366,7 +4363,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       var item = event.target;
       switch (event.key) {
         case 'ArrowDown':
-          var nextItem = findNextItem(item);
+          var nextItem = _findNextItem(item);
           if (nextItem) {
             item.removeAttribute('tabindex');
             nextItem.tabIndex = 0;
@@ -4375,7 +4372,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
           event.preventDefault();
           break;
         case 'ArrowUp':
-          var prevItem = findPrevItem(item);
+          var prevItem = _findPrevItem(item);
           if (prevItem) {
             item.removeAttribute('tabindex');
             prevItem.tabIndex = 0;
@@ -4453,13 +4450,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         props.onFilterApply();
       }
     };
-    var findNextItem = function findNextItem(item) {
+    var _findNextItem = function findNextItem(item) {
       var nextItem = item.nextElementSibling;
-      return nextItem ? utils.DomHandler.getAttribute(nextItem, 'data-p-column-filter-separator') === true ? findNextItem(nextItem) : nextItem : item.parentElement.firstElementChild;
+      return nextItem ? utils.DomHandler.getAttribute(nextItem, 'data-p-column-filter-separator') === true ? _findNextItem(nextItem) : nextItem : item.parentElement.firstElementChild;
     };
-    var findPrevItem = function findPrevItem(item) {
+    var _findPrevItem = function findPrevItem(item) {
       var prevItem = item.previousElementSibling;
-      return prevItem ? utils.DomHandler.getAttribute(prevItem, 'data-p-column-filter-separator') === true ? findPrevItem(prevItem) : prevItem : item.parentElement.lastElementChild;
+      return prevItem ? utils.DomHandler.getAttribute(prevItem, 'data-p-column-filter-separator') === true ? _findPrevItem(prevItem) : prevItem : item.parentElement.lastElementChild;
     };
     var hide = function hide() {
       setOverlayVisibleState(false);
@@ -4630,7 +4627,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         'aria-haspopup': true,
         'aria-expanded': overlayVisibleState,
         'aria-label': label,
-        'aria-controls': overlayId.current,
+        'aria-controls': overlayVisibleState ? overlayId.current : undefined,
         onClick: function onClick(e) {
           return toggleMenu();
         },
@@ -5121,14 +5118,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         if (align === 'right') {
           var right = 0;
           var next = elementRef.current.nextElementSibling;
-          if (next) {
+          if (next && next.classList.contains('p-frozen-column')) {
             right = utils.DomHandler.getOuterWidth(next) + parseFloat(next.style.right || 0);
           }
           styleObject.right = right + 'px';
         } else {
           var left = 0;
           var prev = elementRef.current.previousElementSibling;
-          if (prev) {
+          if (prev && prev.classList.contains('p-frozen-column')) {
             left = utils.DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
           }
           styleObject.left = left + 'px';
@@ -5293,6 +5290,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         var allRowsSelected = props.allRowsSelected(props.value);
         return /*#__PURE__*/React__namespace.createElement(HeaderCheckbox, {
           hostName: props.hostName,
+          column: props.column,
           checked: allRowsSelected,
           onChange: props.onColumnCheckboxChange,
           disabled: props.empty,
@@ -5560,16 +5558,18 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         });
       });
     };
-    var createCheckbox = function createCheckbox(selectionMode) {
+    var createCheckbox = function createCheckbox(column, selectionMode) {
       if (props.showSelectAll && selectionMode === 'multiple') {
         var allRowsSelected = props.allRowsSelected(props.value);
         return /*#__PURE__*/React__namespace.createElement(HeaderCheckbox, {
           hostName: props.hostName,
+          column: column,
           checked: allRowsSelected,
           onChange: onCheckboxChange,
           disabled: props.empty,
           ptCallbacks: props.ptCallbacks,
-          metaData: props.metaData
+          metaData: props.metaData,
+          unstyled: props.unstyled
         });
       }
       return null;
@@ -5609,7 +5609,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
             filter = _ColumnBase$getCProps.filter;
           var colStyle = _objectSpread$1(_objectSpread$1({}, filterHeaderStyle || {}), style || {});
           var colKey = columnKey || field || i;
-          var checkbox = createCheckbox(selectionMode);
+          var checkbox = createCheckbox(col, selectionMode);
           var filterRow = createFilter(col, filter);
           var headerCellProps = mergeProps({
             style: colStyle,
@@ -6585,12 +6585,12 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
       } else {
         var comparator = utils.ObjectUtils.localeComparator(context && context.locale || PrimeReact__default["default"].locale);
         value.sort(function (data1, data2) {
-          return multisortField(data1, data2, multiSortMeta, 0, comparator);
+          return _multisortField(data1, data2, multiSortMeta, 0, comparator);
         });
       }
       return value;
     };
-    var multisortField = function multisortField(data1, data2, multiSortMeta, index, comparator) {
+    var _multisortField = function multisortField(data1, data2, multiSortMeta, index, comparator) {
       if (!multiSortMeta || !multiSortMeta[index]) {
         return;
       }
@@ -6599,7 +6599,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
 
       // check if they are equal handling dates and locales
       if (utils.ObjectUtils.compare(value1, value2, comparator) === 0) {
-        return multiSortMeta.length - 1 > index ? multisortField(data1, data2, multiSortMeta, index + 1, comparator) : 0;
+        return multiSortMeta.length - 1 > index ? _multisortField(data1, data2, multiSortMeta, index + 1, comparator) : 0;
       }
       return compareValuesOnSort(value1, value2, comparator, multiSortMeta[index].order);
     };
@@ -6996,7 +6996,12 @@ this.primereact.datatable = (function (exports, React, PrimeReact$1, componentba
         filter(props.globalFilter, 'global', props.globalFilterMatchMode);
       } else {
         // #3819 was filtering but now reset filter state
-        setFiltersState(props.filters);
+        if (d_filtersState['global']) {
+          var filters = _objectSpread({}, d_filtersState);
+          delete filters['global'];
+          setD_filtersState(filters);
+          onFilterApply(filters);
+        }
       }
     }, [props.globalFilter, props.globalFilterMatchMode]);
     hooks.useUnmountEffect(function () {