primereact 10.3.2 → 10.4.0

package/datatable/datatable.esm.js

@@ -1,9 +1,10 @@
 'use client';
 import * as React from 'react';
-import PrimeReact, { FilterMatchMode, ariaLabel, localeOption, PrimeReactContext, FilterOperator, FilterService } from 'primereact/api';
+import React__default from 'react';
+import PrimeReact$1, { FilterMatchMode as FilterMatchMode$1, ariaLabel as ariaLabel$1, localeOption, PrimeReactContext, FilterOperator, FilterService } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { ObjectUtils, classNames, IconUtils, DomHandler, ZIndexUtils, UniqueComponentId } from 'primereact/utils';
-import { useMergeProps, useEventListener, useUpdateEffect, useUnmountEffect, useOverlayListener, usePrevious, useMountEffect } from 'primereact/hooks';
+import { ObjectUtils, classNames, IconUtils, DomHandler, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
+import { useMergeProps, useEventListener, useUpdateEffect, useUnmountEffect, useStyle, useMountEffect, useOverlayListener, usePrevious } from 'primereact/hooks';
 import { ArrowDownIcon } from 'primereact/icons/arrowdown';
 import { ArrowUpIcon } from 'primereact/icons/arrowup';
 import { SpinnerIcon } from 'primereact/icons/spinner';
@@ -250,9 +251,9 @@ var ColumnBase = 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 styles = "\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";
+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 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 classes = {
   root: function root(_ref) {
     var props = _ref.props,
@@ -390,8 +391,8 @@ var classes = {
       getColumnProp = _ref11.getColumnProp;
     return classNames('p-column-filter-overlay p-component p-fluid', getColumnProp('filterMenuClassName'), {
       'p-column-filter-overlay-menu': props.display === 'menu',
-      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact$1.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact$1.ripple === false
     });
   },
   columnFilter: function columnFilter(_ref12) {
@@ -490,11 +491,11 @@ var inlineStyles = {
   },
   reorderIndicatorUp: function reorderIndicatorUp(_ref20) {
     var style = _ref20.style;
-    return _objectSpread$b({}, style);
+    return _objectSpread$c({}, style);
   },
   reorderIndicatorDown: function reorderIndicatorDown(_ref21) {
     var style = _ref21.style;
-    return _objectSpread$b({}, style);
+    return _objectSpread$c({}, style);
   }
 };
 var DataTableBase = ComponentBase.extend({
@@ -539,7 +540,7 @@ var DataTableBase = ComponentBase.extend({
     frozenWidth: null,
     globalFilter: null,
     globalFilterFields: null,
-    globalFilterMatchMode: FilterMatchMode.CONTAINS,
+    globalFilterMatchMode: FilterMatchMode$1.CONTAINS,
     groupRowsBy: null,
     header: null,
     headerColumnGroup: null,
@@ -645,7 +646,7 @@ var DataTableBase = ComponentBase.extend({
     children: undefined
   },
   css: {
-    styles: styles,
+    styles: styles$1,
     classes: classes,
     inlineStyles: inlineStyles
   }
@@ -680,8 +681,8 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-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 RowCheckbox = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -737,7 +738,7 @@ var RowCheckbox = /*#__PURE__*/React.memo(function (props) {
     className: cx('checkboxIcon')
   }, getColumnPTOptions('checkboxIcon'));
   var icon = props.checked ? props.checkIcon || /*#__PURE__*/React.createElement(CheckIcon, checkboxIconProps) : null;
-  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$a({}, checkboxIconProps), {
+  var checkIcon = IconUtils.getJSXIcon(icon, _objectSpread$b({}, checkboxIconProps), {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
@@ -875,8 +876,8 @@ var RowRadioButton = /*#__PURE__*/React.memo(function (props) {
 });
 RowRadioButton.displayName = 'RowRadioButton';
 
-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 BodyCell = /*#__PURE__*/React.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React.useState(props.editing),
@@ -983,7 +984,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   };
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$9({
+    return _objectSpread$a({
       originalEvent: event
     }, params);
   };
@@ -1022,7 +1023,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     setEditingRowDataState(function (prev) {
       var newRowData = prev;
       var newValue = resolveFieldData(newRowData);
-      var params = _objectSpread$9(_objectSpread$9({}, callbackParams), {}, {
+      var params = _objectSpread$a(_objectSpread$a({}, callbackParams), {}, {
         newRowData: newRowData,
         newValue: newValue
       });
@@ -1092,7 +1093,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   };
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$9({}, styleObjectState);
+      var styleObject = _objectSpread$a({}, styleObjectState);
       var align = getColumnProp('alignFrozen');
       if (align === 'right') {
         var right = 0;
@@ -1114,7 +1115,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var editorCallback = function editorCallback(val) {
-    var editingRowData = _objectSpread$9({}, editingRowDataState);
+    var editingRowData = _objectSpread$a({}, editingRowDataState);
     ObjectUtils.mutateFieldData(editingRowData, field, val);
     setEditingRowDataState(editingRowData);
 
@@ -1321,7 +1322,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
   React.useEffect(function () {
     if (props.editMode === 'cell' || props.editMode === 'row') {
       var callbackParams = getCellCallbackParams();
-      var params = _objectSpread$9(_objectSpread$9({}, callbackParams), {}, {
+      var params = _objectSpread$a(_objectSpread$a({}, callbackParams), {}, {
         editing: editingState,
         editingKey: editingKey
       });
@@ -1346,7 +1347,9 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       field: field
     });
     var content = ObjectUtils.getJSXElement(getVirtualScrollerOption('loadingTemplate'), options);
-    var bodyCellProps = mergeProps(getColumnPTOptions('bodyCell'));
+    var bodyCellProps = mergeProps(getColumnPTOptions('bodyCell'), {
+      role: 'cell'
+    });
     return /*#__PURE__*/React.createElement("td", bodyCellProps, content);
   };
   var createElement = function createElement() {
@@ -1389,7 +1392,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       if (showSelection) {
         var ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
         var ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, ariaLabelField);
-        label = "".concat(props.selected ? ariaLabel('unselectLabel') : ariaLabel('selectLabel'), " ").concat(ariaLabelText);
+        label = "".concat(props.selected ? ariaLabel$1('unselectLabel') : ariaLabel$1('selectLabel'), " ").concat(ariaLabelText);
       }
       content = showSelection && /*#__PURE__*/React.createElement(React.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React.createElement(RowRadioButton, {
         hostName: props.hostName,
@@ -1429,7 +1432,7 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         className: cx('rowReorderIcon')
       }, getColumnPTOptions('rowReorderIcon'));
       var rowReorderIcon = getColumnProp('rowReorderIcon') || /*#__PURE__*/React.createElement(BarsIcon, rowReorderIconProps);
-      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$9({}, rowReorderIconProps), {
+      content = showReorder ? IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$a({}, rowReorderIconProps), {
         props: props
       }) : null;
     } else if (expander) {
@@ -1438,18 +1441,18 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
         'aria-hidden': true
       }, getColumnPTOptions('rowTogglerIcon'));
       var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, rowTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, rowTogglerIconProps);
-      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$9({}, rowTogglerIconProps), {
+      var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$a({}, rowTogglerIconProps), {
         props: props
       });
       var ariaControls = "".concat(props.tableSelector, "_content_").concat(props.rowIndex, "_expanded");
       var _ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
       var _ariaLabelText = ObjectUtils.resolveFieldData(props.rowData, _ariaLabelField);
-      var _label = "".concat(props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel'), " ").concat(_ariaLabelText);
+      var _label = "".concat(props.expanded ? ariaLabel$1('collapseLabel') : ariaLabel$1('expandLabel'), " ").concat(_ariaLabelText);
       var expanderProps = {
         onClick: onRowToggle,
         className: cx('rowToggler')
       };
-      var rowTogglerProps = mergeProps(_objectSpread$9(_objectSpread$9({}, expanderProps), {}, {
+      var rowTogglerProps = mergeProps(_objectSpread$a(_objectSpread$a({}, expanderProps), {}, {
         type: 'button',
         'aria-expanded': props.expanded,
         'aria-controls': ariaControls,
@@ -1479,13 +1482,13 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
       var rowEditorInitIconProps = mergeProps({
         className: cx('rowEditorInitIcon')
       }, getColumnPTOptions('rowEditorInitIcon'));
-      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$9({}, rowEditorSaveIconProps), {
+      var rowEditorSaveIcon = IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React.createElement(CheckIcon, rowEditorSaveIconProps), _objectSpread$a({}, rowEditorSaveIconProps), {
         props: props
       });
-      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$9({}, rowEditorCancelIconProps), {
+      var rowEditorCancelIcon = IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React.createElement(TimesIcon, rowEditorCancelIconProps), _objectSpread$a({}, rowEditorCancelIconProps), {
         props: props
       });
-      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$9({}, rowEditorInitIconProps), {
+      var rowEditorInitIcon = IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React.createElement(PencilIcon, rowEditorInitIconProps), _objectSpread$a({}, rowEditorInitIconProps), {
         props: props
       });
       if (editingState) {
@@ -1496,21 +1499,22 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           onCancelClick: onRowEditCancel,
           cancelClassName: cx('rowEditorCancelButton')
         };
-        var rowEditorSaveButtonProps = mergeProps({
+        var rowEditorSaveButtonProps = mergeProps(_defineProperty(_defineProperty({
           type: 'button',
           name: 'row-save',
+          'aria-label': ariaLabel$1('saveEdit'),
           onClick: rowEditorProps.onSaveClick,
           className: rowEditorProps.saveClassName,
-          tabIndex: props.tabIndex,
-          'data-p-row-editor-save': true
-        }, getColumnPTOptions('rowEditorSaveButton'));
-        var rowEditorCancelButtonProps = mergeProps({
+          tabIndex: props.tabIndex
+        }, "aria-label", ariaLabel$1('saveEdit')), 'data-p-row-editor-save', true), getColumnPTOptions('rowEditorSaveButton'));
+        var rowEditorCancelButtonProps = mergeProps(_defineProperty({
           type: 'button',
           name: 'row-cancel',
+          'aria-label': ariaLabel$1('cancelEdit'),
           onClick: rowEditorProps.onCancelClick,
           className: rowEditorProps.cancelClassName,
           tabIndex: props.tabIndex
-        }, getColumnPTOptions('rowEditorCancelButton'));
+        }, "aria-label", ariaLabel$1('cancelEdit')), getColumnPTOptions('rowEditorCancelButton'));
         content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", rowEditorSaveButtonProps, rowEditorSaveIcon, /*#__PURE__*/React.createElement(Ripple, null)), /*#__PURE__*/React.createElement("button", rowEditorCancelButtonProps, rowEditorCancelIcon, /*#__PURE__*/React.createElement(Ripple, null)));
       } else {
         rowEditorProps = {
@@ -1518,14 +1522,14 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
           onInitClick: onRowEditInit,
           initClassName: cx('rowEditorInitButton')
         };
-        var rowEditorInitButtonProps = mergeProps({
+        var rowEditorInitButtonProps = mergeProps(_defineProperty(_defineProperty({
           type: 'button',
           name: 'row-edit',
+          'aria-label': ariaLabel$1('editRow'),
           onClick: rowEditorProps.onInitClick,
           className: rowEditorProps.initClassName,
-          tabIndex: props.tabIndex,
-          'data-p-row-editor-init': true
-        }, getColumnPTOptions('rowEditorInitButton'));
+          tabIndex: props.tabIndex
+        }, "aria-label", ariaLabel$1('editRow')), 'data-p-row-editor-init', true), getColumnPTOptions('rowEditorInitButton'));
         content = /*#__PURE__*/React.createElement("button", rowEditorInitButtonProps, rowEditorInitIcon, /*#__PURE__*/React.createElement(Ripple, null));
       }
       if (body) {
@@ -1625,8 +1629,8 @@ var BodyCell = /*#__PURE__*/React.memo(function (props) {
 });
 BodyCell.displayName = 'BodyCell';
 
-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 BodyRow = /*#__PURE__*/React.memo(function (props) {
   var mergeProps = useMergeProps();
   var _React$useState = React.useState(false),
@@ -1685,6 +1689,10 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
       nextRow.tabIndex = props.tabIndex;
     }
   };
+  var findFirstSelectableRow = function findFirstSelectableRow(row) {
+    var firstRow = DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]');
+    return firstRow ? firstRow : null;
+  };
   var findNextSelectableRow = function findNextSelectableRow(row) {
     var nextRow = row.nextElementSibling;
     return nextRow ? DomHandler.getAttribute(nextRow, 'data-p-selectable-row') === true ? nextRow : findNextSelectableRow(nextRow) : null;
@@ -1693,6 +1701,10 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     var prevRow = row.previousElementSibling;
     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');
+    return lastRow ? lastRow : null;
+  };
   var shouldRenderBodyCell = function shouldRenderBodyCell(value, column, i) {
     if (getColumnProp(column, 'hidden')) {
       return false;
@@ -1781,46 +1793,90 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     if (isFocusable() && !props.allowCellSelection) {
       var target = event.target,
         row = event.currentTarget;
-      switch (event.which) {
-        //down arrow
-        case 40:
-          var nextRow = findNextSelectableRow(row);
-          if (nextRow) {
-            changeTabIndex(row, nextRow);
-            nextRow.focus();
-          }
-          event.preventDefault();
+      switch (event.code) {
+        case 'ArrowDown':
+          onArrowDownKey(row, event);
           break;
-
-        //up arrow
-        case 38:
-          var prevRow = findPrevSelectableRow(row);
-          if (prevRow) {
-            changeTabIndex(row, prevRow);
-            prevRow.focus();
-          }
-          event.preventDefault();
+        case 'ArrowUp':
+          onArrowUpKey(row, event);
           break;
-
-        //enter
-        case 13:
-          // @deprecated
-          if (!DomHandler.isClickable(target)) {
-            _onClick(event);
-            event.preventDefault();
-          }
+        case 'Home':
+          onHomeKey(row, event);
           break;
-
-        //space
-        case 32:
-          if (!DomHandler.isClickable(target) && !target.readOnly) {
-            _onClick(event);
-            event.preventDefault();
-          }
+        case 'End':
+          onEndKey(row, event);
+          break;
+        case 'Enter':
+          onEnterKey(row, event, target);
+          break;
+        case 'Space':
+          onSpaceKey(row, event, target);
+          break;
+        case 'Tab':
+          onTabKey(row, event);
           break;
       }
     }
   };
+  var onArrowDownKey = function onArrowDownKey(row, event) {
+    var nextRow = findNextSelectableRow(row);
+    if (nextRow) {
+      changeTabIndex(row, nextRow);
+      nextRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onArrowUpKey = function onArrowUpKey(row, event) {
+    var prevRow = findPrevSelectableRow(row);
+    if (prevRow) {
+      changeTabIndex(row, prevRow);
+      prevRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onHomeKey = function onHomeKey(row, event) {
+    var firstRow = findFirstSelectableRow(row);
+    if (firstRow) {
+      changeTabIndex(row, firstRow);
+      firstRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onEndKey = function onEndKey(row, event) {
+    var lastRow = findLastSelectableRow(row);
+    if (lastRow) {
+      changeTabIndex(row, lastRow);
+      lastRow.focus();
+    }
+    event.preventDefault();
+  };
+  var onEnterKey = function onEnterKey(row, event, target) {
+    if (!DomHandler.isClickable(target)) {
+      _onClick(event);
+      event.preventDefault();
+    }
+  };
+  var onSpaceKey = function onSpaceKey(row, event, target) {
+    if (!DomHandler.isClickable(target) && !target.readOnly) {
+      _onClick(event);
+      event.preventDefault();
+    }
+  };
+  var onTabKey = function onTabKey(row, event) {
+    var parent = row.parentNode;
+    var rows = DomHandler.find(parent, 'tr[data-p-selectable-row="true"]');
+    if (event.code === 'Tab' && rows && rows.length > 0) {
+      var firstSelectedRow = DomHandler.findSingle(parent, 'tr[data-p-highlight="true"]');
+      var focusedItem = DomHandler.findSingle(parent, 'tr[data-p-selectable-row="true"][tabindex="0"]');
+      if (firstSelectedRow) {
+        firstSelectedRow.tabIndex = '0';
+        focusedItem && focusedItem !== firstSelectedRow && (focusedItem.tabIndex = '-1');
+      } else {
+        rows[0].tabIndex = '0';
+        focusedItem !== rows[0] && (rows[rowIndex].tabIndex = '-1');
+      }
+    }
+  };
   var _onMouseDown = function onMouseDown(event) {
     props.onRowMouseDown({
       originalEvent: event,
@@ -1880,7 +1936,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
         newData = e.newData;
       if (dataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(data, dataKey));
-        editingRows = props.editingRows ? _objectSpread$8({}, props.editingRows) : {};
+        editingRows = props.editingRows ? _objectSpread$9({}, props.editingRows) : {};
         if (!isEditing) {
           delete editingRows[dataKeyValue];
           // if the key value was changed, stop editing for the new key value too
@@ -2072,6 +2128,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
     onDrop: function onDrop(e) {
       return _onDrop(e);
     },
+    'aria-selected': props !== null && props !== void 0 && props.selectionMode ? props.selected : null,
     'data-p-selectable-row': props.allowRowSelection && props.isSelectable({
       data: props.rowData,
       index: props.rowIndex
@@ -2083,8 +2140,8 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
 });
 BodyRow.displayName = 'BodyRow';
 
-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; }
+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 RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -2116,10 +2173,10 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
     'aria-hidden': true
   }, getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React.createElement(ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React.createElement(ChevronRightIcon, rowGroupTogglerIconProps);
-  var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$7({}, rowGroupTogglerIconProps), {
+  var togglerIcon = IconUtils.getJSXIcon(icon, _objectSpread$8({}, rowGroupTogglerIconProps), {
     props: props
   });
-  var label = props.expanded ? ariaLabel('collapseLabel') : ariaLabel('expandLabel');
+  var label = props.expanded ? ariaLabel$1('collapseLabel') : ariaLabel$1('expandLabel');
   var rowGroupTogglerProps = mergeProps({
     type: 'button',
     onClick: function onClick(e) {
@@ -2134,8 +2191,8 @@ var RowTogglerButton = /*#__PURE__*/React.memo(function (props) {
 RowTogglerButton.displayName = 'RowTogglerButton';
 
 var _excluded = ["originalEvent"];
-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 TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -2540,14 +2597,14 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     return selection;
   };
   var onSelect = function onSelect(event) {
-    if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$6(_objectSpread$6({
+    if (allowCellSelection()) props.onCellSelect && props.onCellSelect(_objectSpread$7(_objectSpread$7({
       originalEvent: event.originalEvent
     }, event.data), {}, {
       type: event.type
     }));else props.onRowSelect && props.onRowSelect(event);
   };
   var onUnselect = function onUnselect(event) {
-    if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$6(_objectSpread$6({
+    if (allowCellSelection()) props.onCellUnselect && props.onCellUnselect(_objectSpread$7(_objectSpread$7({
       originalEvent: event.originalEvent
     }, event.data), {}, {
       type: event.type
@@ -2606,12 +2663,12 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         rangeRowIndex.current = event.index;
         anchorRowFirst.current = props.first;
         if (isSingleSelection()) {
-          onSingleSelection(_objectSpread$6(_objectSpread$6({}, event), {}, {
+          onSingleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
         } else {
-          onMultipleSelection(_objectSpread$6(_objectSpread$6({}, event), {}, {
+          onMultipleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
             toggleable: toggleable,
             type: 'row'
           }));
@@ -2701,7 +2758,7 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
     if (hasDataKey) {
       var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-      expandedRows = props.expandedRows ? _objectSpread$6({}, props.expandedRows) : {};
+      expandedRows = props.expandedRows ? _objectSpread$7({}, props.expandedRows) : {};
       if (expandedRows[dataKeyValue] != null) {
         delete expandedRows[dataKeyValue];
         if (props.onRowCollapse) {
@@ -2835,13 +2892,13 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     event.preventDefault();
   };
   var onRadioChange = function onRadioChange(event) {
-    onSingleSelection(_objectSpread$6(_objectSpread$6({}, event), {}, {
+    onSingleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
       toggleable: true,
       type: 'radio'
     }));
   };
   var onCheckboxChange = function onCheckboxChange(event) {
-    onMultipleSelection(_objectSpread$6(_objectSpread$6({}, event), {}, {
+    onMultipleSelection(_objectSpread$7(_objectSpread$7({}, event), {}, {
       toggleable: true,
       type: 'checkbox'
     }));
@@ -3146,7 +3203,8 @@ var TableBody = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     style: props.style,
     className: cx(ptKey, {
       className: props.className
-    })
+    }),
+    role: ' rowgroup'
   }, ptm(ptKey, {
     hostName: props.hostName
   }));
@@ -3181,8 +3239,8 @@ var RowBase = 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; }
+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 FooterCell = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3226,7 +3284,7 @@ var FooterCell = /*#__PURE__*/React.memo(function (props) {
   };
   var updateStickyPosition = function updateStickyPosition() {
     if (getColumnProp('frozen')) {
-      var styleObject = _objectSpread$5({}, styleObjectState);
+      var styleObject = _objectSpread$6({}, styleObjectState);
       var _align = getColumnProp('alignFrozen');
       if (_align === 'right') {
         var right = 0;
@@ -3357,7 +3415,8 @@ var TableFooter = /*#__PURE__*/React.memo(function (props) {
   if (hasFooter()) {
     var content = createContent();
     var tfootProps = mergeProps({
-      className: cx('tfoot')
+      className: cx('tfoot'),
+      role: 'rowgroup'
     }, getColumnGroupPTOptions('root'), ptm('tfoot', {
       hostName: props.hostName
     }));
@@ -3367,6 +3426,366 @@ var TableFooter = /*#__PURE__*/React.memo(function (props) {
 });
 TableFooter.displayName = 'TableFooter';
 
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+  }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
+
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+var FilterMatchMode = Object.freeze({
+  STARTS_WITH: 'startsWith',
+  CONTAINS: 'contains',
+  NOT_CONTAINS: 'notContains',
+  ENDS_WITH: 'endsWith',
+  EQUALS: 'equals',
+  NOT_EQUALS: 'notEquals',
+  IN: 'in',
+  LESS_THAN: 'lt',
+  LESS_THAN_OR_EQUAL_TO: 'lte',
+  GREATER_THAN: 'gt',
+  GREATER_THAN_OR_EQUAL_TO: 'gte',
+  BETWEEN: 'between',
+  DATE_IS: 'dateIs',
+  DATE_IS_NOT: 'dateIsNot',
+  DATE_BEFORE: 'dateBefore',
+  DATE_AFTER: 'dateAfter',
+  CUSTOM: 'custom'
+});
+
+/**
+ * @deprecated please use PrimeReactContext
+ */
+var PrimeReact = /*#__PURE__*/_createClass(function PrimeReact() {
+  _classCallCheck(this, PrimeReact);
+});
+_defineProperty(PrimeReact, "ripple", false);
+_defineProperty(PrimeReact, "inputStyle", 'outlined');
+_defineProperty(PrimeReact, "locale", 'en');
+_defineProperty(PrimeReact, "appendTo", null);
+_defineProperty(PrimeReact, "cssTransition", true);
+_defineProperty(PrimeReact, "autoZIndex", true);
+_defineProperty(PrimeReact, "hideOverlaysOnDocumentScrolling", false);
+_defineProperty(PrimeReact, "nonce", null);
+_defineProperty(PrimeReact, "nullSortOrder", 1);
+_defineProperty(PrimeReact, "zIndex", {
+  modal: 1100,
+  overlay: 1000,
+  menu: 1000,
+  tooltip: 1100,
+  toast: 1200
+});
+_defineProperty(PrimeReact, "pt", undefined);
+_defineProperty(PrimeReact, "filterMatchModeOptions", {
+  text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
+  numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
+  date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
+});
+_defineProperty(PrimeReact, "changeTheme", function (currentTheme, newTheme, linkElementId, callback) {
+  var _linkElement$parentNo;
+  var linkElement = document.getElementById(linkElementId);
+  var cloneLinkElement = linkElement.cloneNode(true);
+  var newThemeUrl = linkElement.getAttribute('href').replace(currentTheme, newTheme);
+  cloneLinkElement.setAttribute('id', linkElementId + '-clone');
+  cloneLinkElement.setAttribute('href', newThemeUrl);
+  cloneLinkElement.addEventListener('load', function () {
+    linkElement.remove();
+    cloneLinkElement.setAttribute('id', linkElementId);
+    if (callback) {
+      callback();
+    }
+  });
+  (_linkElement$parentNo = linkElement.parentNode) === null || _linkElement$parentNo === void 0 || _linkElement$parentNo.insertBefore(cloneLinkElement, linkElement.nextSibling);
+});
+
+var locales = {
+  en: {
+    startsWith: 'Starts with',
+    contains: 'Contains',
+    notContains: 'Not contains',
+    endsWith: 'Ends with',
+    equals: 'Equals',
+    notEquals: 'Not equals',
+    noFilter: 'No Filter',
+    filter: 'Filter',
+    lt: 'Less than',
+    lte: 'Less than or equal to',
+    gt: 'Greater than',
+    gte: 'Greater than or equal to',
+    dateIs: 'Date is',
+    dateIsNot: 'Date is not',
+    dateBefore: 'Date is before',
+    dateAfter: 'Date is after',
+    custom: 'Custom',
+    clear: 'Clear',
+    close: 'Close',
+    apply: 'Apply',
+    matchAll: 'Match All',
+    matchAny: 'Match Any',
+    addRule: 'Add Rule',
+    removeRule: 'Remove Rule',
+    accept: 'Yes',
+    reject: 'No',
+    choose: 'Choose',
+    upload: 'Upload',
+    cancel: 'Cancel',
+    completed: 'Completed',
+    pending: 'Pending',
+    fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+    dayNamesShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    dayNamesMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    chooseYear: 'Choose Year',
+    chooseMonth: 'Choose Month',
+    chooseDate: 'Choose Date',
+    prevDecade: 'Previous Decade',
+    nextDecade: 'Next Decade',
+    prevYear: 'Previous Year',
+    nextYear: 'Next Year',
+    prevMonth: 'Previous Month',
+    nextMonth: 'Next Month',
+    prevHour: 'Previous Hour',
+    nextHour: 'Next Hour',
+    prevMinute: 'Previous Minute',
+    nextMinute: 'Next Minute',
+    prevSecond: 'Previous Second',
+    nextSecond: 'Next Second',
+    prevMilliSecond: 'Previous Second',
+    nextMilliSecond: 'Next Second',
+    am: 'am',
+    pm: 'pm',
+    today: 'Today',
+    now: 'Now',
+    weekHeader: 'Wk',
+    firstDayOfWeek: 0,
+    showMonthAfterYear: false,
+    dateFormat: 'mm/dd/yy',
+    weak: 'Weak',
+    medium: 'Medium',
+    strong: 'Strong',
+    passwordPrompt: 'Enter a password',
+    emptyFilterMessage: 'No available options',
+    emptyMessage: 'No results found',
+    aria: {
+      trueLabel: 'True',
+      falseLabel: 'False',
+      nullLabel: 'Not Selected',
+      star: '1 star',
+      stars: '{star} stars',
+      selectAll: 'All items selected',
+      unselectAll: 'All items unselected',
+      close: 'Close',
+      previous: 'Previous',
+      next: 'Next',
+      navigation: 'Navigation',
+      scrollTop: 'Scroll Top',
+      moveTop: 'Move Top',
+      moveUp: 'Move Up',
+      moveDown: 'Move Down',
+      moveBottom: 'Move Bottom',
+      moveToTarget: 'Move to Target',
+      moveToSource: 'Move to Source',
+      moveAllToTarget: 'Move All to Target',
+      moveAllToSource: 'Move All to Source',
+      pageLabel: 'Page {page}',
+      firstPageLabel: 'First Page',
+      lastPageLabel: 'Last Page',
+      nextPageLabel: 'Next Page',
+      previousPageLabel: 'Previous Page',
+      rowsPerPageLabel: 'Rows per page',
+      jumpToPageDropdownLabel: 'Jump to Page Dropdown',
+      jumpToPageInputLabel: 'Jump to Page Input',
+      selectRow: 'Row Selected',
+      unselectRow: 'Row Unselected',
+      expandRow: 'Row Expanded',
+      collapseRow: 'Row Collapsed',
+      showFilterMenu: 'Show Filter Menu',
+      hideFilterMenu: 'Hide Filter Menu',
+      filterOperator: 'Filter Operator',
+      filterConstraint: 'Filter Constraint',
+      editRow: 'Row Edit',
+      saveEdit: 'Save Edit',
+      cancelEdit: 'Cancel Edit',
+      listView: 'List View',
+      gridView: 'Grid View',
+      slide: 'Slide',
+      slideNumber: '{slideNumber}',
+      zoomImage: 'Zoom Image',
+      zoomIn: 'Zoom In',
+      zoomOut: 'Zoom Out',
+      rotateRight: 'Rotate Right',
+      rotateLeft: 'Rotate Left',
+      selectLabel: 'Select',
+      unselectLabel: 'Unselect',
+      expandLabel: 'Expand',
+      collapseLabel: 'Collapse'
+    }
+  }
+};
+
+/**
+ * Find an ARIA label in the locale by key.  If options are passed it will replace all options:
+ * ```ts
+ * const ariaValue = "Page {page}, User {user}, Role {role}";
+ * const options = { page: 2, user: "John", role: "Admin" };
+ * const result = ariaLabel('yourLabel', { page: 2, user: "John", role: "Admin" })
+ * console.log(result); // Output: Page 2, User John, Role Admin
+ * ```
+ * @param {string} ariaKey key of the ARIA label to look up in locale.
+ * @param {any} options JSON options like { page: 2, user: "John", role: "Admin" }
+ * @returns the ARIA label with replaced values
+ */
+function ariaLabel(ariaKey, options) {
+  var _locale = PrimeReact.locale;
+  try {
+    var _ariaLabel = localeOptions(_locale)['aria'][ariaKey];
+    if (_ariaLabel) {
+      for (var key in options) {
+        if (options.hasOwnProperty(key)) {
+          _ariaLabel = _ariaLabel.replace("{".concat(key, "}"), options[key]);
+        }
+      }
+    }
+    return _ariaLabel;
+  } catch (error) {
+    throw new Error("The ".concat(ariaKey, " option is not found in the current locale('").concat(_locale, "')."));
+  }
+}
+function localeOptions(locale) {
+  var _locale = locale || PrimeReact.locale;
+  return locales[_locale];
+}
+
+var styles = "";
+var FocusTrapBase = ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'FocusTrap',
+    children: undefined
+  },
+  css: {
+    styles: styles
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, FocusTrapBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, FocusTrapBase.defaultProps);
+  }
+});
+
+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 targetRef = React__default.useRef(null);
+  var firstFocusableElementRef = React__default.useRef(null);
+  var lastFocusableElementRef = React__default.useRef(null);
+  var context = React__default.useContext(PrimeReactContext);
+  var props = FocusTrapBase.getProps(inProps, context);
+  var metaData = {
+    props: props
+  };
+  useStyle(FocusTrapBase.css.styles, {
+    name: 'focustrap'
+  });
+  var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$5({}, metaData));
+    _FocusTrapBase$setMet.ptm;
+  React__default.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getInk: function getInk() {
+        return firstFocusableElementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
+  useMountEffect(function () {
+    if (!props.disabled) {
+      targetRef.current = getTarget();
+      setAutoFocus(targetRef.current);
+    }
+  });
+  var getTarget = function getTarget() {
+    return firstFocusableElementRef.current && firstFocusableElementRef.current.parentElement;
+  };
+  var setAutoFocus = function setAutoFocus(target) {
+    var _ref = props || {},
+      _ref$autoFocusSelecto = _ref.autoFocusSelector,
+      autoFocusSelector = _ref$autoFocusSelecto === void 0 ? '' : _ref$autoFocusSelecto,
+      _ref$firstFocusableSe = _ref.firstFocusableSelector,
+      firstFocusableSelector = _ref$firstFocusableSe === void 0 ? '' : _ref$firstFocusableSe,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus;
+    var focusableElement = DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+    autoFocus && !focusableElement && (focusableElement = DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
+    DomHandler.focus(focusableElement);
+  };
+  var getComputedSelector = function getComputedSelector(selector) {
+    return ":not(.p-hidden-focusable):not([data-p-hidden-focusable=\"true\"])".concat(selector !== null && selector !== void 0 ? selector : '');
+  };
+  var onFirstHiddenElementFocus = function onFirstHiddenElementFocus(event) {
+    var _targetRef$current;
+    var currentTarget = event.currentTarget,
+      relatedTarget = event.relatedTarget;
+    var focusableElement = relatedTarget === currentTarget.$_pfocustrap_lasthiddenfocusableelement || !((_targetRef$current = targetRef.current) !== null && _targetRef$current !== void 0 && _targetRef$current.contains(relatedTarget)) ? DomHandler.getFirstFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_lasthiddenfocusableelement;
+    DomHandler.focus(focusableElement);
+  };
+  var onLastHiddenElementFocus = function onLastHiddenElementFocus(event) {
+    var _targetRef$current2;
+    var currentTarget = event.currentTarget,
+      relatedTarget = event.relatedTarget;
+    var focusableElement = relatedTarget === currentTarget.$_pfocustrap_firsthiddenfocusableelement || !((_targetRef$current2 = targetRef.current) !== null && _targetRef$current2 !== void 0 && _targetRef$current2.contains(relatedTarget)) ? DomHandler.getLastFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_firsthiddenfocusableelement;
+    DomHandler.focus(focusableElement);
+  };
+  var createHiddenFocusableElements = function createHiddenFocusableElements() {
+    var _ref2 = props || {},
+      _ref2$tabIndex = _ref2.tabIndex,
+      tabIndex = _ref2$tabIndex === void 0 ? 0 : _ref2$tabIndex;
+    var createFocusableElement = function createFocusableElement(onFocus, section) {
+      return /*#__PURE__*/React__default.createElement("span", {
+        ref: section === 'firstfocusableelement' ? firstFocusableElementRef : lastFocusableElementRef,
+        className: 'p-hidden-accessible p-hidden-focusable',
+        tabIndex: tabIndex,
+        role: 'presentation',
+        "aria-hidden": true,
+        "data-p-hidden-accessible": true,
+        "data-p-hidden-focusable": true,
+        onFocus: onFocus,
+        "data-pc-section": section
+      });
+    };
+    var firstFocusableElement = createFocusableElement(onFirstHiddenElementFocus, 'firstfocusableelement');
+    var lastFocusableElement = createFocusableElement(onLastHiddenElementFocus, 'lastfocusableelement');
+    if (firstFocusableElement.ref.current && lastFocusableElement.ref.current) {
+      firstFocusableElement.ref.current.$_pfocustrap_lasthiddenfocusableelement = lastFocusableElement.ref.current;
+      lastFocusableElement.ref.current.$_pfocustrap_firsthiddenfocusableelement = firstFocusableElement.ref.current;
+    }
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, firstFocusableElement, props.children, lastFocusableElement);
+  };
+  return createHiddenFocusableElements();
+}));
+var FocusTrap$1 = FocusTrap;
+
 function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
@@ -3375,6 +3794,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     overlayVisibleState = _React$useState2[0],
     setOverlayVisibleState = _React$useState2[1];
   var overlayRef = React.useRef(null);
+  var overlayId = React.useRef(UniqueComponentId());
   var iconRef = React.useRef(null);
   var selfClick = React.useRef(false);
   var overlayEventListener = React.useRef(null);
@@ -3436,22 +3856,25 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   var isRowMatchModeSelected = function isRowMatchModeSelected(matchMode) {
     return filterModel && filterModel.matchMode === matchMode;
   };
-  var showMenuButton = function showMenuButton() {
-    return getColumnProp('showFilterMenu') && (props.display === 'row' ? getColumnProp('dataType') !== 'boolean' : true);
-  };
   var matchModes = function matchModes() {
     return getColumnProp('filterMatchModeOptions') || context && context.filterMatchModeOptions[findDataType()].map(function (key) {
       return {
         label: localeOption(key),
         value: key
       };
-    }) || PrimeReact.filterMatchModeOptions[findDataType()].map(function (key) {
+    }) || PrimeReact$1.filterMatchModeOptions[findDataType()].map(function (key) {
       return {
         label: localeOption(key),
         value: key
       };
     });
   };
+  var isShowMenuButton = function isShowMenuButton() {
+    return getColumnProp('showFilterMenu') && (props.display === 'row' ? getColumnProp('dataType') !== 'boolean' : true);
+  };
+  var isShowClearButton = function isShowClearButton() {
+    return getColumnProp('showClearButton') && props.display === 'row';
+  };
   var isShowMatchModes = function isShowMatchModes() {
     return getColumnProp('dataType') !== 'boolean' && getColumnProp('showFilterMatchModes') && matchModes() && getColumnProp('showFilterMenuOptions');
   };
@@ -3490,15 +3913,15 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     var hasMatchMode = function hasMatchMode(key) {
       return context && context.filterMatchModeOptions[key].some(function (mode) {
         return mode === matchMode;
-      }) || PrimeReact.filterMatchModeOptions[key].some(function (mode) {
+      }) || PrimeReact$1.filterMatchModeOptions[key].some(function (mode) {
         return mode === matchMode;
       });
     };
     if (matchMode === 'custom' && !hasMatchMode(dataType)) {
-      context && context.filterMatchModeOptions[dataType].push(FilterMatchMode.CUSTOM) || PrimeReact.filterMatchModeOptions[dataType].push(FilterMatchMode.CUSTOM);
+      context && context.filterMatchModeOptions[dataType].push(FilterMatchMode$1.CUSTOM) || PrimeReact$1.filterMatchModeOptions[dataType].push(FilterMatchMode$1.CUSTOM);
       return dataType;
     } else if (matchMode) {
-      return Object.keys(context && context.filterMatchModeOptions || PrimeReact.filterMatchModeOptions).find(function (key) {
+      return Object.keys(context && context.filterMatchModeOptions || PrimeReact$1.filterMatchModeOptions).find(function (key) {
         return hasMatchMode(key);
       }) || dataType;
     }
@@ -3708,13 +4131,13 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     selfClick.current = true;
   };
   var onOverlayEnter = function onOverlayEnter() {
-    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
+    ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact$1.autoZIndex, context && context.zIndex['overlay'] || PrimeReact$1.zIndex['overlay']);
     DomHandler.addStyles(overlayRef.current, {
       position: 'absolute',
       top: '0',
       left: '0'
     });
-    DomHandler.alignOverlay(overlayRef.current, iconRef.current, context && context.appendTo || PrimeReact.appendTo, false);
+    DomHandler.alignOverlay(overlayRef.current, iconRef.current, context && context.appendTo || PrimeReact$1.appendTo, false);
     overlayEventListener.current = function (e) {
       if (!isOutsideClicked(e.target)) {
         selfClick.current = true;
@@ -3752,9 +4175,6 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       value: FilterOperator.OR
     }];
   };
-  var filterLabel = function filterLabel() {
-    return localeOption('filter');
-  };
   var noFilterLabel = function noFilterLabel() {
     return localeOption('noFilter');
   };
@@ -3786,7 +4206,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
   };
   useUpdateEffect(function () {
     if (props.display === 'menu' && overlayVisibleState) {
-      DomHandler.alignOverlay(overlayRef.current, iconRef.current, context && context.appendTo || PrimeReact.appendTo, false);
+      DomHandler.alignOverlay(overlayRef.current, iconRef.current, context && context.appendTo || PrimeReact$1.appendTo, false);
     }
   });
   useUnmountEffect(function () {
@@ -3841,7 +4261,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     return props.display === 'menu' ? createFilterElement(fieldConstraint, index) : null;
   };
   var createMenuButton = function createMenuButton() {
-    if (!showMenuButton()) {
+    if (!isShowMenuButton()) {
       return null;
     }
     var filterIconProps = mergeProps({
@@ -3851,7 +4271,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     var columnFilterIcon = IconUtils.getJSXIcon(icon, _objectSpread$4({}, filterIconProps), {
       props: props
     });
-    var label = filterLabel();
+    var label = overlayVisibleState ? ariaLabel('hideFilterMenu') : ariaLabel('showFilterMenu');
     var filterMenuButtonProps = mergeProps({
       type: 'button',
       className: cx('filterMenuButton', {
@@ -3860,13 +4280,14 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       }),
       'aria-haspopup': true,
       'aria-expanded': overlayVisibleState,
+      'aria-label': label,
+      'aria-controls': overlayId.current,
       onClick: function onClick(e) {
         return toggleMenu();
       },
       onKeyDown: function onKeyDown(e) {
         return onToggleButtonKeyDown(e);
-      },
-      'aria-label': label
+      }
     }, getColumnPTOptions('filterMenuButton', {
       context: {
         active: hasFilter()
@@ -3877,7 +4298,7 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React.createElement(Ripple, null));
   };
   var createClearButton = function createClearButton() {
-    if (!showMenuButton()) {
+    if (!isShowClearButton()) {
       return null;
     }
     var filterClearIconProps = mergeProps({
@@ -3887,25 +4308,22 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
     var filterClearIcon = IconUtils.getJSXIcon(icon, _objectSpread$4({}, filterClearIconProps), {
       props: props
     });
-    if (getColumnProp('showClearButton') && props.display === 'row') {
-      var clearLabel = clearButtonLabel();
-      var headerFilterClearButtonProps = mergeProps({
-        className: cx('headerFilterClearButton', {
-          hasRowFilter: hasRowFilter
-        }),
-        type: 'button',
-        onClick: function onClick(e) {
-          return clearFilter();
-        },
-        'aria-label': clearLabel
-      }, getColumnPTOptions('headerFilterClearButton', {
-        context: {
-          hidden: hasRowFilter()
-        }
-      }));
-      return /*#__PURE__*/React.createElement("button", headerFilterClearButtonProps, filterClearIcon, /*#__PURE__*/React.createElement(Ripple, null));
-    }
-    return null;
+    var clearLabel = clearButtonLabel();
+    var headerFilterClearButtonProps = mergeProps({
+      className: cx('headerFilterClearButton', {
+        hasRowFilter: hasRowFilter
+      }),
+      type: 'button',
+      onClick: function onClick(e) {
+        return clearFilter();
+      },
+      'aria-label': clearLabel
+    }, getColumnPTOptions('headerFilterClearButton', {
+      context: {
+        hidden: hasRowFilter()
+      }
+    }));
+    return /*#__PURE__*/React.createElement("button", headerFilterClearButtonProps, filterClearIcon, /*#__PURE__*/React.createElement(Ripple, null));
   };
   var createRowItems = function createRowItems() {
     if (isShowMatchModes()) {
@@ -3975,7 +4393,8 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
-        }
+        },
+        "aria-label": ariaLabel('filterOperator')
       }));
     }
     return null;
@@ -3994,7 +4413,8 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
-        }
+        },
+        "aria-label": ariaLabel('filterConstraint')
       });
     }
     return null;
@@ -4150,7 +4570,10 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       },
       onMouseDown: function onMouseDown(e) {
         return onContentMouseDown();
-      }
+      },
+      id: overlayId.current,
+      'aria-modal': overlayVisibleState,
+      role: 'dialog'
     }, getColumnPTOptions('filterOverlay'));
     var transitionProps = mergeProps({
       classNames: cx('transition'),
@@ -4169,7 +4592,9 @@ var ColumnFilter = /*#__PURE__*/React.memo(function (props) {
       nodeRef: overlayRef
     }, transitionProps), /*#__PURE__*/React.createElement("div", _extends({
       ref: overlayRef
-    }, filterOverlayProps), filterHeader, items, filterFooter)));
+    }, filterOverlayProps), /*#__PURE__*/React.createElement(FocusTrap$1, {
+      autoFocus: true
+    }, filterHeader, items, filterFooter))));
   };
   var rowFilterElement = createRowFilterElement();
   var menuButton = createMenuButton();
@@ -4260,6 +4685,7 @@ var HeaderCheckbox = /*#__PURE__*/React.memo(function (props) {
     }),
     role: 'checkbox',
     'aria-checked': props.checked,
+    'aria-label': props.checked ? ariaLabel('selectAll') : ariaLabel('unselectAll'),
     tabIndex: tabIndex,
     onFocus: function onFocus(e) {
       return _onFocus();
@@ -4421,7 +4847,7 @@ var HeaderCell = /*#__PURE__*/React.memo(function (props) {
     });
   };
   var _onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter' && event.currentTarget === elementRef.current && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column') === 'true') {
+    if ((event.code == 'Enter' || event.code == 'Space') && event.currentTarget === elementRef.current && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column') === 'true') {
       _onClick(event);
       event.preventDefault();
     }
@@ -4898,7 +5324,8 @@ var TableHeader = /*#__PURE__*/React.memo(function (props) {
   };
   var content = createContent();
   var theadProps = mergeProps({
-    className: cx('thead')
+    className: cx('thead'),
+    role: 'rowgroup'
   }, getColumnGroupPTOptions('root'), ptm('thead', {
     hostName: props.hostName
   }));
@@ -5625,16 +6052,16 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     }
   };
   var createBeforeResizeStyleElement = function createBeforeResizeStyleElement() {
-    beforeResizeStyleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
+    beforeResizeStyleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact$1.nonce, context && context.styleContainer);
     var innerHTML = "\n[data-pc-name=\"datatable\"][".concat(attributeSelector.current, "] {\n    user-select:none;\n}\n        ");
     beforeResizeStyleElement.current.innerHTML = innerHTML;
   };
   var createStyleElement = function createStyleElement() {
-    styleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
+    styleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact$1.nonce, context && context.styleContainer);
   };
   var createResponsiveStyle = function createResponsiveStyle() {
     if (!responsiveStyleElement.current) {
-      responsiveStyleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
+      responsiveStyleElement.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact$1.nonce, context && context.styleContainer);
       var tableSelector = ".p-datatable-wrapper ".concat(isVirtualScrollerDisabled() ? '' : '> .p-virtualscroller', " > .p-datatable-table");
       var selector = ".p-datatable[".concat(attributeSelector.current, "] > ").concat(tableSelector);
       var gridLinesSelector = ".p-datatable[".concat(attributeSelector.current, "].p-datatable-gridlines > ").concat(tableSelector);
@@ -5729,7 +6156,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return props.removableSort ? props.defaultSortOrder === currentOrder ? currentOrder * -1 : 0 : currentOrder * -1;
   };
   var compareValuesOnSort = function compareValuesOnSort(value1, value2, comparator, order) {
-    return ObjectUtils.sort(value1, value2, order, comparator, context && context.nullSortOrder || PrimeReact.nullSortOrder);
+    return ObjectUtils.sort(value1, value2, order, comparator, context && context.nullSortOrder || PrimeReact$1.nullSortOrder);
   };
   var addSortMeta = function addSortMeta(meta, multiSortMeta) {
     var index = multiSortMeta.findIndex(function (sortMeta) {
@@ -5768,7 +6195,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     } else {
       // performance optimization to prevent resolving field data in each loop
       var lookupMap = new Map();
-      var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact.locale);
+      var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact$1.locale);
       var _iterator = _createForOfIteratorHelper(data),
         _step;
       try {
@@ -5816,7 +6243,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         multiSortMeta: multiSortMeta
       });
     } else {
-      var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact.locale);
+      var comparator = ObjectUtils.localeComparator(context && context.locale || PrimeReact$1.locale);
       value.sort(function (data1, data2) {
         return multisortField(data1, data2, multiSortMeta, 0, comparator);
       });
@@ -5954,7 +6381,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var executeLocalFilter = function executeLocalFilter(field, rowData, filterMeta, index) {
     var filterValue = filterMeta.value;
-    var filterMatchMode = filterMeta.matchMode === 'custom' ? "custom_".concat(field) : filterMeta.matchMode || FilterMatchMode.STARTS_WITH;
+    var filterMatchMode = filterMeta.matchMode === 'custom' ? "custom_".concat(field) : filterMeta.matchMode || FilterMatchMode$1.STARTS_WITH;
     var dataFieldValue = ObjectUtils.resolveFieldData(rowData, field);
     var filterConstraint = FilterService.filters[filterMatchMode];
     return ObjectUtils.isFunction(filterConstraint) && filterConstraint(dataFieldValue, filterValue, props.filterLocale, index);
@@ -5980,7 +6407,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         var field = getColumnProp(col, 'filterField') || getColumnProp(col, 'field');
         var filterFunction = getColumnProp(col, 'filterFunction');
         var dataType = getColumnProp(col, 'dataType');
-        var matchMode = getColumnProp(col, 'filterMatchMode') || (context && context.filterMatchModeOptions[dataType] || PrimeReact.filterMatchModeOptions[dataType] ? context && context.filterMatchModeOptions[dataType][0] || PrimeReact.filterMatchModeOptions[dataType][0] : FilterMatchMode.STARTS_WITH);
+        var matchMode = getColumnProp(col, 'filterMatchMode') || (context && context.filterMatchModeOptions[dataType] || PrimeReact$1.filterMatchModeOptions[dataType] ? context && context.filterMatchModeOptions[dataType][0] || PrimeReact$1.filterMatchModeOptions[dataType][0] : FilterMatchMode$1.STARTS_WITH);
         var constraint = {
           value: null,
           matchMode: matchMode