primereact 10.3.3 → 10.4.0

package/datatable/datatable.cjs.js

@@ -4,7 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var PrimeReact = require('primereact/api');
+var PrimeReact$1 = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var utils = require('primereact/utils');
 var hooks = require('primereact/hooks');
@@ -56,7 +56,8 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact$1);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -277,9 +278,9 @@ var ColumnBase = componentbase.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,
@@ -517,11 +518,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.ComponentBase.extend({
@@ -566,7 +567,7 @@ var DataTableBase = componentbase.ComponentBase.extend({
     frozenWidth: null,
     globalFilter: null,
     globalFilterFields: null,
-    globalFilterMatchMode: PrimeReact.FilterMatchMode.CONTAINS,
+    globalFilterMatchMode: PrimeReact$1.FilterMatchMode.CONTAINS,
     groupRowsBy: null,
     header: null,
     headerColumnGroup: null,
@@ -672,7 +673,7 @@ var DataTableBase = componentbase.ComponentBase.extend({
     children: undefined
   },
   css: {
-    styles: styles,
+    styles: styles$1,
     classes: classes,
     inlineStyles: inlineStyles
   }
@@ -707,8 +708,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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -764,7 +765,7 @@ var RowCheckbox = /*#__PURE__*/React__namespace.memo(function (props) {
     className: cx('checkboxIcon')
   }, getColumnPTOptions('checkboxIcon'));
   var icon = props.checked ? props.checkIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : null;
-  var checkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$a({}, checkboxIconProps), {
+  var checkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$b({}, checkboxIconProps), {
     props: props
   });
   var tabIndex = props.disabled ? null : '0';
@@ -902,8 +903,8 @@ var RowRadioButton = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var mergeProps = hooks.useMergeProps();
   var _React$useState = React__namespace.useState(props.editing),
@@ -1010,7 +1011,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var getCellCallbackParams = function getCellCallbackParams(event) {
     var params = getCellParams();
-    return _objectSpread$9({
+    return _objectSpread$a({
       originalEvent: event
     }, params);
   };
@@ -1049,7 +1050,7 @@ var BodyCell = /*#__PURE__*/React__namespace.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
       });
@@ -1119,7 +1120,7 @@ var BodyCell = /*#__PURE__*/React__namespace.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;
@@ -1141,7 +1142,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var editorCallback = function editorCallback(val) {
-    var editingRowData = _objectSpread$9({}, editingRowDataState);
+    var editingRowData = _objectSpread$a({}, editingRowDataState);
     utils.ObjectUtils.mutateFieldData(editingRowData, field, val);
     setEditingRowDataState(editingRowData);
 
@@ -1348,7 +1349,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
   React__namespace.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
       });
@@ -1373,7 +1374,9 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       field: field
     });
     var content = utils.ObjectUtils.getJSXElement(getVirtualScrollerOption('loadingTemplate'), options);
-    var bodyCellProps = mergeProps(getColumnPTOptions('bodyCell'));
+    var bodyCellProps = mergeProps(getColumnPTOptions('bodyCell'), {
+      role: 'cell'
+    });
     return /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, content);
   };
   var createElement = function createElement() {
@@ -1416,7 +1419,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       if (showSelection) {
         var ariaLabelField = props.selectionAriaLabel || props.tableProps.dataKey;
         var ariaLabelText = utils.ObjectUtils.resolveFieldData(props.rowData, ariaLabelField);
-        label = "".concat(props.selected ? PrimeReact.ariaLabel('unselectLabel') : PrimeReact.ariaLabel('selectLabel'), " ").concat(ariaLabelText);
+        label = "".concat(props.selected ? PrimeReact$1.ariaLabel('unselectLabel') : PrimeReact$1.ariaLabel('selectLabel'), " ").concat(ariaLabelText);
       }
       content = showSelection && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, selectionMode === 'single' && /*#__PURE__*/React__namespace.createElement(RowRadioButton, {
         hostName: props.hostName,
@@ -1456,7 +1459,7 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         className: cx('rowReorderIcon')
       }, getColumnPTOptions('rowReorderIcon'));
       var rowReorderIcon = getColumnProp('rowReorderIcon') || /*#__PURE__*/React__namespace.createElement(bars.BarsIcon, rowReorderIconProps);
-      content = showReorder ? utils.IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$9({}, rowReorderIconProps), {
+      content = showReorder ? utils.IconUtils.getJSXIcon(rowReorderIcon, _objectSpread$a({}, rowReorderIconProps), {
         props: props
       }) : null;
     } else if (expander) {
@@ -1465,18 +1468,18 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         'aria-hidden': true
       }, getColumnPTOptions('rowTogglerIcon'));
       var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, rowTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, rowTogglerIconProps);
