primereact 10.8.2 → 10.8.4

package/datatable/datatable.esm.js

@@ -267,7 +267,7 @@ var ColumnBase = ComponentBase.extend({
 
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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,
@@ -702,7 +702,7 @@ var CheckboxBase = ComponentBase.extend({
 
 function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var Checkbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = CheckboxBase.getProps(inProps, context);
@@ -972,7 +972,7 @@ var RadioButtonBase = ComponentBase.extend({
 
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var RadioButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = RadioButtonBase.getProps(inProps, context);
@@ -1340,23 +1340,23 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     }
     setEditingRowDataState(newRowData);
   };
-  var findNextSelectableCell = function findNextSelectableCell(cell) {
+  var _findNextSelectableCell = function findNextSelectableCell(cell) {
     var nextCell = cell.nextElementSibling;
-    return nextCell ? DomHandler.getAttribute(nextCell, 'data-p-selectable-cell') ? nextCell : findNextSelectableCell(nextCell) : null;
+    return nextCell ? 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 ? DomHandler.getAttribute(prevCell, 'data-p-selectable-cell') ? prevCell : findPrevSelectableCell(prevCell) : null;
+    return prevCell ? 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 ? DomHandler.getAttribute(downRow, 'data-p-selectable-row') && DomHandler.getAttribute(downCell, 'data-p-selectable-cell') ? downCell : findDownSelectableCell(downCell) : null;
+    return downRow && downCell ? DomHandler.getAttribute(downRow, 'data-p-selectable-row') && 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 ? DomHandler.getAttribute(upRow, 'data-p-selectable-row') && DomHandler.getAttribute(upCell, 'data-p-selectable-cell') ? upCell : findUpSelectableCell(upCell) : null;
+    return upRow && upCell ? DomHandler.getAttribute(upRow, 'data-p-selectable-row') && DomHandler.getAttribute(upCell, 'data-p-selectable-cell') ? upCell : _findUpSelectableCell(upCell) : null;
   };
   var changeTabIndex = function changeTabIndex(currentCell, nextCell) {
     if (currentCell && nextCell) {
@@ -1385,14 +1385,14 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       if (align === 'right') {
         var right = 0;
         var next = elementRef.current && elementRef.current.nextElementSibling;
-        if (next) {
+        if (next && next.classList.contains('p-frozen-column')) {
           right = 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 = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
@@ -1482,7 +1482,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         cell = event.currentTarget;
       switch (event.code) {
         case 'ArrowLeft':
-          var prevCell = findPrevSelectableCell(cell);
+          var prevCell = _findPrevSelectableCell(cell);
           if (prevCell) {
             changeTabIndex(cell, prevCell);
             prevCell.focus();
@@ -1490,7 +1490,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           event.preventDefault();
           break;
         case 'ArrowRight':
-          var nextCell = findNextSelectableCell(cell);
+          var nextCell = _findNextSelectableCell(cell);
           if (nextCell) {
             changeTabIndex(cell, nextCell);
             nextCell.focus();
@@ -1498,7 +1498,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           event.preventDefault();
           break;
         case 'ArrowUp':
-          var upCell = findUpSelectableCell(cell);
+          var upCell = _findUpSelectableCell(cell);
           if (upCell) {
             changeTabIndex(cell, upCell);
             upCell.focus();
@@ -1506,7 +1506,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           event.preventDefault();
           break;
         case 'ArrowDown':
-          var downCell = findDownSelectableCell(cell);
+          var downCell = _findDownSelectableCell(cell);
           if (downCell) {
             changeTabIndex(cell, downCell);
             downCell.focus();
@@ -1988,13 +1988,13 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     var firstRow = 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 ? DomHandler.getAttribute(nextRow, 'data-p-selectable-row') === true ? nextRow : findNextSelectableRow(nextRow) : null;
+    return nextRow ? 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 ? DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true ? prevRow : findPrevSelectableRow(prevRow) : null;
+    return prevRow ? DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true ? prevRow : _findPrevSelectableRow(prevRow) : null;
   };
   var findLastSelectableRow = function findLastSelectableRow(row) {
     var lastRow = DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]:last-child');
@@ -2114,7 +2114,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var onArrowDownKey = function onArrowDownKey(row, event) {
-    var nextRow = findNextSelectableRow(row);
+    var nextRow = _findNextSelectableRow(row);
     if (nextRow) {
       changeTabIndex(row, nextRow);
       nextRow.focus();
@@ -2122,7 +2122,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     event.preventDefault();
   };
   var onArrowUpKey = function onArrowUpKey(row, event) {
-    var prevRow = findPrevSelectableRow(row);
+    var prevRow = _findPrevSelectableRow(row);
     if (prevRow) {
       changeTabIndex(row, prevRow);
       prevRow.focus();
@@ -2498,7 +2498,7 @@ 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 TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
@@ -3055,15 +3055,9 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var onRowMouseDown = function onRowMouseDown(e) {
     var event = e.originalEvent;
-    if (!isUnstyled() && DomHandler.hasClass(event.target, 'p-datatable-reorderablerow-handle')) {
-      event.currentTarget.draggable = true;
-      event.target.draggable = false;
-    } else if (isUnstyled() && DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon') {
-      event.currentTarget.draggable = true;
-      event.target.draggable = false;
-    } else {
-      event.currentTarget.draggable = false;
-    }
+    var isDraggableHandle = isUnstyled() ? DomHandler.getAttribute(event.target, 'data-pc-section') === 'rowreordericon' || event.target.closest('[data-pc-section="rowreordericon"]') : 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;
@@ -3133,7 +3127,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   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
@@ -3142,7 +3136,10 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   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 = DomHandler.getOffset(rowElement).top + DomHandler.getWindowScrollTop();
       var pageY = event.pageY + window.scrollY;
@@ -3167,7 +3164,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
           rowElement.setAttribute('data-p-datatable-dragpoint-top', 'true');
           !isUnstyled() && 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() && DomHandler.addClass(rowElement, 'p-datatable-dragpoint-bottom');
       }
@@ -3243,13 +3240,13 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     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)) {
@@ -3306,11 +3303,11 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   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.useEffect(function () {
     if (props.frozenRow) {
@@ -3619,14 +3616,14 @@ var FooterCell = /*#__PURE__*/React.memo(function (props) {
       if (_align === 'right') {
         var right = 0;
         var next = elementRef.current.nextElementSibling;
-        if (next) {
+        if (next && next.classList.contains('p-frozen-column')) {
           right = 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 = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
@@ -4032,7 +4029,7 @@ var FocusTrapBase = ComponentBase.extend({
 
 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.memo( /*#__PURE__*/React__default.forwardRef(function (inProps, ref) {
+var FocusTrap = /*#__PURE__*/React__default.memo(/*#__PURE__*/React__default.forwardRef(function (inProps, ref) {
   var targetRef = React__default.useRef(null);
   var firstFocusableElementRef = React__default.useRef(null);
   var lastFocusableElementRef = React__default.useRef(null);
@@ -4372,7 +4369,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     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;
@@ -4381,7 +4378,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
         event.preventDefault();
         break;
       case 'ArrowUp':
-        var prevItem = findPrevItem(item);
+        var prevItem = _findPrevItem(item);
         if (prevItem) {
           item.removeAttribute('tabindex');
           prevItem.tabIndex = 0;
@@ -4459,13 +4456,13 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       props.onFilterApply();
     }
   };
-  var findNextItem = function findNextItem(item) {
+  var _findNextItem = function findNextItem(item) {
     var nextItem = item.nextElementSibling;
-    return nextItem ? DomHandler.getAttribute(nextItem, 'data-p-column-filter-separator') === true ? findNextItem(nextItem) : nextItem : item.parentElement.firstElementChild;
+    return nextItem ? 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 ? DomHandler.getAttribute(prevItem, 'data-p-column-filter-separator') === true ? findPrevItem(prevItem) : prevItem : item.parentElement.lastElementChild;
+    return prevItem ? DomHandler.getAttribute(prevItem, 'data-p-column-filter-separator') === true ? _findPrevItem(prevItem) : prevItem : item.parentElement.lastElementChild;
   };
   var hide = function hide() {
     setOverlayVisibleState(false);
@@ -4636,7 +4633,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       '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();
       },
@@ -5127,14 +5124,14 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
       if (align === 'right') {
         var right = 0;
         var next = elementRef.current.nextElementSibling;
-        if (next) {
+        if (next && next.classList.contains('p-frozen-column')) {
           right = 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 = DomHandler.getOuterWidth(prev) + parseFloat(prev.style.left || 0);
         }
         styleObject.left = left + 'px';
@@ -5299,6 +5296,7 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
       var allRowsSelected = props.allRowsSelected(props.value);
       return /*#__PURE__*/React.createElement(HeaderCheckbox, {
         hostName: props.hostName,
+        column: props.column,
         checked: allRowsSelected,
         onChange: props.onColumnCheckboxChange,
         disabled: props.empty,
@@ -5566,16 +5564,18 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
       });
     });
   };
-  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.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;
@@ -5615,7 +5615,7 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
           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,
@@ -6591,12 +6591,12 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     } else {
       var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact$1.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;
     }
@@ -6605,7 +6605,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
 
     // check if they are equal handling dates and locales
     if (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);
   };
@@ -7002,7 +7002,12 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       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]);
   useUnmountEffect(function () {