primereact 10.4.0 → 10.5.0

package/core/core.js

@@ -28209,6 +28209,8 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       onClick: function onClick(e) {
         return _onClick(e);
       },
+      'data-p-highlight': checked,
+      'data-p-disabled': props.disabled,
       onContextMenu: props.onContextMenu,
       onMouseDown: props.onMouseDown
     }, otherProps, ptm('root'));
@@ -29322,36 +29324,36 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (event.altKey) {
         event.preventDefault();
       }
-      switch (event.which) {
+      switch (event.code) {
         //up
-        case 38:
+        case 'ArrowUp':
           spin(event, 1);
           event.preventDefault();
           break;
 
         //down
-        case 40:
+        case 'ArrowDown':
           spin(event, -1);
           event.preventDefault();
           break;
 
         //left
-        case 37:
+        case 'ArrowLeft':
           if (!isNumeralChar(inputValue.charAt(selectionStart - 1))) {
             event.preventDefault();
           }
           break;
 
         //right
-        case 39:
+        case 'ArrowRight':
           if (!isNumeralChar(inputValue.charAt(selectionStart))) {
             event.preventDefault();
           }
           break;
 
         //enter and tab
-        case 13:
-        case 9:
+        case 'Tab':
+        case 'Enter':
           newValueStr = validateValue(parseValue(inputValue));
           inputRef.current.value = formatValue(newValueStr);
           inputRef.current.setAttribute('aria-valuenow', newValueStr);
@@ -29359,7 +29361,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           break;
 
         //backspace
-        case 8:
+        case 'Backspace':
           event.preventDefault();
           if (selectionStart === selectionEnd) {
             var deleteChar = inputValue.charAt(selectionStart - 1);
@@ -29403,7 +29405,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           break;
 
         // del
-        case 46:
+        case 'Delete':
           event.preventDefault();
           if (selectionStart === selectionEnd) {
             var _deleteChar = inputValue.charAt(selectionStart);
@@ -29438,14 +29440,18 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
             updateValue(event, newValueStr, null, 'delete-range');
           }
           break;
-
-        // End
-        case 35:
-        // Home/Pos1
-        case 36:
-          setTimeout(function () {
-            initCursor();
-          });
+        case 'End':
+          event.preventDefault();
+          if (!utils.ObjectUtils.isEmpty(props.max)) {
+            updateModel(event, props.max);
+          }
+          break;
+        case 'Home':
+          event.preventDefault();
+          if (!utils.ObjectUtils.isEmpty(props.min)) {
+            updateModel(event, props.min);
+          }
+          break;
       }
     };
     var onInputKeyUp = function onInputKeyUp(event) {
@@ -30955,10 +30961,13 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     item: function item(_ref7) {
       var selected = _ref7.selected,
         disabled = _ref7.disabled,
-        label = _ref7.label;
+        label = _ref7.label,
+        index = _ref7.index,
+        focusedOptionIndex = _ref7.focusedOptionIndex;
       return utils.classNames('p-dropdown-item', {
         'p-highlight': selected,
         'p-disabled': disabled,
+        'p-focus': index === focusedOptionIndex,
         'p-dropdown-item-empty': !label || label.length === 0
       });
     },
@@ -31025,6 +31034,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       onShow: null,
       optionDisabled: null,
       optionGroupChildren: 'items',
+      selectOnFocus: false,
+      autoOptionFocus: false,
       optionGroupLabel: null,
       optionGroupTemplate: null,
       optionLabel: null,
@@ -31063,7 +31074,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       selected = props.selected,
       disabled = props.disabled,
       option = props.option,
-      label = props.label;
+      label = props.label,
+      index = props.index,
+      focusedOptionIndex = props.focusedOptionIndex;
     var getPTOptions = function getPTOptions(key) {
       return ptm(key, {
         context: {
@@ -31072,7 +31085,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         }
       });
     };
-    var _onClick = function onClick(event) {
+    var _onClick = function onClick(event, i) {
       if (props.onClick) {
         props.onClick({
           originalEvent: event,
@@ -31087,7 +31100,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       className: utils.classNames(option.className, cx('item', {
         selected: selected,
         disabled: disabled,
-        label: label
+        label: label,
+        index: index,
+        focusedOptionIndex: focusedOptionIndex
       })),
       style: props.style,
       onClick: function onClick(e) {
@@ -31096,6 +31111,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       'aria-label': label,
       'aria-selected': selected,
       'data-p-highlight': selected,
+      'data-p-focused': focusedOptionIndex === index,
       'data-p-disabled': disabled
     }, getPTOptions('item'));
     return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
@@ -31167,6 +31183,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         var disabled = props.isOptionDisabled(option);
         return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
           key: optionKey,
+          index: j,
+          focusedOptionIndex: props.focusedOptionIndex,
           label: optionLabel,
           option: option,
           style: style,
@@ -31214,6 +31232,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
           key: optionKey,
           label: optionLabel,
+          index: index,
+          focusedOptionIndex: props.focusedOptionIndex,
           option: option,
           style: style,
           template: props.itemTemplate,
@@ -31406,20 +31426,30 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       setFilterState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(false),
       _React$useState4 = _slicedToArray(_React$useState3, 2),
-      focusedState = _React$useState4[0],
-      setFocusedState = _React$useState4[1];
+      clicked = _React$useState4[0],
+      setClicked = _React$useState4[1];
     var _React$useState5 = React__namespace.useState(false),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
-      overlayVisibleState = _React$useState6[0],
-      setOverlayVisibleState = _React$useState6[1];
+      focusedState = _React$useState6[0],
+      setFocusedState = _React$useState6[1];
+    var _React$useState7 = React__namespace.useState(null),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      focusedOptionIndex = _React$useState8[0],
+      setFocusedOptionIndex = _React$useState8[1];
+    var _React$useState9 = React__namespace.useState(false),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      overlayVisibleState = _React$useState10[0],
+      setOverlayVisibleState = _React$useState10[1];
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
+    var firstHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
+    var lastHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
     var focusInputRef = React__namespace.useRef(props.focusInputRef);
     var virtualScrollerRef = React__namespace.useRef(null);
     var searchTimeout = React__namespace.useRef(null);
     var searchValue = React__namespace.useRef(null);
-    var currentSearchChar = React__namespace.useRef(null);
+    React__namespace.useRef(null);
     var isLazy = props.virtualScrollerOptions && props.virtualScrollerOptions.lazy;
     var hasFilter = utils.ObjectUtils.isNotEmpty(filterState);
     var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo;
@@ -31483,6 +31513,14 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         return props.options;
       }
     };
+    var onFirstHiddenFocus = function onFirstHiddenFocus(event) {
+      var focusableEl = event.relatedTarget === focusInputRef.current ? utils.DomHandler.getFirstFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+      utils.DomHandler.focus(focusableEl);
+    };
+    var onLastHiddenFocus = function onLastHiddenFocus(event) {
+      var focusableEl = event.relatedTarget === focusInputRef.current ? utils.DomHandler.getLastFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
+      utils.DomHandler.focus(focusableEl);
+    };
     var isClearClicked = function isClearClicked(event) {
       return utils.DomHandler.isAttributeEquals(event.target, 'data-pc-section', 'clearicon') || utils.DomHandler.isAttributeEquals(event.target.parentElement || event.target, 'data-pc-section', 'filterclearicon');
     };
@@ -31502,6 +31540,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         utils.DomHandler.focus(focusInputRef.current);
         overlayVisibleState ? hide() : show();
       }
+      setClicked(true);
     };
     var onInputFocus = function onInputFocus(event) {
       if (props.showOnFocus && !overlayVisibleState) {
@@ -31533,6 +31572,15 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         }, 200);
       }
     };
