primereact 10.3.3 → 10.4.0

package/datatable/datatable.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.datatable = (function (exports, React, PrimeReact, componentbase, utils, hooks, arrowdown, arrowup, spinner, paginator, virtualscroller, bars, check, chevrondown, chevronright, pencil, times, overlayservice, ripple, button, csstransition, dropdown, filter, filterslash, plus, trash, inputtext, portal, sortalt, sortamountdown, sortamountupalt, tooltip) {
+this.primereact.datatable = (function (exports, React, PrimeReact$1, componentbase, utils, hooks, arrowdown, arrowup, spinner, paginator, virtualscroller, bars, check, chevrondown, chevronright, pencil, times, overlayservice, ripple, button, csstransition, dropdown, filter, filterslash, plus, trash, inputtext, portal, sortalt, sortamountdown, sortamountupalt, tooltip) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -23,7 +23,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
   }
 
   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) {
@@ -244,9 +245,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     }
   });
 
-  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,
@@ -484,11 +485,11 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     },
     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({
@@ -533,7 +534,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       frozenWidth: null,
       globalFilter: null,
       globalFilterFields: null,
-      globalFilterMatchMode: PrimeReact.FilterMatchMode.CONTAINS,
+      globalFilterMatchMode: PrimeReact$1.FilterMatchMode.CONTAINS,
       groupRowsBy: null,
       header: null,
       headerColumnGroup: null,
@@ -639,7 +640,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       children: undefined
     },
     css: {
-      styles: styles,
+      styles: styles$1,
       classes: classes,
       inlineStyles: inlineStyles
     }
@@ -674,8 +675,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     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),
@@ -731,7 +732,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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';
@@ -869,8 +870,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
   });
   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),
@@ -977,7 +978,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     };
     var getCellCallbackParams = function getCellCallbackParams(event) {
       var params = getCellParams();
-      return _objectSpread$9({
+      return _objectSpread$a({
         originalEvent: event
       }, params);
     };
@@ -1016,7 +1017,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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
         });
@@ -1086,7 +1087,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     };
     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;
@@ -1108,7 +1109,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       }
     };
     var editorCallback = function editorCallback(val) {
-      var editingRowData = _objectSpread$9({}, editingRowDataState);
+      var editingRowData = _objectSpread$a({}, editingRowDataState);
       utils.ObjectUtils.mutateFieldData(editingRowData, field, val);
       setEditingRowDataState(editingRowData);
 
@@ -1315,7 +1316,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     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
         });
@@ -1340,7 +1341,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         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() {
@@ -1383,7 +1386,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         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,
@@ -1423,7 +1426,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
           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) {
@@ -1432,18 +1435,18 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
           '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,
@@ -1473,13 +1476,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         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) {
@@ -1490,23 +1493,22 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
             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 = {
@@ -1514,15 +1516,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
             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) {
@@ -1622,8 +1623,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
   });
   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),
@@ -1682,6 +1683,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         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;
@@ -1690,6 +1695,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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;
@@ -1778,46 +1787,90 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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,
@@ -1877,7 +1930,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
           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
@@ -2069,6 +2122,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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
@@ -2080,8 +2134,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
   });
   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,
@@ -2113,10 +2167,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       '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) {
@@ -2131,8 +2185,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
   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,
@@ -2537,14 +2591,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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
@@ -2603,12 +2657,12 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
           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'
             }));
@@ -2698,7 +2752,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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) {
@@ -2832,13 +2886,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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'
       }));
@@ -2948,7 +3002,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         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'
@@ -3143,7 +3197,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       style: props.style,
       className: cx(ptKey, {
         className: props.className
-      })
+      }),
+      role: ' rowgroup'
     }, ptm(ptKey, {
       hostName: props.hostName
     }));
@@ -3178,8 +3233,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     }
   });
 
-  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),
@@ -3223,7 +3278,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     };
     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;
@@ -3354,7 +3409,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     if (hasFooter()) {
       var content = createContent();
       var tfootProps = mergeProps({
-        className: cx('tfoot')
+        className: cx('tfoot'),
+        role: 'rowgroup'
       }, getColumnGroupPTOptions('root'), ptm('tfoot', {
         hostName: props.hostName
       }));
@@ -3364,6 +3420,366 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
   });
   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) {
@@ -3372,6 +3788,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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);
@@ -3382,7 +3799,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     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,
@@ -3433,22 +3850,25 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     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');
     };
@@ -3492,7 +3912,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         });
       };
       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) {
@@ -3742,30 +4162,27 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     };
     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;
@@ -3838,7 +4255,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       return props.display === 'menu' ? createFilterElement(fieldConstraint, index) : null;
     };
     var createMenuButton = function createMenuButton() {
-      if (!showMenuButton()) {
+      if (!isShowMenuButton()) {
         return null;
       }
       var filterIconProps = mergeProps({
@@ -3848,7 +4265,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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', {
@@ -3857,13 +4274,14 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         }),
         '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()
@@ -3874,7 +4292,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
     var createClearButton = function createClearButton() {
-      if (!showMenuButton()) {
+      if (!isShowClearButton()) {
         return null;
       }
       var filterClearIconProps = mergeProps({
@@ -3884,25 +4302,22 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       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()) {
@@ -3972,7 +4387,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
           unstyled: props.unstyled,
           __parentMetadata: {
             parent: props.metaData
-          }
+          },
+          "aria-label": ariaLabel('filterOperator')
         }));
       }
       return null;
@@ -3991,7 +4407,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
           unstyled: props.unstyled,
           __parentMetadata: {
             parent: props.metaData
-          }
+          },
+          "aria-label": ariaLabel('filterConstraint')
         });
       }
       return null;
@@ -4147,7 +4564,10 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         },
         onMouseDown: function onMouseDown(e) {
           return onContentMouseDown();
-        }
+        },
+        id: overlayId.current,
+        'aria-modal': overlayVisibleState,
+        role: 'dialog'
       }, getColumnPTOptions('filterOverlay'));
       var transitionProps = mergeProps({
         classNames: cx('transition'),
@@ -4166,7 +4586,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
         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();
@@ -4257,6 +4679,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       }),
       role: 'checkbox',
       'aria-checked': props.checked,
+      'aria-label': props.checked ? ariaLabel('selectAll') : ariaLabel('unselectAll'),
       tabIndex: tabIndex,
       onFocus: function onFocus(e) {
         return _onFocus();
@@ -4418,7 +4841,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
       });
     };
     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();
       }
@@ -4895,7 +5318,8 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     };
     var content = createContent();
     var theadProps = mergeProps({
-      className: cx('thead')
+      className: cx('thead'),
+      role: 'rowgroup'
     }, getColumnGroupPTOptions('root'), ptm('thead', {
       hostName: props.hostName
     }));
@@ -4909,7 +5333,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
   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),
@@ -5911,7 +6335,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
               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;
                 }
               }
@@ -5928,7 +6352,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
             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;
             }
@@ -5951,9 +6375,9 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
     };
     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) {
@@ -5977,13 +6401,13 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
           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];
               }
@@ -5993,7 +6417,7 @@ this.primereact.datatable = (function (exports, React, PrimeReact, componentbase
             });
           }
           filters[field] = props.filterDisplay === 'menu' ? {
-            operator: PrimeReact.FilterOperator.AND,
+            operator: PrimeReact$1.FilterOperator.AND,
             constraints: [constraint]
           } : constraint;
           return filters;