-      var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$9({}, rowTogglerIconProps), {
+      var togglerIcon = utils.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 = utils.ObjectUtils.resolveFieldData(props.rowData, _ariaLabelField);
-      var _label = "".concat(props.expanded ? PrimeReact.ariaLabel('collapseLabel') : PrimeReact.ariaLabel('expandLabel'), " ").concat(_ariaLabelText);
+      var _label = "".concat(props.expanded ? PrimeReact$1.ariaLabel('collapseLabel') : PrimeReact$1.ariaLabel('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,
@@ -1506,13 +1509,13 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       var rowEditorInitIconProps = mergeProps({
         className: cx('rowEditorInitIcon')
       }, getColumnPTOptions('rowEditorInitIcon'));
-      var rowEditorSaveIcon = utils.IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, rowEditorSaveIconProps), _objectSpread$9({}, rowEditorSaveIconProps), {
+      var rowEditorSaveIcon = utils.IconUtils.getJSXIcon(props.rowEditorSaveIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, rowEditorSaveIconProps), _objectSpread$a({}, rowEditorSaveIconProps), {
         props: props
       });
-      var rowEditorCancelIcon = utils.IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, rowEditorCancelIconProps), _objectSpread$9({}, rowEditorCancelIconProps), {
+      var rowEditorCancelIcon = utils.IconUtils.getJSXIcon(props.rowEditorCancelIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, rowEditorCancelIconProps), _objectSpread$a({}, rowEditorCancelIconProps), {
         props: props
       });
-      var rowEditorInitIcon = utils.IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(pencil.PencilIcon, rowEditorInitIconProps), _objectSpread$9({}, rowEditorInitIconProps), {
+      var rowEditorInitIcon = utils.IconUtils.getJSXIcon(props.rowEditorInitIcon || /*#__PURE__*/React__namespace.createElement(pencil.PencilIcon, rowEditorInitIconProps), _objectSpread$a({}, rowEditorInitIconProps), {
         props: props
       });
       if (editingState) {
@@ -1523,23 +1526,22 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           onCancelClick: onRowEditCancel,
           cancelClassName: cx('rowEditorCancelButton')
         };
-        var rowEditorSaveButtonProps = mergeProps({
+        var rowEditorSaveButtonProps = mergeProps(_defineProperty(_defineProperty({
           type: 'button',
           name: 'row-save',
-          'aria-label': PrimeReact.ariaLabel('saveEdit'),
+          'aria-label': PrimeReact$1.ariaLabel('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", PrimeReact$1.ariaLabel('saveEdit')), 'data-p-row-editor-save', true), getColumnPTOptions('rowEditorSaveButton'));
+        var rowEditorCancelButtonProps = mergeProps(_defineProperty({
           type: 'button',
           name: 'row-cancel',
-          'aria-label': PrimeReact.ariaLabel('cancelEdit'),
+          'aria-label': PrimeReact$1.ariaLabel('cancelEdit'),
           onClick: rowEditorProps.onCancelClick,
           className: rowEditorProps.cancelClassName,
           tabIndex: props.tabIndex
-        }, getColumnPTOptions('rowEditorCancelButton'));
+        }, "aria-label", PrimeReact$1.ariaLabel('cancelEdit')), getColumnPTOptions('rowEditorCancelButton'));
         content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("button", rowEditorSaveButtonProps, rowEditorSaveIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)), /*#__PURE__*/React__namespace.createElement("button", rowEditorCancelButtonProps, rowEditorCancelIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
       } else {
         rowEditorProps = {
@@ -1547,15 +1549,14 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
           onInitClick: onRowEditInit,
           initClassName: cx('rowEditorInitButton')
         };
-        var rowEditorInitButtonProps = mergeProps({
+        var rowEditorInitButtonProps = mergeProps(_defineProperty(_defineProperty({
           type: 'button',
           name: 'row-edit',
-          'aria-label': PrimeReact.ariaLabel('editRow'),
+          'aria-label': PrimeReact$1.ariaLabel('editRow'),
           onClick: rowEditorProps.onInitClick,
           className: rowEditorProps.initClassName,
-          tabIndex: props.tabIndex,
-          'data-p-row-editor-init': true
-        }, getColumnPTOptions('rowEditorInitButton'));
+          tabIndex: props.tabIndex
+        }, "aria-label", PrimeReact$1.ariaLabel('editRow')), 'data-p-row-editor-init', true), getColumnPTOptions('rowEditorInitButton'));
         content = /*#__PURE__*/React__namespace.createElement("button", rowEditorInitButtonProps, rowEditorInitIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       if (body) {
@@ -1655,8 +1656,8 @@ var BodyCell = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var mergeProps = hooks.useMergeProps();
   var _React$useState = React__namespace.useState(false),
@@ -1715,6 +1716,10 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
       nextRow.tabIndex = props.tabIndex;
     }
   };
+  var findFirstSelectableRow = function findFirstSelectableRow(row) {
+    var firstRow = utils.DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]');
+    return firstRow ? firstRow : null;
+  };
   var findNextSelectableRow = function findNextSelectableRow(row) {
     var nextRow = row.nextElementSibling;
     return nextRow ? utils.DomHandler.getAttribute(nextRow, 'data-p-selectable-row') === true ? nextRow : findNextSelectableRow(nextRow) : null;
@@ -1723,6 +1728,10 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
     var prevRow = row.previousElementSibling;
     return prevRow ? utils.DomHandler.getAttribute(prevRow, 'data-p-selectable-row') === true ? prevRow : findPrevSelectableRow(prevRow) : null;
   };
+  var findLastSelectableRow = function findLastSelectableRow(row) {
+    var lastRow = utils.DomHandler.findSingle(row.parentNode, 'tr[data-p-selectable-row]:last-child');
+    return lastRow ? lastRow : null;
+  };
   var shouldRenderBodyCell = function shouldRenderBodyCell(value, column, i) {
     if (getColumnProp(column, 'hidden')) {
       return false;
@@ -1811,46 +1820,90 @@ var BodyRow = /*#__PURE__*/React__namespace.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 (!utils.DomHandler.isClickable(target)) {
-            _onClick(event);
-            event.preventDefault();
-          }
+        case 'Home':
+          onHomeKey(row, event);
           break;
-
-        //space
-        case 32:
-          if (!utils.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 (!utils.DomHandler.isClickable(target)) {
+      _onClick(event);
+      event.preventDefault();
+    }
+  };
+  var onSpaceKey = function onSpaceKey(row, event, target) {
+    if (!utils.DomHandler.isClickable(target) && !target.readOnly) {
+      _onClick(event);
+      event.preventDefault();
+    }
+  };
+  var onTabKey = function onTabKey(row, event) {
+    var parent = row.parentNode;
+    var rows = utils.DomHandler.find(parent, 'tr[data-p-selectable-row="true"]');
+    if (event.code === 'Tab' && rows && rows.length > 0) {
+      var firstSelectedRow = utils.DomHandler.findSingle(parent, 'tr[data-p-highlight="true"]');
+      var focusedItem = utils.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,
@@ -1910,7 +1963,7 @@ var BodyRow = /*#__PURE__*/React__namespace.memo(function (props) {
         newData = e.newData;
       if (dataKey) {
         var dataKeyValue = String(utils.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
@@ -2102,6 +2155,7 @@ var BodyRow = /*#__PURE__*/React__namespace.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
@@ -2113,8 +2167,8 @@ var BodyRow = /*#__PURE__*/React__namespace.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__namespace.memo(function (props) {
   var mergeProps = hooks.useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -2146,10 +2200,10 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.memo(function (props) {
     'aria-hidden': true
   }, getColumnPTOptions('rowGroupTogglerIcon'));
   var icon = props.expanded ? props.expandedRowIcon || /*#__PURE__*/React__namespace.createElement(chevrondown.ChevronDownIcon, rowGroupTogglerIconProps) : props.collapsedRowIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, rowGroupTogglerIconProps);
-  var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$7({}, rowGroupTogglerIconProps), {
+  var togglerIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$8({}, rowGroupTogglerIconProps), {
     props: props
   });
-  var label = props.expanded ? PrimeReact.ariaLabel('collapseLabel') : PrimeReact.ariaLabel('expandLabel');
+  var label = props.expanded ? PrimeReact$1.ariaLabel('collapseLabel') : PrimeReact$1.ariaLabel('expandLabel');
   var rowGroupTogglerProps = mergeProps({
     type: 'button',
     onClick: function onClick(e) {
@@ -2164,8 +2218,8 @@ var RowTogglerButton = /*#__PURE__*/React__namespace.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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = hooks.useMergeProps();
   var _props$ptCallbacks = props.ptCallbacks,
@@ -2570,14 +2624,14 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     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
@@ -2636,12 +2690,12 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         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'
           }));
@@ -2731,7 +2785,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
     if (hasDataKey) {
       var dataKeyValue = String(utils.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) {
@@ -2865,13 +2919,13 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     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'
     }));
@@ -2981,7 +3035,7 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       var _content = utils.ObjectUtils.getJSXElement(props.emptyMessage, {
         props: props.tableProps,
         frozen: props.frozenRow
-      }) || PrimeReact.localeOption('emptyMessage');
+      }) || PrimeReact$1.localeOption('emptyMessage');
       var emptyMessageProps = mergeProps({
         className: cx('emptyMessage'),
         role: 'row'
@@ -3176,7 +3230,8 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     style: props.style,
     className: cx(ptKey, {
       className: props.className
-    })
+    }),
+    role: ' rowgroup'
   }, ptm(ptKey, {
     hostName: props.hostName
   }));
@@ -3211,8 +3266,8 @@ var RowBase = componentbase.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__namespace.memo(function (props) {
   var _React$useState = React__namespace.useState({}),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -3256,7 +3311,7 @@ var FooterCell = /*#__PURE__*/React__namespace.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;
@@ -3387,7 +3442,8 @@ var TableFooter = /*#__PURE__*/React__namespace.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
     }));
@@ -3397,6 +3453,366 @@ var TableFooter = /*#__PURE__*/React__namespace.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.ComponentBase.extend({
+  defaultProps: {
+    __TYPE: 'FocusTrap',
+    children: undefined
+  },
+  css: {
+    styles: styles
+  },
+  getProps: function getProps(props) {
+    return utils.ObjectUtils.getMergedProps(props, FocusTrapBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return utils.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["default"].memo( /*#__PURE__*/React__default["default"].forwardRef(function (inProps, ref) {
+  var targetRef = React__default["default"].useRef(null);
+  var firstFocusableElementRef = React__default["default"].useRef(null);
+  var lastFocusableElementRef = React__default["default"].useRef(null);
+  var context = React__default["default"].useContext(PrimeReact$1.PrimeReactContext);
+  var props = FocusTrapBase.getProps(inProps, context);
+  var metaData = {
+    props: props
+  };
+  hooks.useStyle(FocusTrapBase.css.styles, {
+    name: 'focustrap'
+  });
+  var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$5({}, metaData));
+    _FocusTrapBase$setMet.ptm;
+  React__default["default"].useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getInk: function getInk() {
+        return firstFocusableElementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
+  hooks.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 = utils.DomHandler.getFirstFocusableElement(target, "[autofocus]".concat(getComputedSelector(autoFocusSelector)));
+    autoFocus && !focusableElement && (focusableElement = utils.DomHandler.getFirstFocusableElement(target, getComputedSelector(firstFocusableSelector)));
+    utils.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)) ? utils.DomHandler.getFirstFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_lasthiddenfocusableelement;
+    utils.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)) ? utils.DomHandler.getLastFocusableElement(currentTarget.parentElement, getComputedSelector(currentTarget.$_pfocustrap_focusableselector)) : currentTarget.$_pfocustrap_firsthiddenfocusableelement;
+    utils.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["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["default"].createElement(React__default["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__namespace.memo(function (props) {
@@ -3405,6 +3821,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     overlayVisibleState = _React$useState2[0],
     setOverlayVisibleState = _React$useState2[1];
   var overlayRef = React__namespace.useRef(null);
+  var overlayId = React__namespace.useRef(utils.UniqueComponentId());
   var iconRef = React__namespace.useRef(null);
   var selfClick = React__namespace.useRef(false);
   var overlayEventListener = React__namespace.useRef(null);
@@ -3415,7 +3832,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
   var getColumnProps = function getColumnProps() {
     return ColumnBase.getCProps(props.column);
   };
-  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var context = React__namespace.useContext(PrimeReact$1.PrimeReactContext);
   var _props$ptCallbacks = props.ptCallbacks,
     ptm = _props$ptCallbacks.ptm,
     ptmo = _props$ptCallbacks.ptmo,
@@ -3466,22 +3883,25 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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: PrimeReact.localeOption(key),
+        label: PrimeReact$1.localeOption(key),
         value: key
       };
     }) || PrimeReact__default["default"].filterMatchModeOptions[findDataType()].map(function (key) {
       return {
-        label: PrimeReact.localeOption(key),
+        label: PrimeReact$1.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');
   };
@@ -3525,7 +3945,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       });
     };
     if (matchMode === 'custom' && !hasMatchMode(dataType)) {
-      context && context.filterMatchModeOptions[dataType].push(PrimeReact.FilterMatchMode.CUSTOM) || PrimeReact__default["default"].filterMatchModeOptions[dataType].push(PrimeReact.FilterMatchMode.CUSTOM);
+      context && context.filterMatchModeOptions[dataType].push(PrimeReact$1.FilterMatchMode.CUSTOM) || PrimeReact__default["default"].filterMatchModeOptions[dataType].push(PrimeReact$1.FilterMatchMode.CUSTOM);
       return dataType;
     } else if (matchMode) {
       return Object.keys(context && context.filterMatchModeOptions || PrimeReact__default["default"].filterMatchModeOptions).find(function (key) {
@@ -3775,30 +4195,27 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var operatorOptions = function operatorOptions() {
     return [{
-      label: PrimeReact.localeOption('matchAll'),
-      value: PrimeReact.FilterOperator.AND
+      label: PrimeReact$1.localeOption('matchAll'),
+      value: PrimeReact$1.FilterOperator.AND
     }, {
-      label: PrimeReact.localeOption('matchAny'),
-      value: PrimeReact.FilterOperator.OR
+      label: PrimeReact$1.localeOption('matchAny'),
+      value: PrimeReact$1.FilterOperator.OR
     }];
   };
-  var filterLabel = function filterLabel() {
-    return PrimeReact.localeOption('filter');
-  };
   var noFilterLabel = function noFilterLabel() {
-    return PrimeReact.localeOption('noFilter');
+    return PrimeReact$1.localeOption('noFilter');
   };
   var removeRuleButtonLabel = function removeRuleButtonLabel() {
-    return PrimeReact.localeOption('removeRule');
+    return PrimeReact$1.localeOption('removeRule');
   };
   var addRuleButtonLabel = function addRuleButtonLabel() {
-    return PrimeReact.localeOption('addRule');
+    return PrimeReact$1.localeOption('addRule');
   };
   var clearButtonLabel = function clearButtonLabel() {
-    return PrimeReact.localeOption('clear');
+    return PrimeReact$1.localeOption('clear');
   };
   var applyButtonLabel = function applyButtonLabel() {
-    return PrimeReact.localeOption('apply');
+    return PrimeReact$1.localeOption('apply');
   };
   var filterCallback = function filterCallback(value) {
     var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -3871,7 +4288,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     return props.display === 'menu' ? createFilterElement(fieldConstraint, index) : null;
   };
   var createMenuButton = function createMenuButton() {
-    if (!showMenuButton()) {
+    if (!isShowMenuButton()) {
       return null;
     }
     var filterIconProps = mergeProps({
@@ -3881,7 +4298,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     var columnFilterIcon = utils.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', {
@@ -3890,13 +4307,14 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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()
@@ -3907,7 +4325,7 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   };
   var createClearButton = function createClearButton() {
-    if (!showMenuButton()) {
+    if (!isShowClearButton()) {
       return null;
     }
     var filterClearIconProps = mergeProps({
@@ -3917,25 +4335,22 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     var filterClearIcon = utils.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__namespace.createElement("button", headerFilterClearButtonProps, filterClearIcon, /*#__PURE__*/React__namespace.createElement(ripple.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__namespace.createElement("button", headerFilterClearButtonProps, filterClearIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   };
   var createRowItems = function createRowItems() {
     if (isShowMatchModes()) {
@@ -4005,7 +4420,8 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
-        }
+        },
+        "aria-label": ariaLabel('filterOperator')
       }));
     }
     return null;
@@ -4024,7 +4440,8 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         unstyled: props.unstyled,
         __parentMetadata: {
           parent: props.metaData
-        }
+        },
+        "aria-label": ariaLabel('filterConstraint')
       });
     }
     return null;
@@ -4180,7 +4597,10 @@ var ColumnFilter = /*#__PURE__*/React__namespace.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'),
@@ -4199,7 +4619,9 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       nodeRef: overlayRef
     }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: overlayRef
-    }, filterOverlayProps), filterHeader, items, filterFooter)));
+    }, filterOverlayProps), /*#__PURE__*/React__namespace.createElement(FocusTrap$1, {
+      autoFocus: true
+    }, filterHeader, items, filterFooter))));
   };
   var rowFilterElement = createRowFilterElement();
   var menuButton = createMenuButton();
@@ -4290,6 +4712,7 @@ var HeaderCheckbox = /*#__PURE__*/React__namespace.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();
@@ -4451,7 +4874,7 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     });
   };
   var _onKeyDown = function onKeyDown(event) {
-    if (event.key === 'Enter' && event.currentTarget === elementRef.current && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column') === 'true') {
+    if ((event.code == 'Enter' || event.code == 'Space') && event.currentTarget === elementRef.current && utils.DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column') === 'true') {
       _onClick(event);
       event.preventDefault();
     }
@@ -4928,7 +5351,8 @@ var TableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
   };
   var content = createContent();
   var theadProps = mergeProps({
-    className: cx('thead')
+    className: cx('thead'),
+    role: 'rowgroup'
   }, getColumnGroupPTOptions('root'), ptm('thead', {
     hostName: props.hostName
   }));
@@ -4942,7 +5366,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var context = React__namespace.useContext(PrimeReact$1.PrimeReactContext);
   var mergeProps = hooks.useMergeProps();
   var props = DataTableBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.first),