+    var onOptionSelect = function onOptionSelect(event, option) {
+      var isHide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var value = getOptionValue(option);
+      selectItem({
+        originalEvent: event,
+        option: value
+      });
+      isHide && hide();
+    };
     var onPanelClick = function onPanelClick(event) {
       overlayservice.OverlayService.emit('overlay-click', {
         originalEvent: event,
@@ -31540,189 +31588,285 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       });
     };
     var onInputKeyDown = function onInputKeyDown(event) {
+      if (props.disabled || utils.DomHandler.isAndroid()) {
+        event.preventDefault();
+        return;
+      }
+      var metaKey = event.metaKey || event.ctrlKey;
       switch (event.code) {
         case 'ArrowDown':
-          onDownKey(event);
+          onArrowDownKey(event);
           break;
         case 'ArrowUp':
-          onUpKey(event);
+          onArrowUpKey(event);
+          break;
+        case 'ArrowLeft':
+        case 'ArrowRight':
+          onArrowLeftKey(event, props.editable);
+          break;
+        case 'Home':
+          onHomeKey(event);
+          break;
+        case 'End':
+          onEndKey(event);
+          break;
+        case 'PageDown':
+          onPageDownKey(event);
+          break;
+        case 'PageUp':
+          onPageUpKey(event);
           break;
         case 'Space':
+          onSpaceKey(event, props.editable);
+          break;
+        case 'NumpadEnter':
         case 'Enter':
-          overlayVisibleState ? hide() : show();
-          event.preventDefault();
+          onEnterKey(event);
           break;
         case 'Escape':
+          onEscapeKey(event);
+          break;
         case 'Tab':
-          hide();
+          onTabKey(event);
+          break;
+        case 'Backspace':
+          onBackspaceKey(event, props.editable);
+          break;
+        case 'ShiftLeft':
+        case 'ShiftRight':
+          //NOOP
           break;
         default:
-          search(event);
+          if (!metaKey && utils.ObjectUtils.isPrintableCharacter(event.key)) {
+            !overlayVisibleState && show();
+            !props.editable && searchOptions(event, event.key);
+          }
           break;
       }
+      setClicked(false);
     };
     var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
       switch (event.code) {
         case 'ArrowDown':
-          onDownKey(event);
+          onArrowDownKey(event);
           break;
         case 'ArrowUp':
-          onUpKey(event);
+          onArrowUpKey(event);
+          break;
+        case 'ArrowLeft':
+        case 'ArrowRight':
+          onArrowLeftKey(event, true);
           break;
         case 'Escape':
         case 'Enter':
-          hide();
+          onEnterKey(event);
           event.preventDefault();
           break;
       }
     };
