primereact 10.6.3 → 10.6.4

package/core/core.js

@@ -3141,16 +3141,28 @@ this.primereact.api = (function (exports, utils, React) {
       };
     }
     function addLocale(locale, options) {
+      if (locale.includes('__proto__') || locale.includes('prototype')) {
+        throw new Error('Unsafe locale detected');
+      }
       locales[locale] = _objectSpread(_objectSpread({}, locales.en), options);
     }
     function updateLocaleOption(key, value, locale) {
+      if (key.includes('__proto__') || key.includes('prototype')) {
+        throw new Error('Unsafe key detected');
+      }
       localeOptions(locale)[key] = value;
     }
     function updateLocaleOptions(options, locale) {
+      if (locale.includes('__proto__') || locale.includes('prototype')) {
+        throw new Error('Unsafe locale detected');
+      }
       var _locale = locale || PrimeReact$1.locale;
       locales[_locale] = _objectSpread(_objectSpread({}, locales[_locale]), options);
     }
     function localeOption(key, locale) {
+      if (key.includes('__proto__') || key.includes('prototype')) {
+        throw new Error('Unsafe key detected');
+      }
       var _locale = locale || PrimeReact$1.locale;
       try {
         return localeOptions(_locale)[key];
@@ -3172,6 +3184,9 @@ this.primereact.api = (function (exports, utils, React) {
      * @returns the ARIA label with replaced values
      */
     function ariaLabel(ariaKey, options) {
+      if (ariaKey.includes('__proto__') || ariaKey.includes('prototype')) {
+        throw new Error('Unsafe ariaKey detected');
+      }
       var _locale = PrimeReact$1.locale;
       try {
         var _ariaLabel = localeOptions(_locale).aria[ariaKey];
@@ -3189,6 +3204,9 @@ this.primereact.api = (function (exports, utils, React) {
     }
     function localeOptions(locale) {
       var _locale = locale || PrimeReact$1.locale;
+      if (_locale.includes('__proto__') || _locale.includes('prototype')) {
+        throw new Error('Unsafe locale detected');
+      }
       return locales[_locale];
     }
 
@@ -3202,6 +3220,7 @@ this.primereact.api = (function (exports, utils, React) {
     });
 
     var PrimeIcons = Object.freeze({
+      ADDRESS_BOOK: 'pi pi-address-book',
       ALIGN_CENTER: 'pi pi-align-center',
       ALIGN_JUSTIFY: 'pi pi-align-justify',
       ALIGN_LEFT: 'pi pi-align-left',
@@ -3221,49 +3240,60 @@ this.primereact.api = (function (exports, utils, React) {
       ARROW_CIRCLE_LEFT: 'pi pi-arrow-circle-left',
       ARROW_CIRCLE_RIGHT: 'pi pi-arrow-circle-right',
       ARROW_CIRCLE_UP: 'pi pi-arrow-circle-up',
-      ARROW_DOWN: 'pi pi-arrow-down',
+      ARROW_DOWN_LEFT_AND_ARROW_UP_RIGHT_TO_CENTER: 'pi pi-arrow-down-left-and-arrow-up-right-to-center',
       ARROW_DOWN_LEFT: 'pi pi-arrow-down-left',
       ARROW_DOWN_RIGHT: 'pi pi-arrow-down-right',
+      ARROW_DOWN: 'pi pi-arrow-down',
       ARROW_LEFT: 'pi pi-arrow-left',
-      ARROW_RIGHT: 'pi pi-arrow-right',
       ARROW_RIGHT_ARROW_LEFT: 'pi pi-arrow-right-arrow-left',
-      ARROW_UP: 'pi pi-arrow-up',
+      ARROW_RIGHT: 'pi pi-arrow-right',
       ARROW_UP_LEFT: 'pi pi-arrow-up-left',
+      ARROW_UP_RIGHT_AND_ARROW_DOWN_LEFT_FROM_CENTER: 'pi pi-arrow-up-right-and-arrow-down-left-from-center',
       ARROW_UP_RIGHT: 'pi pi-arrow-up-right',
+      ARROW_UP: 'pi pi-arrow-up',
       ARROWS_ALT: 'pi pi-arrows-alt',
       ARROWS_H: 'pi pi-arrows-h',
       ARROWS_V: 'pi pi-arrows-v',
+      ASTERISK: 'pi pi-asterisk',
       AT: 'pi pi-at',
       BACKWARD: 'pi pi-backward',
       BAN: 'pi pi-ban',
+      BARCODE: 'pi pi-barcode',
       BARS: 'pi pi-bars',
+      BELL_SLASH: 'pi pi-bell-slash',
       BELL: 'pi pi-bell',
       BITCOIN: 'pi pi-bitcoin',
       BOLT: 'pi pi-bolt',
       BOOK: 'pi pi-book',
-      BOOKMARK: 'pi pi-bookmark',
       BOOKMARK_FILL: 'pi pi-bookmark-fill',
+      BOOKMARK: 'pi pi-bookmark',
       BOX: 'pi pi-box',
       BRIEFCASE: 'pi pi-briefcase',
+      BUILDING_COLUMNS: 'pi pi-building-columns',
       BUILDING: 'pi pi-building',
+      BULLSEYE: 'pi pi-bullseye',
       CALCULATOR: 'pi pi-calculator',
-      CALENDAR: 'pi pi-calendar',
+      CALENDAR_CLOCK: 'pi pi-calendar-clock',
       CALENDAR_MINUS: 'pi pi-calendar-minus',
       CALENDAR_PLUS: 'pi pi-calendar-plus',
       CALENDAR_TIMES: 'pi pi-calendar-times',
+      CALENDAR: 'pi pi-calendar',
       CAMERA: 'pi pi-camera',
       CAR: 'pi pi-car',
       CARET_DOWN: 'pi pi-caret-down',
       CARET_LEFT: 'pi pi-caret-left',
       CARET_RIGHT: 'pi pi-caret-right',
       CARET_UP: 'pi pi-caret-up',
+      CART_ARROW_DOWN: 'pi pi-cart-arrow-down',
+      CART_MINUS: 'pi pi-cart-minus',
       CART_PLUS: 'pi pi-cart-plus',
       CHART_BAR: 'pi pi-chart-bar',
       CHART_LINE: 'pi pi-chart-line',
       CHART_PIE: 'pi pi-chart-pie',
-      CHECK: 'pi pi-check',
+      CHART_SCATTER: 'pi pi-chart-scatter',
       CHECK_CIRCLE: 'pi pi-check-circle',
       CHECK_SQUARE: 'pi pi-check-square',
+      CHECK: 'pi pi-check',
       CHEVRON_CIRCLE_DOWN: 'pi pi-chevron-circle-down',
       CHEVRON_CIRCLE_LEFT: 'pi pi-chevron-circle-left',
       CHEVRON_CIRCLE_RIGHT: 'pi pi-chevron-circle-right',
@@ -3272,15 +3302,16 @@ this.primereact.api = (function (exports, utils, React) {
       CHEVRON_LEFT: 'pi pi-chevron-left',
       CHEVRON_RIGHT: 'pi pi-chevron-right',
       CHEVRON_UP: 'pi pi-chevron-up',
-      CIRCLE: 'pi pi-circle',
       CIRCLE_FILL: 'pi pi-circle-fill',
       CIRCLE_OFF: 'pi pi-circle-off',
       CIRCLE_ON: 'pi pi-circle-on',
+      CIRCLE: 'pi pi-circle',
+      CLIPBOARD: 'pi pi-clipboard',
       CLOCK: 'pi pi-clock',
       CLONE: 'pi pi-clone',
-      CLOUD: 'pi pi-cloud',
       CLOUD_DOWNLOAD: 'pi pi-cloud-download',
       CLOUD_UPLOAD: 'pi pi-cloud-upload',
+      CLOUD: 'pi pi-cloud',
       CODE: 'pi pi-code',
       COG: 'pi pi-cog',
       COMMENT: 'pi pi-comment',
@@ -3288,11 +3319,12 @@ this.primereact.api = (function (exports, utils, React) {
       COMPASS: 'pi pi-compass',
       COPY: 'pi pi-copy',
       CREDIT_CARD: 'pi pi-credit-card',
+      CROWN: 'pi pi-crown',
       DATABASE: 'pi pi-database',
       DELETE_LEFT: 'pi pi-delete-left',
       DESKTOP: 'pi pi-desktop',
-      DIRECTIONS: 'pi pi-directions',
       DIRECTIONS_ALT: 'pi pi-directions-alt',
+      DIRECTIONS: 'pi pi-directions',
       DISCORD: 'pi pi-discord',
       DOLLAR: 'pi pi-dollar',
       DOWNLOAD: 'pi pi-download',
@@ -3300,39 +3332,51 @@ this.primereact.api = (function (exports, utils, React) {
       ELLIPSIS_H: 'pi pi-ellipsis-h',
       ELLIPSIS_V: 'pi pi-ellipsis-v',
       ENVELOPE: 'pi pi-envelope',
+      EQUALS: 'pi pi-equals',
       ERASER: 'pi pi-eraser',
+      ETHEREUM: 'pi pi-ethereum',
       EURO: 'pi pi-euro',
       EXCLAMATION_CIRCLE: 'pi pi-exclamation-circle',
       EXCLAMATION_TRIANGLE: 'pi pi-exclamation-triangle',
+      EXPAND: 'pi pi-expand',
       EXTERNAL_LINK: 'pi pi-external-link',
-      EYE: 'pi pi-eye',
       EYE_SLASH: 'pi pi-eye-slash',
+      EYE: 'pi pi-eye',
+      FACE_SMILE: 'pi pi-face-smile',
       FACEBOOK: 'pi pi-facebook',
       FAST_BACKWARD: 'pi pi-fast-backward',
       FAST_FORWARD: 'pi pi-fast-forward',
-      FILE: 'pi pi-file',
+      FILE_ARROW_UP: 'pi pi-file-arrow-up',
+      FILE_CHECK: 'pi pi-file-check',
       FILE_EDIT: 'pi pi-file-edit',
       FILE_EXCEL: 'pi pi-file-excel',
       FILE_EXPORT: 'pi pi-file-export',
       FILE_IMPORT: 'pi pi-file-import',
       FILE_O: 'pi pi-file-o',
       FILE_PDF: 'pi pi-file-pdf',
+      FILE_PLUS: 'pi pi-file-plus',
       FILE_WORD: 'pi pi-file-word',
-      FILTER: 'pi pi-filter',
+      FILE: 'pi pi-file',
       FILTER_FILL: 'pi pi-filter-fill',
       FILTER_SLASH: 'pi pi-filter-slash',
-      FLAG: 'pi pi-flag',
+      FILTER: 'pi pi-filter',
       FLAG_FILL: 'pi pi-flag-fill',
-      FOLDER: 'pi pi-folder',
+      FLAG: 'pi pi-flag',
       FOLDER_OPEN: 'pi pi-folder-open',
+      FOLDER_PLUS: 'pi pi-folder-plus',
+      FOLDER: 'pi pi-folder',
       FORWARD: 'pi pi-forward',
+      GAUGE: 'pi pi-gauge',
       GIFT: 'pi pi-gift',
       GITHUB: 'pi pi-github',
       GLOBE: 'pi pi-globe',
       GOOGLE: 'pi pi-google',
+      GRADUATION_CAP: 'pi pi-graduation-cap',
+      HAMMER: 'pi pi-hammer',
       HASHTAG: 'pi pi-hashtag',
-      HEART: 'pi pi-heart',
+      HEADPHONES: 'pi pi-headphones',
       HEART_FILL: 'pi pi-heart-fill',
+      HEART: 'pi pi-heart',
       HISTORY: 'pi pi-history',
       HOME: 'pi pi-home',
       HOURGLASS: 'pi pi-hourglass',
@@ -3340,55 +3384,68 @@ this.primereact.api = (function (exports, utils, React) {
       IMAGE: 'pi pi-image',
       IMAGES: 'pi pi-images',
       INBOX: 'pi pi-inbox',
-      INFO: 'pi pi-info',
+      INDIAN_RUPEE: 'pi pi-indian-rupee',
       INFO_CIRCLE: 'pi pi-info-circle',
+      INFO: 'pi pi-info',
       INSTAGRAM: 'pi pi-instagram',
       KEY: 'pi pi-key',
       LANGUAGE: 'pi pi-language',
+      LIGHTBULB: 'pi pi-lightbulb',
       LINK: 'pi pi-link',
       LINKEDIN: 'pi pi-linkedin',
+      LIST_CHECK: 'pi pi-list-check',
       LIST: 'pi pi-list',
-      LOCK: 'pi pi-lock',
       LOCK_OPEN: 'pi pi-lock-open',
-      MAP: 'pi pi-map',
+      LOCK: 'pi pi-lock',
       MAP_MARKER: 'pi pi-map-marker',
+      MAP: 'pi pi-map',
+      MARS: 'pi pi-mars',
       MEGAPHONE: 'pi pi-megaphone',
+      MICROCHIP_AI: 'pi pi-microchip-ai',
+      MICROCHIP: 'pi pi-microchip',
       MICROPHONE: 'pi pi-microphone',
       MICROSOFT: 'pi pi-microsoft',
-      MINUS: 'pi pi-minus',
       MINUS_CIRCLE: 'pi pi-minus-circle',
+      MINUS: 'pi pi-minus',
       MOBILE: 'pi pi-mobile',
       MONEY_BILL: 'pi pi-money-bill',
       MOON: 'pi pi-moon',
+      OBJECTS_COLUMN: 'pi pi-objects-column',
       PALETTE: 'pi pi-palette',
       PAPERCLIP: 'pi pi-paperclip',
+      PAUSE_CIRCLE: 'pi pi-pause-circle',
       PAUSE: 'pi pi-pause',
       PAYPAL: 'pi pi-paypal',
+      PEN_TO_SQUARE: 'pi pi-pen-to-square',
       PENCIL: 'pi pi-pencil',
       PERCENTAGE: 'pi pi-percentage',
       PHONE: 'pi pi-phone',
+      PINTEREST: 'pi pi-pinterest',
+      PLAY_CIRCLE: 'pi pi-play-circle',
       PLAY: 'pi pi-play',
-      PLUS: 'pi pi-plus',
       PLUS_CIRCLE: 'pi pi-plus-circle',
+      PLUS: 'pi pi-plus',
       POUND: 'pi pi-pound',
       POWER_OFF: 'pi pi-power-off',
       PRIME: 'pi pi-prime',
       PRINT: 'pi pi-print',
       QRCODE: 'pi pi-qrcode',
-      QUESTION: 'pi pi-question',
       QUESTION_CIRCLE: 'pi pi-question-circle',
+      QUESTION: 'pi pi-question',
+      RECEIPT: 'pi pi-receipt',
       REDDIT: 'pi pi-reddit',
       REFRESH: 'pi pi-refresh',
       REPLAY: 'pi pi-replay',
       REPLY: 'pi pi-reply',
       SAVE: 'pi pi-save',
-      SEARCH: 'pi pi-search',
       SEARCH_MINUS: 'pi pi-search-minus',
       SEARCH_PLUS: 'pi pi-search-plus',
+      SEARCH: 'pi pi-search',
       SEND: 'pi pi-send',
       SERVER: 'pi pi-server',
       SHARE_ALT: 'pi pi-share-alt',
       SHIELD: 'pi pi-shield',
+      SHOP: 'pi pi-shop',
       SHOPPING_BAG: 'pi pi-shopping-bag',
       SHOPPING_CART: 'pi pi-shopping-cart',
       SIGN_IN: 'pi pi-sign-in',
@@ -3397,32 +3454,38 @@ this.primereact.api = (function (exports, utils, React) {
       SLACK: 'pi pi-slack',
       SLIDERS_H: 'pi pi-sliders-h',
       SLIDERS_V: 'pi pi-sliders-v',
-      SORT: 'pi pi-sort',
-      SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',
       SORT_ALPHA_DOWN_ALT: 'pi pi-sort-alpha-down-alt',
-      SORT_ALPHA_UP: 'pi pi-sort-alpha-up',
+      SORT_ALPHA_DOWN: 'pi pi-sort-alpha-down',
       SORT_ALPHA_UP_ALT: 'pi pi-sort-alpha-up-alt',
-      SORT_ALT: 'pi pi-sort-alt',
+      SORT_ALPHA_UP: 'pi pi-sort-alpha-up',
       SORT_ALT_SLASH: 'pi pi-sort-alt-slash',
-      SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',
+      SORT_ALT: 'pi pi-sort-alt',
       SORT_AMOUNT_DOWN_ALT: 'pi pi-sort-amount-down-alt',
-      SORT_AMOUNT_UP: 'pi pi-sort-amount-up',
+      SORT_AMOUNT_DOWN: 'pi pi-sort-amount-down',
       SORT_AMOUNT_UP_ALT: 'pi pi-sort-amount-up-alt',
+      SORT_AMOUNT_UP: 'pi pi-sort-amount-up',
+      SORT_DOWN_FILL: 'pi pi-sort-down-fill',
       SORT_DOWN: 'pi pi-sort-down',
-      SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',
       SORT_NUMERIC_DOWN_ALT: 'pi pi-sort-numeric-down-alt',
-      SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',
+      SORT_NUMERIC_DOWN: 'pi pi-sort-numeric-down',
       SORT_NUMERIC_UP_ALT: 'pi pi-sort-numeric-up-alt',
+      SORT_NUMERIC_UP: 'pi pi-sort-numeric-up',
+      SORT_UP_FILL: 'pi pi-sort-up-fill',
       SORT_UP: 'pi pi-sort-up',
+      SORT: 'pi pi-sort',
+      SPARKLES: 'pi pi-sparkles',
+      SPINNER_DOTTED: 'pi pi-spinner-dotted',
       SPINNER: 'pi pi-spinner',
-      STAR: 'pi pi-star',
       STAR_FILL: 'pi pi-star-fill',
-      STEP_BACKWARD: 'pi pi-step-backward',
+      STAR_HALF_FILL: 'pi pi-star-half-fill',
+      STAR_HALF: 'pi pi-star-half',
+      STAR: 'pi pi-star',
       STEP_BACKWARD_ALT: 'pi pi-step-backward-alt',
-      STEP_FORWARD: 'pi pi-step-forward',
+      STEP_BACKWARD: 'pi pi-step-backward',
       STEP_FORWARD_ALT: 'pi pi-step-forward-alt',
-      STOP: 'pi pi-stop',
+      STEP_FORWARD: 'pi pi-step-forward',
       STOP_CIRCLE: 'pi pi-stop-circle',
+      STOP: 'pi pi-stop',
       STOPWATCH: 'pi pi-stopwatch',
       SUN: 'pi pi-sun',
       SYNC: 'pi pi-sync',
@@ -3432,24 +3495,30 @@ this.primereact.api = (function (exports, utils, React) {
       TAGS: 'pi pi-tags',
       TELEGRAM: 'pi pi-telegram',
       TH_LARGE: 'pi pi-th-large',
-      THUMBS_DOWN: 'pi pi-thumbs-down',
       THUMBS_DOWN_FILL: 'pi pi-thumbs-down-fill',
-      THUMBS_UP: 'pi pi-thumbs-up',
+      THUMBS_DOWN: 'pi pi-thumbs-down',
       THUMBS_UP_FILL: 'pi pi-thumbs-up-fill',
+      THUMBS_UP: 'pi pi-thumbs-up',
+      THUMBTACK: 'pi pi-thumbtack',
       TICKET: 'pi pi-ticket',
-      TIMES: 'pi pi-times',
+      TIKTOK: 'pi pi-tiktok',
       TIMES_CIRCLE: 'pi pi-times-circle',
+      TIMES: 'pi pi-times',
       TRASH: 'pi pi-trash',
+      TROPHY: 'pi pi-trophy',
       TRUCK: 'pi pi-truck',
+      TURKISH_LIRA: 'pi pi-turkish-lira',
+      TWITCH: 'pi pi-twitch',
       TWITTER: 'pi pi-twitter',
       UNDO: 'pi pi-undo',
       UNLOCK: 'pi pi-unlock',
       UPLOAD: 'pi pi-upload',
-      USER: 'pi pi-user',
       USER_EDIT: 'pi pi-user-edit',
       USER_MINUS: 'pi pi-user-minus',
       USER_PLUS: 'pi pi-user-plus',
+      USER: 'pi pi-user',
       USERS: 'pi pi-users',
+      VENUS: 'pi pi-venus',
       VERIFIED: 'pi pi-verified',
       VIDEO: 'pi pi-video',
       VIMEO: 'pi pi-vimeo',
@@ -3457,6 +3526,8 @@ this.primereact.api = (function (exports, utils, React) {
       VOLUME_OFF: 'pi pi-volume-off',
       VOLUME_UP: 'pi pi-volume-up',
       WALLET: 'pi pi-wallet',
+      WAREHOUSE: 'pi pi-warehouse',
+      WAVE_PULSE: 'pi pi-wave-pulse',
       WHATSAPP: 'pi pi-whatsapp',
       WIFI: 'pi pi-wifi',
       WINDOW_MAXIMIZE: 'pi pi-window-maximize',
@@ -6043,7 +6114,9 @@ this.primereact.keyfilter = (function (exports, utils) {
       if (key === null || key === undefined) {
         return;
       }
-      var isPrintableKey = key.length === 1;
+
+      // some AZERTY keys come in with 2 chars like ´ç if Dead key is pressed first
+      var isPrintableKey = key.length <= 2;
       if (!isPrintableKey) {
         return;
       }
@@ -12182,8 +12255,18 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       }
       if (isSpecialChar.current) {
         event.target.value = lastValue.current;
+        isSpecialChar.current = false;
+      }
+      if (utils.DomHandler.isAndroid()) {
+        return;
+      }
+
+      // #6324 Chrome is allowing accent-dead characters through...
+      var inputType = event.nativeEvent.inputType;
+      var data = event.nativeEvent.data;
+      if (inputType === 'insertText' && /\D/.test(data)) {
+        event.target.value = lastValue.current;
       }
-      isSpecialChar.current = false;
     };
     var onInputAndroidKey = function onInputAndroidKey(event) {
       if (!utils.DomHandler.isAndroid() || props.disabled || props.readOnly) {
@@ -13397,7 +13480,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var remove = function remove(messageInfo) {
       // allow removal by ID or by message equality
-      var removeMessage = messageInfo._pId ? messageInfo.message : messageInfo;
+      var removeMessage = messageInfo._pId ? messageInfo._pId : messageInfo.message || messageInfo;
       setMessagesState(function (prev) {
         return prev.filter(function (msg) {
           return msg._pId !== messageInfo._pId && !utils.ObjectUtils.deepEquals(msg.message, removeMessage);
@@ -14156,31 +14239,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         props === null || props === void 0 || (_props$changeFocusedO = props.changeFocusedOptionIndex) === null || _props$changeFocusedO === void 0 || _props$changeFocusedO.call(props, event, index);
       }
     };
-    var createGroupChildren = function createGroupChildren(optionGroup, style) {
-      var groupChildren = props.getOptionGroupChildren(optionGroup);
-      return groupChildren.map(function (option, j) {
-        var optionLabel = props.getOptionLabel(option);
-        var optionKey = j + '_' + props.getOptionRenderKey(option);
-        var disabled = props.isOptionDisabled(option);
-        return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
-          key: optionKey,
-          index: j,
-          focusedOptionIndex: props.focusedOptionIndex,
-          label: optionLabel,
-          option: option,
-          style: style,
-          template: props.itemTemplate,
-          selected: props.isSelected(option),
-          highlightOnSelect: props.highlightOnSelect,
-          disabled: disabled,
-          onClick: props.onOptionClick,
-          onMouseMove: changeFocusedItemOnHover,
-          ptm: ptm,
-          cx: cx,
-          checkmark: props.checkmark
-        });
-      });
-    };
     var createEmptyMessage = function createEmptyMessage(emptyMessage, isFilter) {
       var message = utils.ObjectUtils.getJSXElement(emptyMessage, props) || PrimeReact.localeOption(isFilter ? 'emptyFilterMessage' : 'emptyMessage');
       var emptyMessageProps = mergeProps({
@@ -14194,10 +14252,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
       style = _objectSpread$1(_objectSpread$1({}, style), option.style);
-      if (props.optionGroupLabel) {
+      if (option.group && props.optionGroupLabel) {
         var optionGroupLabel = props.optionGroupLabel;
         var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
-        var groupChildrenContent = createGroupChildren(option, style);
         var key = index + '_' + props.getOptionGroupRenderKey(option);
         var itemGroupProps = mergeProps({
           className: cx('itemGroup', {
@@ -14209,12 +14266,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         var itemGroupLabelProps = mergeProps({
           className: cx('itemGroupLabel')
         }, getPTOptions('itemGroupLabel'));
-        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        return /*#__PURE__*/React__namespace.createElement("li", _extends({
           key: key
-        }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent)), groupChildrenContent);
+        }, itemGroupProps), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent));
       }
+      var optionKey = props.getOptionRenderKey(option) + '_' + index;
       var optionLabel = props.getOptionLabel(option);
-      var optionKey = index + '_' + props.getOptionRenderKey(option);
       var disabled = props.isOptionDisabled(option);
       return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
         key: optionKey,
@@ -14471,7 +14528,24 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
       bindOverlayListener = _useOverlayListener2[0],
       unbindOverlayListener = _useOverlayListener2[1];
+    var flatOptions = function flatOptions(options) {
+      return (options || []).reduce(function (result, option, index) {
+        result.push({
+          optionGroup: option,
+          group: true,
+          index: index,
+          code: option.code,
+          label: option.label
+        });
+        var optionGroupChildren = getOptionGroupChildren(option);
+        optionGroupChildren && optionGroupChildren.forEach(function (o) {
+          return result.push(o);
+        });
+        return result;
+      }, []);
+    };
     var getVisibleOptions = function getVisibleOptions() {
+      var options = props.optionGroupLabel ? flatOptions(props.options) : props.options;
       if (hasFilter && !isLazy) {
         var filterValue = filterState.trim().toLocaleLowerCase(props.filterLocale);
         var searchFields = props.filterBy ? props.filterBy.split(',') : [props.optionLabel || 'label'];
@@ -14492,11 +14566,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           } finally {
             _iterator.f();
           }
-          return filteredGroups;
+          return flatOptions(filteredGroups);
         }
-        return PrimeReact.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
+        return PrimeReact.FilterService.filter(options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
       }
-      return props.options;
+      return 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;
@@ -15025,12 +15099,20 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current.parentElement, props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo);
     };
     var scrollInView = function scrollInView() {
-      var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
-      if (highlightItem && highlightItem.scrollIntoView) {
-        highlightItem.scrollIntoView({
+      var focusedItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-focused="true"]');
+      if (focusedItem && focusedItem.scrollIntoView) {
+        focusedItem.scrollIntoView({
           block: 'nearest',
           inline: 'nearest'
         });
+      } else {
+        var highlightItem = utils.DomHandler.findSingle(overlayRef.current, 'li[data-p-highlight="true"]');
+        if (highlightItem && highlightItem.scrollIntoView) {
+          highlightItem.scrollIntoView({
+            block: 'nearest',
+            inline: 'nearest'
+          });
+        }
       }
     };
     var updateEditableLabel = function updateEditableLabel(option) {
@@ -15044,10 +15126,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var getOptionLabel = function getOptionLabel(option) {
-      return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option.label !== undefined ? option.label : option;
+      return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option;
     };
     var getOptionValue = function getOptionValue(option) {
-      return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option.value !== undefined ? option.value : option;
+      return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option;
     };
     var getOptionRenderKey = function getOptionRenderKey(option) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -15123,10 +15205,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       alignOverlay();
     });
     hooks.useUpdateEffect(function () {
-      if (overlayVisibleState && props.value) {
+      if (overlayVisibleState && (props.value || focusedOptionIndex >= 0)) {
         scrollInView();
       }
-    }, [overlayVisibleState, props.value]);
+    }, [overlayVisibleState, props.value, focusedOptionIndex]);
     hooks.useUpdateEffect(function () {
       if (overlayVisibleState && filterState && props.filter) {
         alignOverlay();
@@ -15392,7 +15474,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
 })({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.chevrondown, primereact.icons.spinner, primereact.icons.times, primereact.overlayservice, primereact.tooltip, primereact.utils, primereact.csstransition, primereact.icons.search, primereact.portal, primereact.virtualscroller, primereact.ripple, primereact.icons.check, primereact.iconbase);
 
 this.primereact = this.primereact || {};
-this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, times, windowmaximize, windowminimize, portal, ripple, utils) {
+this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, csstransition, hooks, utils, times, windowmaximize, windowminimize, portal, ripple) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15415,6 +15497,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     return Object.freeze(n);
   }
 
+  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
@@ -15545,6 +15628,117 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var styles$1 = '';
+  var FocusTrapBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'FocusTrap',
+      children: undefined
+    },
+    css: {
+      styles: styles$1
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, FocusTrapBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, FocusTrapBase.defaultProps);
+    }
+  });
+
+  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 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.PrimeReactContext);
+    var props = FocusTrapBase.getProps(inProps, context);
+    var metaData = {
+      props: props
+    };
+    hooks.useStyle(FocusTrapBase.css.styles, {
+      name: 'focustrap'
+    });
+    var _FocusTrapBase$setMet = FocusTrapBase.setMetaData(_objectSpread$2({}, 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$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 classes = {
@@ -15739,15 +15933,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.DIALOG, displayOrder]
     });
     var _useEventListener = hooks.useEventListener({
-        type: 'keydown',
-        listener: function listener(event) {
-          return onKeyDown(event);
-        }
-      }),
-      _useEventListener2 = _slicedToArray(_useEventListener, 2),
-      bindDocumentKeyDownListener = _useEventListener2[0],
-      unbindDocumentKeyDownListener = _useEventListener2[1];
-    var _useEventListener3 = hooks.useEventListener({
         type: 'mousemove',
         target: function target() {
           return window.document;
@@ -15756,10 +15941,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onResize(event);
         }
       }),
-      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
-      bindDocumentResizeListener = _useEventListener4[0],
-      unbindDocumentResizeListener = _useEventListener4[1];
-    var _useEventListener5 = hooks.useEventListener({
+      _useEventListener2 = _slicedToArray(_useEventListener, 2),
+      bindDocumentResizeListener = _useEventListener2[0],
+      unbindDocumentResizeListener = _useEventListener2[1];
+    var _useEventListener3 = hooks.useEventListener({
         type: 'mouseup',
         target: function target() {
           return window.document;
@@ -15768,10 +15953,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onResizeEnd(event);
         }
       }),
-      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
-      bindDocumentResizeEndListener = _useEventListener6[0],
-      unbindDocumentResizEndListener = _useEventListener6[1];
-    var _useEventListener7 = hooks.useEventListener({
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentResizeEndListener = _useEventListener4[0],
+      unbindDocumentResizEndListener = _useEventListener4[1];
+    var _useEventListener5 = hooks.useEventListener({
         type: 'mousemove',
         target: function target() {
           return window.document;
@@ -15780,10 +15965,10 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onDrag(event);
         }
       }),
-      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
-      bindDocumentDragListener = _useEventListener8[0],
-      unbindDocumentDragListener = _useEventListener8[1];
-    var _useEventListener9 = hooks.useEventListener({
+      _useEventListener6 = _slicedToArray(_useEventListener5, 2),
+      bindDocumentDragListener = _useEventListener6[0],
+      unbindDocumentDragListener = _useEventListener6[1];
+    var _useEventListener7 = hooks.useEventListener({
         type: 'mouseup',
         target: function target() {
           return window.document;
@@ -15792,9 +15977,9 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           return onDragEnd(event);
         }
       }),
-      _useEventListener10 = _slicedToArray(_useEventListener9, 2),
-      bindDocumentDragEndListener = _useEventListener10[0],
-      unbindDocumentDragEndListener = _useEventListener10[1];
+      _useEventListener8 = _slicedToArray(_useEventListener7, 2),
+      bindDocumentDragEndListener = _useEventListener8[0],
+      unbindDocumentDragEndListener = _useEventListener8[1];
     var onClose = function onClose(event) {
       props.onHide();
       event.preventDefault();
@@ -15830,41 +16015,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
       event.preventDefault();
     };
-    var onKeyDown = function onKeyDown(event) {
-      var currentTarget = event.currentTarget;
-      if (!currentTarget || !currentTarget.primeDialogParams) {
-        return;
-      }
-      var params = currentTarget.primeDialogParams;
-      var paramLength = params.length;
-      var dialogId = params[paramLength - 1] ? params[paramLength - 1].id : undefined;
-      if (dialogId !== idState) {
-        return;
-      }
-      var dialog = document.getElementById(dialogId);
-      if (event.key === 'Tab') {
-        event.preventDefault();
-        var focusableElements = utils.DomHandler.getFocusableElements(dialog);
-        if (focusableElements && focusableElements.length > 0) {
-          if (!document.activeElement) {
-            focusableElements[0].focus();
-          } else {
-            var focusedIndex = focusableElements.indexOf(document.activeElement);
-            if (event.shiftKey) {
-              if (focusedIndex === -1 || focusedIndex === 0) {
-                focusableElements[focusableElements.length - 1].focus();
-              } else {
-                focusableElements[focusedIndex - 1].focus();
-              }
-            } else if (focusedIndex === -1 || focusedIndex === focusableElements.length - 1) {
-              focusableElements[0].focus();
-            } else {
-              focusableElements[focusedIndex + 1].focus();
-            }
-          }
-        }
-      }
-    };
     var onDragStart = function onDragStart(event) {
       if (utils.DomHandler.hasClass(event.target, 'p-dialog-header-icon') || utils.DomHandler.hasClass(event.target.parentElement, 'p-dialog-header-icon')) {
         return;
@@ -15991,6 +16141,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
     };
     var onExited = function onExited() {
+      props.onHide && props.onHide();
       dragging.current = false;
       utils.ZIndexUtils.clear(maskRef.current);
       setMaskVisibleState(false);
@@ -16058,14 +16209,12 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         bindDocumentResizeListener();
         bindDocumentResizeEndListener();
       }
-      bindDocumentKeyDownListener();
     };
     var unbindGlobalListeners = function unbindGlobalListeners() {
       unbindDocumentDragListener();
       unbindDocumentDragEndListener();
       unbindDocumentResizeListener();
       unbindDocumentResizEndListener();
-      unbindDocumentKeyDownListener();
     };
     var createStyle = function createStyle() {
       styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
@@ -16244,11 +16393,8 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       }
       return null;
     };
-    var createTemplateElement = function createTemplateElement(_ref) {
+    var createTemplateElement = function createTemplateElement() {
       var _props$children;
-      var maskProps = _ref.maskProps,
-        rootProps = _ref.rootProps,
-        transitionProps = _ref.transitionProps;
       var messageProps = {
         header: props.header,
         content: props.message,
@@ -16262,21 +16408,14 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         hide: onClose,
         message: messageProps
       };
-      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
-        nodeRef: dialogRef
-      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps))));
+      return utils.ObjectUtils.getJSXElement(inProps.content, templateElementProps);
     };
-    var createElement = function createElement(_ref2) {
-      var maskProps = _ref2.maskProps,
-        rootProps = _ref2.rootProps,
-        transitionProps = _ref2.transitionProps;
+    var createElement = function createElement() {
       var header = createHeader();
       var content = createContent();
       var footer = createFooter();
       var resizer = createResizer();
-      return /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
-        nodeRef: dialogRef
-      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, header, content, footer, resizer)));
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, header, content, footer, resizer);
     };
     var createDialog = function createDialog() {
       var headerId = idState + '_header';
@@ -16318,25 +16457,19 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         onExiting: onExiting,
         onExited: onExited
       }, ptm('transition'));
+      var contentElement = null;
       if (inProps !== null && inProps !== void 0 && inProps.content) {
-        var templateElement = createTemplateElement({
-          maskProps: maskProps,
-          rootProps: rootProps,
-          transitionProps: transitionProps
-        });
-        return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-          element: templateElement,
-          appendTo: props.appendTo,
-          visible: true
-        });
+        contentElement = createTemplateElement();
+      } else {
+        contentElement = createElement();
       }
-      var element = createElement({
-        maskProps: maskProps,
-        rootProps: rootProps,
-        transitionProps: transitionProps
-      });
+      var rootElement = /*#__PURE__*/React__namespace.createElement("div", maskProps, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, _extends({
+        nodeRef: dialogRef
+      }, transitionProps), /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(FocusTrap$1, {
+        autoFocus: true
+      }, contentElement))));
       return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-        element: element,
+        element: rootElement,
         appendTo: props.appendTo,
         visible: true
       });
@@ -16351,7 +16484,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.csstransition, primereact.hooks, primereact.utils, primereact.icons.times, primereact.icons.windowmaximize, primereact.icons.windowminimize, primereact.portal, primereact.ripple);
 
 this.primereact = this.primereact || {};
 this.primereact.paginator = (function (exports, React, api, componentbase, hooks, utils, angledoubleleft, ripple, inputnumber, angledoubleright, angleright, angleleft, dropdown) {
@@ -16955,6 +17088,9 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
    * @returns the ARIA label with replaced values
    */
   function ariaLabel(ariaKey, options) {
+    if (ariaKey.includes('__proto__') || ariaKey.includes('prototype')) {
+      throw new Error('Unsafe ariaKey detected');
+    }
     var _locale = PrimeReact.locale;
     try {
       var _ariaLabel = localeOptions(_locale).aria[ariaKey];
@@ -16972,6 +17108,9 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
   }
   function localeOptions(locale) {
     var _locale = locale || PrimeReact.locale;
+    if (_locale.includes('__proto__') || _locale.includes('prototype')) {
+      throw new Error('Unsafe locale detected');
+    }
     return locales[_locale];
   }