@@ -5944,7 +6368,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
             for (var j = 0; j < filterMeta.constraints.length; j++) {
               var filterConstraint = filterMeta.constraints[j];
               localMatch = executeLocalFilter(filterField, data[i], filterConstraint, j);
-              if (filterMeta.operator === PrimeReact.FilterOperator.OR && localMatch || filterMeta.operator === PrimeReact.FilterOperator.AND && !localMatch) {
+              if (filterMeta.operator === PrimeReact$1.FilterOperator.OR && localMatch || filterMeta.operator === PrimeReact$1.FilterOperator.AND && !localMatch) {
                 break;
               }
             }
@@ -5961,7 +6385,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
           var globalFilterField = globalFilterFieldsArray[_j];
           var matchMode = activeFilters['global'] ? activeFilters['global'].matchMode : props.globalFilterMatchMode;
           var value = activeFilters['global'] ? activeFilters['global'].value : props.globalFilter;
-          globalMatch = PrimeReact.FilterService.filters[matchMode](utils.ObjectUtils.resolveFieldData(data[i], globalFilterField), value, props.filterLocale);
+          globalMatch = PrimeReact$1.FilterService.filters[matchMode](utils.ObjectUtils.resolveFieldData(data[i], globalFilterField), value, props.filterLocale);
           if (globalMatch) {
             break;
           }
@@ -5984,9 +6408,9 @@ var DataTable = /*#__PURE__*/React__namespace.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 || PrimeReact.FilterMatchMode.STARTS_WITH;
+    var filterMatchMode = filterMeta.matchMode === 'custom' ? "custom_".concat(field) : filterMeta.matchMode || PrimeReact$1.FilterMatchMode.STARTS_WITH;
     var dataFieldValue = utils.ObjectUtils.resolveFieldData(rowData, field);
-    var filterConstraint = PrimeReact.FilterService.filters[filterMatchMode];
+    var filterConstraint = PrimeReact$1.FilterService.filters[filterMatchMode];
     return utils.ObjectUtils.isFunction(filterConstraint) && filterConstraint(dataFieldValue, filterValue, props.filterLocale, index);
   };
   var cloneFilters = function cloneFilters(filters) {
@@ -6010,13 +6434,13 @@ var DataTable = /*#__PURE__*/React__namespace.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__default["default"].filterMatchModeOptions[dataType] ? context && context.filterMatchModeOptions[dataType][0] || PrimeReact__default["default"].filterMatchModeOptions[dataType][0] : PrimeReact.FilterMatchMode.STARTS_WITH);
+        var matchMode = getColumnProp(col, 'filterMatchMode') || (context && context.filterMatchModeOptions[dataType] || PrimeReact__default["default"].filterMatchModeOptions[dataType] ? context && context.filterMatchModeOptions[dataType][0] || PrimeReact__default["default"].filterMatchModeOptions[dataType][0] : PrimeReact$1.FilterMatchMode.STARTS_WITH);
         var constraint = {
           value: null,
           matchMode: matchMode
         };
         if (filterFunction) {
-          PrimeReact.FilterService.register("custom_".concat(field), function () {
+          PrimeReact$1.FilterService.register("custom_".concat(field), function () {
             for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
               args[_key] = arguments[_key];
             }
@@ -6026,7 +6450,7 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
           });
         }
         filters[field] = props.filterDisplay === 'menu' ? {
-          operator: PrimeReact.FilterOperator.AND,
+          operator: PrimeReact$1.FilterOperator.AND,
           constraints: [constraint]
         } : constraint;
         return filters;