-    var onUpKey = function onUpKey(event) {
-      if (visibleOptions) {
-        var prevOption = findPrevOption(getSelectedOptionIndex());
-        if (prevOption) {
-          selectItem({
-            originalEvent: event,
-            option: prevOption
-          });
-        }
-      }
-      event.preventDefault();
+    var hasFocusableElements = function hasFocusableElements() {
+      return utils.DomHandler.getFocusableElements(overlayRef.current, ':not([data-p-hidden-focusable="true"])').length > 0;
     };
-    var onDownKey = function onDownKey(event) {
-      if (visibleOptions) {
-        if (!overlayVisibleState && event.altKey) {
-          show();
-        } else {
-          var nextOption = findNextOption(getSelectedOptionIndex());
-          if (nextOption) {
-            selectItem({
-              originalEvent: event,
-              option: nextOption
-            });
-          }
-        }
-      }
-      event.preventDefault();
+    var isOptionMatched = function isOptionMatched(option) {
+      var _getOptionLabel;
+      return isValidOption(option) && ((_getOptionLabel = getOptionLabel(option)) === null || _getOptionLabel === void 0 ? void 0 : _getOptionLabel.toLocaleLowerCase(props.filterLocale).startsWith(searchValue.current.toLocaleLowerCase(props.filterLocale)));
     };
-    var findNextOption = function findNextOption(index) {
-      if (props.optionGroupLabel) {
-        var groupIndex = index === -1 ? 0 : index.group;
-        var optionIndex = index === -1 ? -1 : index.option;
-        var option = findNextOptionInList(getOptionGroupChildren(visibleOptions[groupIndex]), optionIndex);
-        if (option) return option;else if (groupIndex + 1 !== visibleOptions.length) return findNextOption({
-          group: groupIndex + 1,
-          option: -1
-        });else return null;
-      }
-      return findNextOptionInList(visibleOptions, index);
-    };
-    var findNextOptionInList = function findNextOptionInList(list, index) {
-      var i = index + 1;
-      if (i === list.length) {
-        return null;
-      }
-      var option = list[i];
-      return isOptionDisabled(option) ? findNextOptionInList(i) : option;
+    var isValidOption = function isValidOption(option) {
+      return utils.ObjectUtils.isNotEmpty(option) && !(isOptionDisabled(option) || isOptionGroup(option));
     };
-    var findPrevOption = function findPrevOption(index) {
-      if (index === -1) {
-        return null;
-      }
-      if (props.optionGroupLabel) {
-        var groupIndex = index.group;
-        var optionIndex = index.option;
-        var option = findPrevOptionInList(getOptionGroupChildren(visibleOptions[groupIndex]), optionIndex);
-        if (option) return option;else if (groupIndex > 0) return findPrevOption({
-          group: groupIndex - 1,
-          option: getOptionGroupChildren(visibleOptions[groupIndex - 1]).length
-        });else return null;
-      }
-      return findPrevOptionInList(visibleOptions, index);
-    };
-    var findPrevOptionInList = function findPrevOptionInList(list, index) {
-      var i = index - 1;
-      if (i < 0) {
-        return null;
-      }
-      var option = list[i];
-      return isOptionDisabled(option) ? findPrevOption(i) : option;
+    var hasSelectedOption = function hasSelectedOption() {
+      return utils.ObjectUtils.isNotEmpty(props.value);
     };
-    var search = function search(event) {
+    var isValidSelectedOption = function isValidSelectedOption(option) {
+      return isValidOption(option) && isSelected(option);
+    };
+    var findSelectedOptionIndex = function findSelectedOptionIndex() {
+      return hasSelectedOption ? visibleOptions.findIndex(function (option) {
+        return isValidSelectedOption(option);
+      }) : -1;
+    };
+    var findFirstFocusedOptionIndex = function findFirstFocusedOptionIndex() {
+      var selectedIndex = findSelectedOptionIndex();
+      return selectedIndex < 0 ? findFirstOptionIndex() : selectedIndex;
+    };
+    var searchOptions = function searchOptions(event, _char) {
+      searchValue.current = (searchValue.current || '') + _char;
+      var optionIndex = -1;
+      var matched = false;
+      if (utils.ObjectUtils.isNotEmpty(searchValue.current)) {
+        if (focusedOptionIndex !== -1) {
+          optionIndex = visibleOptions.slice(focusedOptionIndex).findIndex(function (option) {
+            return isOptionMatched(option);
+          });
+          optionIndex = optionIndex === -1 ? visibleOptions.slice(0, focusedOptionIndex).findIndex(function (option) {
+            return isOptionMatched(option);
+          }) : optionIndex + focusedOptionIndex;
+        } else {
+          optionIndex = visibleOptions.findIndex(function (option) {
+            return isOptionMatched(option);
+          });
+        }
+        if (optionIndex !== -1) {
+          matched = true;
+        }
+        if (optionIndex === -1 && focusedOptionIndex === -1) {
+          optionIndex = findFirstFocusedOptionIndex();
+        }
+        if (optionIndex !== -1) {
+          changeFocusedOptionIndex(event, optionIndex);
+        }
+      }
       if (searchTimeout.current) {
         clearTimeout(searchTimeout.current);
       }
-      if (event.ctrlKey || event.metaKey || event.altKey) {
-        // ignore meta combinations like CTRL+F for browser search
-        return;
+      searchTimeout.current = setTimeout(function () {
+        searchValue.current = '';
+        searchTimeout.current = null;
+      }, 500);
+      return matched;
+    };
+    var findLastFocusedOptionIndex = function findLastFocusedOptionIndex() {
+      var selectedIndex = findSelectedOptionIndex();
+      return selectedIndex < 0 ? findLastOptionIndex() : selectedIndex;
+    };
+    var findFirstOptionIndex = function findFirstOptionIndex() {
+      return visibleOptions.findIndex(function (option) {
+        return isValidOption(option);
+      });
+    };
+    var findLastOptionIndex = function findLastOptionIndex() {
+      return utils.ObjectUtils.findLastIndex(visibleOptions, function (option) {
+        return isValidOption(option);
+      });
+    };
+    var findNextOptionIndex = function findNextOptionIndex(index) {
+      var matchedOptionIndex = index < visibleOptions.length - 1 ? visibleOptions.slice(index + 1).findIndex(function (option) {
+        return isValidOption(option);
+      }) : -1;
+      return matchedOptionIndex > -1 ? matchedOptionIndex + index + 1 : index;
+    };
+    var findPrevOptionIndex = function findPrevOptionIndex(index) {
+      var matchedOptionIndex = index > 0 ? utils.ObjectUtils.findLastIndex(visibleOptions.slice(0, index), function (option) {
+        return isValidOption(option);
+      }) : -1;
+      return matchedOptionIndex > -1 ? matchedOptionIndex : index;
+    };
+    var changeFocusedOptionIndex = function changeFocusedOptionIndex(event, index) {
+      if (focusedOptionIndex !== index) {
+        setFocusedOptionIndex(index);
+        if (props.selectOnFocus) {
+          onOptionSelect(event, visibleOptions[index], false);
+        }
       }
-      var _char = event.key;
-      if (_char.length !== 1) {
-        // only single character keys matter for searching
-        return;
+    };
+    var onArrowDownKey = function onArrowDownKey(event) {
+      if (!overlayVisibleState) {
+        show();
+        props.editable && changeFocusedOptionIndex(event, findSelectedOptionIndex());
+      } else {
+        var optionIndex = focusedOptionIndex !== -1 ? findNextOptionIndex(focusedOptionIndex) : clicked ? findFirstOptionIndex() : findFirstFocusedOptionIndex();
+        changeFocusedOptionIndex(event, optionIndex);
       }
-      if (currentSearchChar.current === _char) searchValue.current = _char;else searchValue.current = searchValue.current ? searchValue.current + _char : _char;
-      currentSearchChar.current = _char;
-      if (searchValue.current) {
-        var searchIndex = getSelectedOptionIndex();
-        var newOption = props.optionGroupLabel ? searchOptionInGroup(searchIndex) : searchOption(searchIndex + 1);
-        if (newOption) {
-          selectItem({
-            originalEvent: event,
-            option: newOption
-          });
+      event.preventDefault();
+    };
+    var onArrowUpKey = function onArrowUpKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (event.altKey && !pressedInInputText) {
+        if (focusedOptionIndex !== -1) {
+          onOptionSelect(event, visibleOptions[focusedOptionIndex]);
         }
+        state.overlayVisible && hide();
+        event.preventDefault();
+      } else {
+        var optionIndex = focusedOptionIndex !== -1 ? findPrevOptionIndex(focusedOptionIndex) : clicked ? findLastOptionIndex() : findLastFocusedOptionIndex();
+        changeFocusedOptionIndex(event, optionIndex);
+        !overlayVisibleState && show();
+        event.preventDefault();
       }
-      searchTimeout.current = setTimeout(function () {
-        searchValue.current = null;
-      }, 250);
     };
-    var searchOption = function searchOption(index) {
-      if (searchValue.current) {
-        return searchOptionInRange(index, visibleOptions.length) || searchOptionInRange(0, index);
+    var onArrowLeftKey = function onArrowLeftKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      pressedInInputText && setFocusedOptionIndex(-1);
+    };
+    var onHomeKey = function onHomeKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (pressedInInputText) {
+        event.currentTarget.setSelectionRange(0, 0);
+        setFocusedOptionIndex(-1);
+      } else {
+        changeFocusedOptionIndex(event, findFirstOptionIndex());
+        !overlayVisibleState && show();
       }
-      return null;
+      event.preventDefault();
     };
-    var searchOptionInRange = function searchOptionInRange(start, end) {
-      for (var i = start; i < end; i++) {
-        var opt = visibleOptions[i];
-        if (matchesSearchValue(opt)) {
-          return opt;
-        }
+    var onEndKey = function onEndKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (pressedInInputText) {
+        var target = event.currentTarget;
+        var len = target.value.length;
+        target.setSelectionRange(len, len);
+        setFocusedOptionIndex(-1);
+      } else {
+        changeFocusedOptionIndex(event, findLastOptionIndex());
+        !overlayVisibleState && show();
       }
-      return null;
+      event.preventDefault();
     };
-    var searchOptionInGroup = function searchOptionInGroup(index) {
-      var searchIndex = index === -1 ? {
-        group: 0,
-        option: -1
-      } : index;
-      for (var i = searchIndex.group; i < visibleOptions.length; i++) {
-        var groupOptions = getOptionGroupChildren(visibleOptions[i]);
-        for (var j = searchIndex.group === i ? searchIndex.option + 1 : 0; j < groupOptions.length; j++) {
-          if (matchesSearchValue(groupOptions[j])) {
-            return groupOptions[j];
-          }
+    var onPageUpKey = function onPageUpKey(event) {
+      event.preventDefault();
+    };
+    var onPageDownKey = function onPageDownKey(event) {
+      event.preventDefault();
+    };
+    var onSpaceKey = function onSpaceKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      !pressedInInputText && onEnterKey(event);
+    };
+    var onEnterKey = function onEnterKey(event) {
+      if (!overlayVisibleState) {
+        setFocusedOptionIndex(-1);
+        onArrowDownKey(event);
+      } else {
+        if (focusedOptionIndex !== -1) {
+          onOptionSelect(event, visibleOptions[focusedOptionIndex]);
         }
+        hide();
       }
-      for (var _i = 0; _i <= searchIndex.group; _i++) {
-        var _groupOptions = getOptionGroupChildren(visibleOptions[_i]);
-        for (var _j = 0; _j < (searchIndex.group === _i ? searchIndex.option : _groupOptions.length); _j++) {
-          if (matchesSearchValue(_groupOptions[_j])) {
-            return _groupOptions[_j];
+      event.preventDefault();
+    };
+    var onEscapeKey = function onEscapeKey(event) {
+      overlayVisibleState && hide();
+      event.preventDefault();
+    };
+    var onTabKey = function onTabKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (!pressedInInputText) {
+        if (overlayVisibleState && hasFocusableElements()) {
+          utils.DomHandler.focus($refs.firstHiddenFocusableElementOnOverlay);
+          event.preventDefault();
+        } else {
+          if (focusedOptionIndex !== -1) {
+            onOptionSelect(event, visibleOptions[focusedOptionIndex]);
           }
+          overlayVisibleState && hide();
         }
       }
-      return null;
     };
-    var matchesSearchValue = function matchesSearchValue(option) {
-      var label = getOptionLabel(option);
-      if (!label) {
-        return false;
+    var onBackspaceKey = function onBackspaceKey(event) {
+      var pressedInInputText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (pressedInInputText) {
+        !overlayVisibleState && show();
       }
-      label = label.toLocaleLowerCase(props.filterLocale);
-      return label.startsWith(searchValue.current.toLocaleLowerCase(props.filterLocale));
     };
     var onEditableInputChange = function onEditableInputChange(event) {
+      !overlayVisibleState && show();
+      var searchIndex = null;
+      if (event.target.value) {
+        searchIndex = visibleOptions.findIndex(function (item) {
+          return item.name.toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
+        });
+      }
+      setFocusedOptionIndex(searchIndex);
       if (props.onChange) {
         props.onChange({
           originalEvent: event.originalEvent,
@@ -31852,10 +31996,17 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       return utils.ObjectUtils.equals(props.value, getOptionValue(option), equalityKey());
     };
     var show = function show() {
+      setFocusedOptionIndex(focusedOptionIndex !== -1 ? focusedOptionIndex : props.autoOptionFocus ? findFirstFocusedOptionIndex() : props.editable ? -1 : findSelectedOptionIndex());
       setOverlayVisibleState(true);
     };
     var hide = function hide() {
       setOverlayVisibleState(false);
+      setClicked(false);
+    };
+    var onFocus = function onFocus() {
+      if (props.editable) {
+        utils.DomHandler.focus(inputRef.current);
+      }
     };
     var onOverlayEnter = function onOverlayEnter(callback) {
       utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
@@ -31908,6 +32059,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
     var getOptionRenderKey = function getOptionRenderKey(option) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
     };
+    var isOptionGroup = function isOptionGroup(option) {
+      return props.optionGroupLabel && option.optionGroup && option.group;
+    };
     var isOptionDisabled = function isOptionDisabled(option) {
       if (props.optionDisabled) {
         return utils.ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, props.optionDisabled);
@@ -32056,8 +32210,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           maxLength: props.maxLength,
           onInput: onEditableInputChange,
           onFocus: onEditableInputFocus,
+          onKeyDown: onInputKeyDown,
           onBlur: onInputBlur,
-          tabIndex: props.tabIndex || 0,
+          tabIndex: !props.disabled ? props.tabIndex : -1,
           'aria-haspopup': 'listbox'
         }, ariaProps), ptm('input'));
         return /*#__PURE__*/React__namespace.createElement("input", inputProps);
@@ -32149,10 +32304,31 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       },
       onMouseDown: props.onMouseDown,
       onContextMenu: props.onContextMenu,
+      onFocus: onFocus,
       'data-p-disabled': props.disabled,
       'data-p-focus': focusedState
     }, otherProps, ptm('root'));
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, keyboardHelper, hiddenSelect, labelElement, clearIcon, dropdownIcon, /*#__PURE__*/React__namespace.createElement(DropdownPanel, _extends({
+    var firstHiddenFocusableElementProps = mergeProps({
+      ref: firstHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: onFirstHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenFirstFocusableEl'));
+    var lastHiddenFocusableElementProps = mergeProps({
+      ref: lastHiddenFocusableElementOnOverlay,
+      role: 'presentation',
+      'aria-hidden': 'true',
+      className: 'p-hidden-accessible p-hidden-focusable',
+      tabIndex: '0',
+      onFocus: onLastHiddenFocus,
+      'data-p-hidden-accessible': true,
+      'data-p-hidden-focusable': true
+    }, ptm('hiddenLastFocusableEl'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, keyboardHelper, hiddenSelect, labelElement, clearIcon, dropdownIcon, /*#__PURE__*/React__namespace.createElement("span", firstHiddenFocusableElementProps), /*#__PURE__*/React__namespace.createElement(DropdownPanel, _extends({
       hostName: "Dropdown",
       ref: overlayRef,
       visibleOptions: visibleOptions,
@@ -32161,6 +32337,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       appendTo: appendTo,
       onClick: onPanelClick,
       onOptionClick: onOptionClick,
+      focusedOptionIndex: focusedOptionIndex,
+      setFocusedOptionIndex: setFocusedOptionIndex,
       filterValue: filterState,
       hasFilter: hasFilter,
       onFilterClearIconClick: onFilterClearIconClick,
@@ -32183,7 +32361,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       ptm: ptm,
       cx: cx,
       sx: sx
-    }))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    })), /*#__PURE__*/React__namespace.createElement("span", lastHiddenFocusableElementProps)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions, {
@@ -33530,312 +33708,29 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
   });
   FirstPageLink.displayName = 'FirstPageLink';
 
-  var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    hooks.useMergeProps();
-    var context = React__namespace.useContext(api.PrimeReactContext);
-    var props = JumpToPageInputBase.getProps(inProps, context);
-    var ariaLabelValue = ariaLabel('jumpToPageInputLabel');
-    var onChange = function onChange(event) {
-      if (props.onChange) {
-        props.onChange(props.rows * (event.value - 1), props.rows);
-      }
-    };
-    var value = props.pageCount > 0 ? props.page + 1 : 0;
-    var element = /*#__PURE__*/React__namespace.createElement(inputnumber.InputNumber, {
-      value: value,
-      onChange: onChange,
-      className: "p-paginator-page-input",
-      disabled: props.disabled,
-      pt: props.ptm('JTPInput'),
-      unstyled: props.unstyled,
-      __parentMetadata: {
-        parent: props.metaData
-      },
-      "aria-label": ariaLabelValue
-    });
-    if (props.template) {
-      var defaultOptions = {
-        value: value,
-        onChange: onChange,
-        disabled: props.disabled,
-        className: 'p-paginator-page-input',
-        ariaLabel: ariaLabelValue,
-        element: element,
-        props: props
-      };
-      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
+  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);
     }
-    return element;
-  });
-  JumpToPageInput.displayName = 'JumpToPageInput';
-
-  function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var mergeProps = hooks.useMergeProps();
-    var context = React__namespace.useContext(api.PrimeReactContext);
-    var props = LastPageLinkBase.getProps(inProps, context);
-    var ptm = props.ptm,
-      cx = props.cx;
-    var getPTOptions = function getPTOptions(key) {
-      return ptm(key, {
-        hostName: props.hostName,
-        context: {
-          disabled: props.disabled
-        }
-      });
-    };
-    var className = utils.classNames('p-paginator-last p-paginator-element p-link', {
-      'p-disabled': props.disabled
-    });
-    var iconClassName = 'p-paginator-icon';
-    var lastPageIconProps = mergeProps({
-      className: cx('lastPageIcon')
-    }, getPTOptions('lastPageIcon'));
-    var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleright.AngleDoubleRightIcon, lastPageIconProps);
-    var lastPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$3({}, lastPageIconProps), {
-      props: props
+  }
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
     });
-    var lastPageButtonProps = mergeProps({
-      type: 'button',
-      className: cx('lastPageButton', {
-        disabled: props.disabled
-      }),
-      onClick: props.onClick,
-      disabled: props.disabled,
-      'aria-label': api.ariaLabel('lastPageLabel')
-    }, getPTOptions('lastPageButton'));
-    var element = /*#__PURE__*/React__namespace.createElement("button", lastPageButtonProps, lastPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-    if (props.template) {
-      var defaultOptions = {
-        onClick: props.onClick,
-        className: className,
-        iconClassName: iconClassName,
-        disabled: props.disabled,
-        element: element,
-        props: props
-      };
-      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
+    return Constructor;
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
     }
-    return element;
-  });
-  LastPageLink.displayName = 'LastPageLink';
-
-  function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var mergeProps = hooks.useMergeProps();
-    var context = React__namespace.useContext(api.PrimeReactContext);
-    var props = NextPageLinkBase.getProps(inProps, context);
-    var ptm = props.ptm,
-      cx = props.cx;
-    var getPTOptions = function getPTOptions(key) {
-      return ptm(key, {
-        hostName: props.hostName,
-        context: {
-          disabled: props.disabled
-        }
-      });
-    };
-    var className = utils.classNames('p-paginator-next p-paginator-element p-link', {
-      'p-disabled': props.disabled
-    });
-    var iconClassName = 'p-paginator-icon';
-    var nextPageIconProps = mergeProps({
-      className: cx('nextPageIcon')
-    }, getPTOptions('nextPageIcon'));
-    var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, nextPageIconProps);
-    var nextPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, nextPageIconProps), {
-      props: props
-    });
-    var nextPageButtonProps = mergeProps({
-      type: 'button',
-      className: cx('nextPageButton', {
-        disabled: props.disabled
-      }),
-      onClick: props.onClick,
-      disabled: props.disabled,
-      'aria-label': api.ariaLabel('nextPageLabel')
-    }, getPTOptions('nextPageButton'));
-    var element = /*#__PURE__*/React__namespace.createElement("button", nextPageButtonProps, nextPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-    if (props.template) {
-      var defaultOptions = {
-        onClick: props.onClick,
-        className: className,
-        iconClassName: iconClassName,
-        disabled: props.disabled,
-        element: element,
-        nextPageLinkIcon: nextPageLinkIcon,
-        props: props
-      };
-      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
-    }
-    return element;
-  });
-  NextPageLink.displayName = 'NextPageLink';
-
-  var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var mergeProps = hooks.useMergeProps();
-    var context = React__namespace.useContext(api.PrimeReactContext);
-    var props = PageLinksBase.getProps(inProps, context);
-    var ptm = props.ptm,
-      cx = props.cx;
-    var getPTOptions = function getPTOptions(pageLink, key) {
-      return ptm(key, {
-        hostName: props.hostName,
-        context: {
-          active: pageLink - 1 === props.page
-        }
-      });
-    };
-    var onPageLinkClick = function onPageLinkClick(event, pageLink) {
-      if (props.onClick) {
-        props.onClick({
-          originalEvent: event,
-          value: pageLink
-        });
-      }
-      event.preventDefault();
-    };
-    var elements;
-    if (props.value) {
-      var startPageInView = props.value[0];
-      var endPageInView = props.value[props.value.length - 1];
-      elements = props.value.map(function (pageLink) {
-        var className = utils.classNames('p-paginator-page p-paginator-element p-link', {
-          'p-paginator-page-start': pageLink === startPageInView,
-          'p-paginator-page-end': pageLink === endPageInView,
-          'p-highlight': pageLink - 1 === props.page
-        });
-        var pageButtonProps = mergeProps({
-          type: 'button',
-          onClick: function onClick(e) {
-            return onPageLinkClick(e, pageLink);
-          },
-          className: cx('pageButton', {
-            pageLink: pageLink,
-            startPageInView: startPageInView,
-            endPageInView: endPageInView,
-            page: props.page
-          }),
-          disabled: props.disabled,
-          'aria-label': api.ariaLabel('pageLabel', {
-            page: pageLink
-          }),
-          'aria-current': pageLink - 1 === props.page ? 'true' : undefined
-        }, getPTOptions(pageLink, 'pageButton'));
-        var element = /*#__PURE__*/React__namespace.createElement("button", pageButtonProps, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-        if (props.template) {
-          var defaultOptions = {
-            onClick: function onClick(e) {
-              return onPageLinkClick(e, pageLink);
-            },
-            className: className,
-            view: {
-              startPage: startPageInView - 1,
-              endPage: endPageInView - 1
-            },
-            page: pageLink - 1,
-            currentPage: props.page,
-            totalPages: props.pageCount,
-            ariaLabel: api.ariaLabel('pageLabel', {
-              page: pageLink
-            }),
-            ariaCurrent: pageLink - 1 === props.page ? 'true' : undefined,
-            element: element,
-            props: props
-          };
-          element = utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
-        }
-        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
-          key: pageLink
-        }, element);
-      });
-    }
-    var pagesProps = mergeProps({
-      className: cx('pages')
-    }, ptm('pages', {
-      hostName: props.hostName
-    }));
-    return /*#__PURE__*/React__namespace.createElement("span", pagesProps, elements);
-  });
-  PageLinks.displayName = 'PageLinks';
-
-  function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
-    var mergeProps = hooks.useMergeProps();
-    var context = React__namespace.useContext(api.PrimeReactContext);
-    var props = PrevPageLinkBase.getProps(inProps, context);
-    var ptm = props.ptm,
-      cx = props.cx;
-    var getPTOptions = function getPTOptions(key) {
-      return ptm(key, {
-        hostName: props.hostName,
-        context: {
-          disabled: props.disabled
-        }
-      });
-    };
-    var className = utils.classNames('p-paginator-prev p-paginator-element p-link', {
-      'p-disabled': props.disabled
-    });
-    var iconClassName = 'p-paginator-icon';
-    var prevPageIconProps = mergeProps({
-      className: cx('prevPageIcon')
-    }, getPTOptions('prevPageIcon'));
-    var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleleft.AngleLeftIcon, prevPageIconProps);
-    var prevPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, prevPageIconProps), {
-      props: props
-    });
-    var prevPageButtonProps = mergeProps({
-      type: 'button',
-      className: cx('prevPageButton', {
-        disabled: props.disabled
-      }),
-      onClick: props.onClick,
-      disabled: props.disabled,
-      'aria-label': api.ariaLabel('previousPageLabel')
-    }, getPTOptions('prevPageButton'));
-    var element = /*#__PURE__*/React__namespace.createElement("button", prevPageButtonProps, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
-    if (props.template) {
-      var defaultOptions = {
-        onClick: props.onClick,
-        className: className,
-        iconClassName: iconClassName,
-        disabled: props.disabled,
-        element: element,
-        props: props
-      };
-      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
-    }
-    return element;
-  });
-  PrevPageLink.displayName = 'PrevPageLink';
-
-  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',
@@ -34041,7 +33936,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
    * @param {any} options JSON options like { page: 2, user: "John", role: "Admin" }
    * @returns the ARIA label with replaced values
    */
-  function ariaLabel$1(ariaKey, options) {
+  function ariaLabel(ariaKey, options) {
     var _locale = PrimeReact.locale;
     try {
       var _ariaLabel = localeOptions(_locale)['aria'][ariaKey];
@@ -34062,6 +33957,289 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
     return locales[_locale];
   }
 
+  var JumpToPageInput = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = JumpToPageInputBase.getProps(inProps, context);
+    var ariaLabelValue = ariaLabel('jumpToPageInputLabel');
+    var onChange = function onChange(event) {
+      if (props.onChange) {
+        props.onChange(props.rows * (event.value - 1), props.rows);
+      }
+    };
+    var value = props.pageCount > 0 ? props.page + 1 : 0;
+    var element = /*#__PURE__*/React__namespace.createElement(inputnumber.InputNumber, {
+      value: value,
+      onChange: onChange,
+      className: "p-paginator-page-input",
+      disabled: props.disabled,
+      pt: props.ptm('JTPInput'),
+      unstyled: props.unstyled,
+      __parentMetadata: {
+        parent: props.metaData
+      },
+      "aria-label": ariaLabelValue
+    });
+    if (props.template) {
+      var defaultOptions = {
+        value: value,
+        onChange: onChange,
+        disabled: props.disabled,
+        className: 'p-paginator-page-input',
+        'aria-label': ariaLabelValue,
+        element: element,
+        props: props
+      };
+      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
+    }
+    return element;
+  });
+  JumpToPageInput.displayName = 'JumpToPageInput';
+
+  function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var LastPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = LastPageLinkBase.getProps(inProps, context);
+    var ptm = props.ptm,
+      cx = props.cx;
+    var getPTOptions = function getPTOptions(key) {
+      return ptm(key, {
+        hostName: props.hostName,
+        context: {
+          disabled: props.disabled
+        }
+      });
+    };
+    var className = utils.classNames('p-paginator-last p-paginator-element p-link', {
+      'p-disabled': props.disabled
+    });
+    var iconClassName = 'p-paginator-icon';
+    var lastPageIconProps = mergeProps({
+      className: cx('lastPageIcon')
+    }, getPTOptions('lastPageIcon'));
+    var icon = props.lastPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angledoubleright.AngleDoubleRightIcon, lastPageIconProps);
+    var lastPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$3({}, lastPageIconProps), {
+      props: props
+    });
+    var lastPageButtonProps = mergeProps({
+      type: 'button',
+      className: cx('lastPageButton', {
+        disabled: props.disabled
+      }),
+      onClick: props.onClick,
+      disabled: props.disabled,
+      'aria-label': api.ariaLabel('lastPageLabel')
+    }, getPTOptions('lastPageButton'));
+    var element = /*#__PURE__*/React__namespace.createElement("button", lastPageButtonProps, lastPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    if (props.template) {
+      var defaultOptions = {
+        onClick: props.onClick,
+        className: className,
+        iconClassName: iconClassName,
+        disabled: props.disabled,
+        element: element,
+        props: props
+      };
+      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
+    }
+    return element;
+  });
+  LastPageLink.displayName = 'LastPageLink';
+
+  function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var NextPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = NextPageLinkBase.getProps(inProps, context);
+    var ptm = props.ptm,
+      cx = props.cx;
+    var getPTOptions = function getPTOptions(key) {
+      return ptm(key, {
+        hostName: props.hostName,
+        context: {
+          disabled: props.disabled
+        }
+      });
+    };
+    var className = utils.classNames('p-paginator-next p-paginator-element p-link', {
+      'p-disabled': props.disabled
+    });
+    var iconClassName = 'p-paginator-icon';
+    var nextPageIconProps = mergeProps({
+      className: cx('nextPageIcon')
+    }, getPTOptions('nextPageIcon'));
+    var icon = props.nextPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, nextPageIconProps);
+    var nextPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, nextPageIconProps), {
+      props: props
+    });
+    var nextPageButtonProps = mergeProps({
+      type: 'button',
+      className: cx('nextPageButton', {
+        disabled: props.disabled
+      }),
+      onClick: props.onClick,
+      disabled: props.disabled,
+      'aria-label': api.ariaLabel('nextPageLabel')
+    }, getPTOptions('nextPageButton'));
+    var element = /*#__PURE__*/React__namespace.createElement("button", nextPageButtonProps, nextPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    if (props.template) {
+      var defaultOptions = {
+        onClick: props.onClick,
+        className: className,
+        iconClassName: iconClassName,
+        disabled: props.disabled,
+        element: element,
+        nextPageLinkIcon: nextPageLinkIcon,
+        props: props
+      };
+      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
+    }
+    return element;
+  });
+  NextPageLink.displayName = 'NextPageLink';
+
+  var PageLinks = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = PageLinksBase.getProps(inProps, context);
+    var ptm = props.ptm,
+      cx = props.cx;
+    var getPTOptions = function getPTOptions(pageLink, key) {
+      return ptm(key, {
+        hostName: props.hostName,
+        context: {
+          active: pageLink - 1 === props.page
+        }
+      });
+    };
+    var onPageLinkClick = function onPageLinkClick(event, pageLink) {
+      if (props.onClick) {
+        props.onClick({
+          originalEvent: event,
+          value: pageLink
+        });
+      }
+      event.preventDefault();
+    };
+    var elements;
+    if (props.value) {
+      var startPageInView = props.value[0];
+      var endPageInView = props.value[props.value.length - 1];
+      elements = props.value.map(function (pageLink) {
+        var className = utils.classNames('p-paginator-page p-paginator-element p-link', {
+          'p-paginator-page-start': pageLink === startPageInView,
+          'p-paginator-page-end': pageLink === endPageInView,
+          'p-highlight': pageLink - 1 === props.page
+        });
+        var pageButtonProps = mergeProps({
+          type: 'button',
+          onClick: function onClick(e) {
+            return onPageLinkClick(e, pageLink);
+          },
+          className: cx('pageButton', {
+            pageLink: pageLink,
+            startPageInView: startPageInView,
+            endPageInView: endPageInView,
+            page: props.page
+          }),
+          disabled: props.disabled,
+          'aria-label': api.ariaLabel('pageLabel', {
+            page: pageLink
+          }),
+          'aria-current': pageLink - 1 === props.page ? 'true' : undefined
+        }, getPTOptions(pageLink, 'pageButton'));
+        var element = /*#__PURE__*/React__namespace.createElement("button", pageButtonProps, pageLink, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        if (props.template) {
+          var defaultOptions = {
+            onClick: function onClick(e) {
+              return onPageLinkClick(e, pageLink);
+            },
+            className: className,
+            view: {
+              startPage: startPageInView - 1,
+              endPage: endPageInView - 1
+            },
+            page: pageLink - 1,
+            currentPage: props.page,
+            totalPages: props.pageCount,
+            ariaLabel: api.ariaLabel('pageLabel', {
+              page: pageLink
+            }),
+            ariaCurrent: pageLink - 1 === props.page ? 'true' : undefined,
+            element: element,
+            props: props
+          };
+          element = utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
+        }
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+          key: pageLink
+        }, element);
+      });
+    }
+    var pagesProps = mergeProps({
+      className: cx('pages')
+    }, ptm('pages', {
+      hostName: props.hostName
+    }));
+    return /*#__PURE__*/React__namespace.createElement("span", pagesProps, elements);
+  });
+  PageLinks.displayName = 'PageLinks';
+
+  function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var PrevPageLink = /*#__PURE__*/React__namespace.memo(function (inProps) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = PrevPageLinkBase.getProps(inProps, context);
+    var ptm = props.ptm,
+      cx = props.cx;
+    var getPTOptions = function getPTOptions(key) {
+      return ptm(key, {
+        hostName: props.hostName,
+        context: {
+          disabled: props.disabled
+        }
+      });
+    };
+    var className = utils.classNames('p-paginator-prev p-paginator-element p-link', {
+      'p-disabled': props.disabled
+    });
+    var iconClassName = 'p-paginator-icon';
+    var prevPageIconProps = mergeProps({
+      className: cx('prevPageIcon')
+    }, getPTOptions('prevPageIcon'));
+    var icon = props.prevPageLinkIcon || /*#__PURE__*/React__namespace.createElement(angleleft.AngleLeftIcon, prevPageIconProps);
+    var prevPageLinkIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, prevPageIconProps), {
+      props: props
+    });
+    var prevPageButtonProps = mergeProps({
+      type: 'button',
+      className: cx('prevPageButton', {
+        disabled: props.disabled
+      }),
+      onClick: props.onClick,
+      disabled: props.disabled,
+      'aria-label': api.ariaLabel('previousPageLabel')
+    }, getPTOptions('prevPageButton'));
+    var element = /*#__PURE__*/React__namespace.createElement("button", prevPageButtonProps, prevPageLinkIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    if (props.template) {
+      var defaultOptions = {
+        onClick: props.onClick,
+        className: className,
+        iconClassName: iconClassName,
+        disabled: props.disabled,
+        element: element,
+        props: props
+      };
+      return utils.ObjectUtils.getJSXElement(props.template, defaultOptions);
+    }
+    return element;
+  });
+  PrevPageLink.displayName = 'PrevPageLink';
+
   var RowsPerPageDropdown = /*#__PURE__*/React__namespace.memo(function (inProps) {
     hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
@@ -34074,7 +34252,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
       };
     }) : [];
     var placeholderValue = api.localeOption('choose');
-    var ariaLabelValue = ariaLabel$1('rowsPerPage');
+    var ariaLabelValue = ariaLabel('jumpToPageDropdownLabel');
     var element = hasOptions ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(dropdown.Dropdown, {
       value: props.value,
       options: options,