primereact 7.2.0 → 7.2.1

package/primereact.all.cjs.js

@@ -280,6 +280,11 @@ var DomHandler = /*#__PURE__*/function () {
 
       return 0;
     }
+  }, {
+    key: "getBrowserLanguage",
+    value: function getBrowserLanguage() {
+      return navigator.userLanguage || navigator.languages && navigator.languages.length && navigator.languages[0] || navigator.language || navigator.browserLanguage || navigator.systemLanguage || 'en';
+    }
   }, {
     key: "getWindowScrollTop",
     value: function getWindowScrollTop() {
@@ -1975,6 +1980,27 @@ var ObjectUtils = /*#__PURE__*/function () {
     value: function isNotEmpty(value) {
       return !this.isEmpty(value);
     }
+    /**
+     * Compare value1 and value2 ascending by default (1) or pass in order as -1 for descending.
+     *
+     * @param {any} value1 the first value
+     * @param {any} value2 the second value
+     * @param {number | undefined} order by default ascending (1) set to descending (-1)
+     * @param {string | undefined} locale the locale to use (default to browser locale if null)
+     * @returns either 0, 1 or -1 for comparing the two values
+     */
+
+  }, {
+    key: "sort",
+    value: function sort(value1, value2) {
+      var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+      var locale = arguments.length > 3 ? arguments[3] : undefined;
+      var result = null;
+      if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
+        numeric: true
+      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+      return order * result;
+    }
   }]);
 
   return ObjectUtils;
@@ -2123,25 +2149,25 @@ var FilterMatchMode = Object.freeze({
   CUSTOM: 'custom'
 });
 
-var PrimeReact = /*#__PURE__*/_createClass(function PrimeReact() {
+var PrimeReact$1 = /*#__PURE__*/_createClass(function PrimeReact() {
   _classCallCheck(this, PrimeReact);
 });
 
-_defineProperty(PrimeReact, "ripple", false);
+_defineProperty(PrimeReact$1, "ripple", false);
 
-_defineProperty(PrimeReact, "inputStyle", 'outlined');
+_defineProperty(PrimeReact$1, "inputStyle", 'outlined');
 
-_defineProperty(PrimeReact, "locale", 'en');
+_defineProperty(PrimeReact$1, "locale", 'en');
 
-_defineProperty(PrimeReact, "appendTo", null);
+_defineProperty(PrimeReact$1, "appendTo", null);
 
-_defineProperty(PrimeReact, "cssTransition", true);
+_defineProperty(PrimeReact$1, "cssTransition", true);
 
-_defineProperty(PrimeReact, "autoZIndex", true);
+_defineProperty(PrimeReact$1, "autoZIndex", true);
 
-_defineProperty(PrimeReact, "nonce", null);
+_defineProperty(PrimeReact$1, "nonce", null);
 
-_defineProperty(PrimeReact, "zIndex", {
+_defineProperty(PrimeReact$1, "zIndex", {
   modal: 1100,
   overlay: 1000,
   menu: 1000,
@@ -2149,7 +2175,7 @@ _defineProperty(PrimeReact, "zIndex", {
   toast: 1200
 });
 
-_defineProperty(PrimeReact, "filterMatchModeOptions", {
+_defineProperty(PrimeReact$1, "filterMatchModeOptions", {
   text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
   numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
   date: [FilterMatchMode.DATE_IS, FilterMatchMode.DATE_IS_NOT, FilterMatchMode.DATE_BEFORE, FilterMatchMode.DATE_AFTER]
@@ -2206,10 +2232,10 @@ var locales = {
 };
 
 function locale(locale) {
-  locale && (PrimeReact.locale = locale);
+  locale && (PrimeReact$1.locale = locale);
   return {
-    locale: PrimeReact.locale,
-    options: locales[PrimeReact.locale]
+    locale: PrimeReact$1.locale,
+    options: locales[PrimeReact$1.locale]
   };
 }
 
@@ -2222,13 +2248,13 @@ function updateLocaleOption(key, value, locale) {
 }
 
 function updateLocaleOptions(options, locale) {
-  var _locale = locale || PrimeReact.locale;
+  var _locale = locale || PrimeReact$1.locale;
 
   locales[_locale] = _objectSpread$T(_objectSpread$T({}, locales[_locale]), options);
 }
 
 function localeOption(key, locale) {
-  var _locale = locale || PrimeReact.locale;
+  var _locale = locale || PrimeReact$1.locale;
 
   try {
     return localeOptions(_locale)[key];
@@ -2238,7 +2264,7 @@ function localeOption(key, locale) {
 }
 
 function localeOptions(locale) {
-  var _locale = locale || PrimeReact.locale;
+  var _locale = locale || PrimeReact$1.locale;
 
   return locales[_locale];
 }
@@ -2762,7 +2788,7 @@ var CSSTransition = /*#__PURE__*/function (_Component) {
   _createClass(CSSTransition, [{
     key: "disabled",
     get: function get() {
-      return this.props.disabled || this.props.options && this.props.options.disabled || !PrimeReact.cssTransition;
+      return this.props.disabled || this.props.options && this.props.options.disabled || !PrimeReact$1.cssTransition;
     }
   }, {
     key: "onEnter",
@@ -3265,7 +3291,7 @@ var Portal = /*#__PURE__*/function (_Component) {
       var element = this.props.element || this.props.children;
 
       if (element && this.state.mounted) {
-        var appendTo = this.props.appendTo || PrimeReact.appendTo || document.body;
+        var appendTo = this.props.appendTo || PrimeReact$1.appendTo || document.body;
         return appendTo === 'self' ? element : /*#__PURE__*/ReactDOM__default["default"].createPortal(element, appendTo);
       }
 
@@ -3455,7 +3481,7 @@ var Tooltip = /*#__PURE__*/function (_Component) {
       var updateTooltipState = function updateTooltipState() {
         _this2.updateText(_this2.currentTarget, function () {
           if (_this2.props.autoZIndex && !ZIndexUtils.get(_this2.containerEl)) {
-            ZIndexUtils.set('tooltip', _this2.containerEl, PrimeReact.autoZIndex, _this2.props.baseZIndex || PrimeReact.zIndex['tooltip']);
+            ZIndexUtils.set('tooltip', _this2.containerEl, PrimeReact$1.autoZIndex, _this2.props.baseZIndex || PrimeReact$1.zIndex['tooltip']);
           }
 
           _this2.containerEl.style.left = '';
@@ -4163,7 +4189,7 @@ var Ripple = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      return PrimeReact.ripple ? /*#__PURE__*/React__default["default"].createElement("span", {
+      return PrimeReact$1.ripple ? /*#__PURE__*/React__default["default"].createElement("span", {
         ref: function ref(el) {
           return _this2.ink = el;
         },
@@ -5600,7 +5626,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -5635,7 +5661,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
     key: "alignOverlay",
     value: function alignOverlay() {
       var target = this.props.multiple ? this.multiContainer : this.inputRef.current;
-      DomHandler.alignOverlay(this.overlayRef.current, target, this.props.appendTo || PrimeReact.appendTo);
+      DomHandler.alignOverlay(this.overlayRef.current, target, this.props.appendTo || PrimeReact$1.appendTo);
     }
   }, {
     key: "onPanelClick",
@@ -7303,7 +7329,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
     value: function onClearButtonClick(event) {
       this.updateModel(event, null);
       this.updateInputfield(null);
-      this.hideOverlay(null, this.reFocusInputField);
+      this.hideOverlay();
 
       if (this.props.onClearButtonClick) {
         this.props.onClearButtonClick(event);
@@ -8287,7 +8313,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
     value: function onOverlayEnter() {
       if (this.props.autoZIndex) {
         var key = this.props.touchUI ? 'modal' : 'overlay';
-        ZIndexUtils.set(key, this.overlayRef.current, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex[key]);
+        ZIndexUtils.set(key, this.overlayRef.current, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex[key]);
       }
 
       this.alignOverlay();
@@ -8399,7 +8425,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
       if (this.props.touchUI) {
         this.enableModality();
       } else {
-        DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact.appendTo);
+        DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
       }
     }
   }, {
@@ -10738,7 +10764,7 @@ var Carousel = /*#__PURE__*/function (_Component2) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.carouselStyle) {
-        this.carouselStyle = DomHandler.createInlineStyle(PrimeReact.nonce);
+        this.carouselStyle = DomHandler.createInlineStyle(PrimeReact$1.nonce);
       }
 
       var innerHTML = "\n            .p-carousel[".concat(this.attributeSelector, "] .p-carousel-item {\n                flex: 1 0 ").concat(100 / this.state.numVisible, "%\n            }\n        ");
@@ -10748,11 +10774,7 @@ var Carousel = /*#__PURE__*/function (_Component2) {
         this.responsiveOptions.sort(function (data1, data2) {
           var value1 = data1.breakpoint;
           var value2 = data2.breakpoint;
-          var result = null;
-          if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
-            numeric: true
-          });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return -1 * result;
+          return ObjectUtils.sort(value1, value2, -1, PrimeReact$1.locale);
         });
 
         for (var i = 0; i < this.responsiveOptions.length; i++) {
@@ -11694,7 +11716,7 @@ var CascadeSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -11722,7 +11744,7 @@ var CascadeSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "alignOverlay",
     value: function alignOverlay() {
-      DomHandler.alignOverlay(this.overlayRef.current, this.label.parentElement, this.props.appendTo || PrimeReact.appendTo);
+      DomHandler.alignOverlay(this.overlayRef.current, this.label.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
     }
   }, {
     key: "bindOutsideClickListener",
@@ -13221,7 +13243,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -13634,7 +13656,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
     key: "alignOverlay",
     value: function alignOverlay() {
       if (this.inputRef && this.inputRef.current) {
-        DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact.appendTo);
+        DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
       }
     }
   }, {
@@ -14327,7 +14349,7 @@ var Dialog = /*#__PURE__*/function (_Component) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.styleElement) {
-        this.styleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
+        this.styleElement = DomHandler.createInlineStyle(PrimeReact$1.nonce);
         var innerHTML = '';
 
         for (var breakpoint in this.props.breakpoints) {
@@ -14352,7 +14374,7 @@ var Dialog = /*#__PURE__*/function (_Component) {
         this.setState({
           maskVisible: true
         }, function () {
-          ZIndexUtils.set('modal', _this5.mask, PrimeReact.autoZIndex, _this5.props.baseZIndex || PrimeReact.zIndex['modal']);
+          ZIndexUtils.set('modal', _this5.mask, PrimeReact$1.autoZIndex, _this5.props.baseZIndex || PrimeReact$1.zIndex['modal']);
 
           _this5.setState({
             visible: true
@@ -14373,7 +14395,7 @@ var Dialog = /*#__PURE__*/function (_Component) {
         this.setState({
           maskVisible: true
         }, function () {
-          ZIndexUtils.set('modal', _this6.mask, PrimeReact.autoZIndex, _this6.props.baseZIndex || PrimeReact.zIndex['modal']);
+          ZIndexUtils.set('modal', _this6.mask, PrimeReact$1.autoZIndex, _this6.props.baseZIndex || PrimeReact$1.zIndex['modal']);
         });
       }
 
@@ -15072,7 +15094,7 @@ var ConfirmPopup = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.align();
     }
   }, {
@@ -15606,7 +15628,7 @@ var ContextMenu = /*#__PURE__*/function (_Component2) {
     key: "onEnter",
     value: function onEnter() {
       if (this.props.autoZIndex) {
-        ZIndexUtils.set('menu', this.menuRef.current, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['menu']);
+        ZIndexUtils.set('menu', this.menuRef.current, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex['menu']);
       }
 
       this.position(this.currentEvent);
@@ -17340,7 +17362,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter(callback) {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
       callback && callback();
     }
@@ -17373,14 +17395,14 @@ var Dropdown = /*#__PURE__*/function (_Component) {
   }, {
     key: "alignOverlay",
     value: function alignOverlay() {
-      DomHandler.alignOverlay(this.overlayRef.current, this.input.parentElement, this.props.appendTo || PrimeReact.appendTo);
+      DomHandler.alignOverlay(this.overlayRef.current, this.input.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
     }
   }, {
     key: "scrollInView",
     value: function scrollInView() {
       var highlightItem = DomHandler.findSingle(this.overlayRef.current, 'li.p-highlight');
 
-      if (highlightItem) {
+      if (highlightItem && highlightItem.scrollIntoView) {
         highlightItem.scrollIntoView({
           block: 'nearest',
           inline: 'start'
@@ -17800,7 +17822,7 @@ var Dropdown = /*#__PURE__*/function (_Component) {
       });
       var visibleOptions = this.getVisibleOptions();
       var selectedOption = this.getSelectedOption();
-      var appendTo = this.props.appendTo || PrimeReact.appendTo;
+      var appendTo = this.props.appendTo || PrimeReact$1.appendTo;
       var hiddenSelect = this.renderHiddenSelect(selectedOption);
       var keyboardHelper = this.renderKeyboardHelper();
       var labelElement = this.renderLabel(selectedOption);
@@ -18518,6 +18540,11 @@ var InputNumber = /*#__PURE__*/function (_Component) {
 
       var code = event.which || event.keyCode;
 
+      if (code !== 13) {
+        // to submit a form
+        event.preventDefault();
+      }
+
       var _char = String.fromCharCode(code);
 
       var isDecimalSign = this.isDecimalSign(_char);
@@ -18528,7 +18555,6 @@ var InputNumber = /*#__PURE__*/function (_Component) {
           isDecimalSign: isDecimalSign,
           isMinusSign: isMinusSign
         });
-        event.preventDefault();
       }
     }
   }, {
@@ -21704,12 +21730,6 @@ var TableBody = /*#__PURE__*/function (_Component) {
     key: "selectRange",
     value: function selectRange(event) {
       var rangeStart, rangeEnd;
-      var isLazyAndPaginator = this.props.lazy && this.props.paginator;
-
-      if (isLazyAndPaginator) {
-        this.anchorRowIndex += this.anchorRowFirst;
-        this.rangeRowIndex += this.props.first;
-      }
 
       if (this.rangeRowIndex > this.anchorRowIndex) {
         rangeStart = this.anchorRowIndex;
@@ -21721,7 +21741,7 @@ var TableBody = /*#__PURE__*/function (_Component) {
         rangeStart = rangeEnd = this.rangeRowIndex;
       }
 
-      if (isLazyAndPaginator) {
+      if (this.props.paginator) {
         rangeStart = Math.max(rangeStart - this.props.first, 0);
         rangeEnd -= this.props.first;
       }
@@ -22275,6 +22295,10 @@ var TableBody = /*#__PURE__*/function (_Component) {
       if (!this.props.isVirtualScrollerDisabled && this.getVirtualScrollerOption('vertical') && this.getVirtualScrollerOption('itemSize', prevProps.virtualScrollerOptions) !== this.getVirtualScrollerOption('itemSize')) {
         this.updateVirtualScrollerPosition();
       }
+
+      if (this.props.paginator && this.isMultipleSelection() && this.props.first !== prevProps.first) {
+        this.anchorRowIndex = null;
+      }
     }
   }, {
     key: "componentWillUnmount",
@@ -22859,7 +22883,7 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
   }, {
     key: "matchModes",
     value: function matchModes() {
-      return this.getColumnProp('filterMatchModeOptions') || PrimeReact.filterMatchModeOptions[this.findDataType()].map(function (key) {
+      return this.getColumnProp('filterMatchModeOptions') || PrimeReact$1.filterMatchModeOptions[this.findDataType()].map(function (key) {
         return {
           label: localeOption(key),
           value: key
@@ -22924,16 +22948,16 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
       var matchMode = this.getColumnProp('filterMatchMode');
 
       var hasMatchMode = function hasMatchMode(key) {
-        return PrimeReact.filterMatchModeOptions[key].some(function (mode) {
+        return PrimeReact$1.filterMatchModeOptions[key].some(function (mode) {
           return mode === matchMode;
         });
       };
 
       if (matchMode === 'custom' && !hasMatchMode(dataType)) {
-        PrimeReact.filterMatchModeOptions[dataType].push(FilterMatchMode.CUSTOM);
+        PrimeReact$1.filterMatchModeOptions[dataType].push(FilterMatchMode.CUSTOM);
         return dataType;
       } else if (matchMode) {
-        return Object.keys(PrimeReact.filterMatchModeOptions).find(function (key) {
+        return Object.keys(PrimeReact$1.filterMatchModeOptions).find(function (key) {
           return hasMatchMode(key);
         }) || dataType;
       }
@@ -23206,8 +23230,8 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
     value: function onOverlayEnter() {
       var _this2 = this;
 
-      ZIndexUtils.set('overlay', this.overlay, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
-      DomHandler.alignOverlay(this.overlay, this.icon, PrimeReact.appendTo, false);
+      ZIndexUtils.set('overlay', this.overlay, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
+      DomHandler.alignOverlay(this.overlay, this.icon, PrimeReact$1.appendTo, false);
       this.bindOutsideClickListener();
       this.bindScrollListener();
       this.bindResizeListener();
@@ -23381,7 +23405,7 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState) {
       if (this.props.display === 'menu' && this.state.overlayVisible) {
-        DomHandler.alignOverlay(this.overlay, this.icon, PrimeReact.appendTo, false);
+        DomHandler.alignOverlay(this.overlay, this.icon, PrimeReact$1.appendTo, false);
       }
     }
   }, {
@@ -23694,8 +23718,8 @@ var ColumnFilter = /*#__PURE__*/function (_Component) {
       var style = this.getColumnProp('filterMenuStyle');
       var className = classNames('p-column-filter-overlay p-component p-fluid', this.getColumnProp('filterMenuClassName'), {
         'p-column-filter-overlay-menu': this.props.display === 'menu',
-        'p-input-filled': PrimeReact.inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact.ripple === false
+        'p-input-filled': PrimeReact$1.inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact$1.ripple === false
       });
       var filterHeader = ObjectUtils.getJSXElement(this.getColumnProp('filterHeader'), {
         field: this.field,
@@ -25238,13 +25262,13 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "createStyleElement",
     value: function createStyleElement() {
-      this.styleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
+      this.styleElement = DomHandler.createInlineStyle(PrimeReact$1.nonce);
     }
   }, {
     key: "createResponsiveStyle",
     value: function createResponsiveStyle() {
       if (!this.responsiveStyleElement) {
-        this.responsiveStyleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
+        this.responsiveStyleElement = DomHandler.createInlineStyle(PrimeReact$1.nonce);
         var innerHTML = "\n@media screen and (max-width: ".concat(this.props.breakpoint, ") {\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-thead > tr > th,\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tfoot > tr > td {\n        display: none !important;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tbody > tr > td {\n        display: flex;\n        width: 100% !important;\n        align-items: center;\n        justify-content: space-between;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tbody > tr > td:not(:last-child) {\n        border: 0 none;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "].p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {\n        border-top: 0;\n        border-right: 0;\n        border-left: 0;\n    }\n\n    .p-datatable[").concat(this.state.attributeSelector, "] .p-datatable-tbody > tr > td > .p-column-title {\n        display: block;\n    }\n}\n");
         this.responsiveStyleElement.innerHTML = innerHTML;
       }
@@ -25349,11 +25373,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
   }, {
     key: "compareValuesOnSort",
     value: function compareValuesOnSort(value1, value2) {
-      var result = null;
-      if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
-        numeric: true
-      });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-      return result;
+      return ObjectUtils.sort(value1, value2, 1, PrimeReact$1.locale);
     }
   }, {
     key: "addSortMeta",
@@ -25613,7 +25633,7 @@ var DataTable = /*#__PURE__*/function (_Component) {
           var field = col.props.filterField || col.props.field;
           var filterFunction = col.props.filterFunction;
           var dataType = col.props.dataType;
-          var matchMode = col.props.filterMatchMode || (PrimeReact.filterMatchModeOptions[dataType] ? PrimeReact.filterMatchModeOptions[dataType][0] : FilterMatchMode.STARTS_WITH);
+          var matchMode = col.props.filterMatchMode || (PrimeReact$1.filterMatchModeOptions[dataType] ? PrimeReact$1.filterMatchModeOptions[dataType][0] : FilterMatchMode.STARTS_WITH);
           var constraint = {
             value: null,
             matchMode: matchMode
@@ -25690,6 +25710,14 @@ var DataTable = /*#__PURE__*/function (_Component) {
       this.resetColumnOrder();
       this.setState(state);
     }
+  }, {
+    key: "resetScroll",
+    value: function resetScroll() {
+      if (this.wrapper) {
+        var scrollableContainer = !this.isVirtualScrollerDisabled() ? DomHandler.findSingle(this.wrapper, '.p-virtualscroller') : this.wrapper;
+        scrollableContainer.scrollTo(0, 0);
+      }
+    }
   }, {
     key: "resetColumnOrder",
     value: function resetColumnOrder() {
@@ -25831,11 +25859,11 @@ var DataTable = /*#__PURE__*/function (_Component) {
         attributeSelector: UniqueComponentId()
       }, function () {
         _this16.el.setAttribute(_this16.state.attributeSelector, '');
-      });
 
-      if (this.props.responsiveLayout === 'stack' && !this.props.scrollable) {
-        this.createResponsiveStyle();
-      }
+        if (_this16.props.responsiveLayout === 'stack' && !_this16.props.scrollable) {
+          _this16.createResponsiveStyle();
+        }
+      });
 
       if (this.isStateful()) {
         this.setState(this.restoreState(this.state));
@@ -26120,6 +26148,9 @@ var DataTable = /*#__PURE__*/function (_Component) {
       var isVirtualScrollerDisabled = this.isVirtualScrollerDisabled();
       var virtualScrollerOptions = this.props.virtualScrollerOptions || {};
       return /*#__PURE__*/React__default["default"].createElement("div", {
+        ref: function ref(el) {
+          return _this17.wrapper = el;
+        },
         className: "p-datatable-wrapper",
         style: {
           maxHeight: isVirtualScrollerDisabled ? this.props.scrollHeight : null
@@ -26634,11 +26665,7 @@ var DataView = /*#__PURE__*/function (_Component3) {
         value.sort(function (data1, data2) {
           var value1 = ObjectUtils.resolveFieldData(data1, _this4.props.sortField);
           var value2 = ObjectUtils.resolveFieldData(data2, _this4.props.sortField);
-          var result = null;
-          if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
-            numeric: true
-          });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return _this4.props.sortOrder * result;
+          return ObjectUtils.sort(value1, value2, _this4.props.sortOrder, PrimeReact.locale);
         });
         return value;
       } else {
@@ -29128,7 +29155,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.thumbnailsStyle) {
-        this.thumbnailsStyle = DomHandler.createInlineStyle(PrimeReact.nonce);
+        this.thumbnailsStyle = DomHandler.createInlineStyle(PrimeReact$1.nonce);
       }
 
       var innerHTML = "\n            .p-galleria-thumbnail-items[".concat(this.attributeSelector, "] .p-galleria-thumbnail-item {\n                flex: 1 0 ").concat(100 / this.state.numVisible, "%\n            }\n        ");
@@ -29138,11 +29165,7 @@ var GalleriaThumbnails = /*#__PURE__*/function (_Component2) {
         this.responsiveOptions.sort(function (data1, data2) {
           var value1 = data1.breakpoint;
           var value2 = data2.breakpoint;
-          var result = null;
-          if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
-            numeric: true
-          });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return -1 * result;
+          return ObjectUtils.sort(value1, value2, -1, PrimeReact$1.locale);
         });
 
         for (var i = 0; i < this.responsiveOptions.length; i++) {
@@ -29442,7 +29465,7 @@ var Galleria = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEntering",
     value: function onEntering() {
-      ZIndexUtils.set('modal', this.mask, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['modal']);
+      ZIndexUtils.set('modal', this.mask, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex['modal']);
       DomHandler.addMultipleClasses(this.mask, 'p-component-overlay p-component-overlay-enter');
     }
   }, {
@@ -31440,7 +31463,7 @@ _defineProperty(Knob, "defaultProps", {
   strokeWidth: 14,
   name: null,
   valueColor: 'var(--primary-color, Black)',
-  rangeColor: 'var(--surface-d, LightGray)',
+  rangeColor: 'var(--surface-border, LightGray)',
   textColor: 'var(--text-color-secondary, Black)',
   valueTemplate: '{value}',
   onChange: null
@@ -32763,7 +32786,7 @@ var Menu = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      ZIndexUtils.set('menu', this.menuRef.current, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['menu']);
+      ZIndexUtils.set('menu', this.menuRef.current, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex['menu']);
       DomHandler.absolutePosition(this.menuRef.current, this.target);
     }
   }, {
@@ -33467,7 +33490,7 @@ var Menubar = /*#__PURE__*/function (_Component) {
         };
       }, function () {
         if (_this2.state.mobileActive) {
-          ZIndexUtils.set('menu', _this2.rootmenu, PrimeReact.autoZIndex, PrimeReact.zIndex['menu']);
+          ZIndexUtils.set('menu', _this2.rootmenu, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['menu']);
 
           _this2.bindDocumentClickListener();
         } else {
@@ -34456,7 +34479,7 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter(callback) {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
       this.scrollInView();
       callback && callback();
@@ -34489,14 +34512,14 @@ var MultiSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "alignOverlay",
     value: function alignOverlay() {
-      DomHandler.alignOverlay(this.overlayRef.current, this.label.parentElement, this.props.appendTo || PrimeReact.appendTo);
+      DomHandler.alignOverlay(this.overlayRef.current, this.label.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
     }
   }, {
     key: "scrollInView",
     value: function scrollInView() {
       var highlightItem = DomHandler.findSingle(this.overlayRef.current, 'li.p-highlight');
 
-      if (highlightItem) {
+      if (highlightItem && highlightItem.scrollIntoView) {
         highlightItem.scrollIntoView({
           block: 'nearest',
           inline: 'start'
@@ -36544,7 +36567,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.overlayRef.current.setAttribute(this.attributeSelector, '');
       this.align();
     }
@@ -36593,7 +36616,7 @@ var OverlayPanel = /*#__PURE__*/function (_Component) {
     key: "createStyle",
     value: function createStyle() {
       if (!this.styleElement) {
-        this.styleElement = DomHandler.createInlineStyle(PrimeReact.nonce);
+        this.styleElement = DomHandler.createInlineStyle(PrimeReact$1.nonce);
         var innerHTML = '';
 
         for (var breakpoint in this.props.breakpoints) {
@@ -37506,13 +37529,13 @@ var Password = /*#__PURE__*/function (_Component) {
     key: "alignOverlay",
     value: function alignOverlay() {
       if (this.inputRef && this.inputRef.current) {
-        DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact.appendTo);
+        DomHandler.alignOverlay(this.overlayRef.current, this.inputRef.current.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
       }
     }
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -39519,7 +39542,7 @@ var ScrollTop = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEnter",
     value: function onEnter() {
-      ZIndexUtils.set('overlay', this.scrollElementRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.scrollElementRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
     }
   }, {
     key: "onEntered",
@@ -40056,7 +40079,7 @@ var Sidebar = /*#__PURE__*/function (_Component) {
 
       this.documentEscapeListener = function (event) {
         if (event.which === 27) {
-          if (ZIndexUtils.get(_this3.mask) === ZIndexUtils.getCurrent('modal', PrimeReact.autoZIndex)) {
+          if (ZIndexUtils.get(_this3.mask) === ZIndexUtils.getCurrent('modal', PrimeReact$1.autoZIndex)) {
             _this3.onClose(event);
           }
         }
@@ -40082,7 +40105,7 @@ var Sidebar = /*#__PURE__*/function (_Component) {
           maskVisible: true,
           visible: true
         }, function () {
-          ZIndexUtils.set('modal', _this4.mask, PrimeReact.autoZIndex, _this4.props.baseZIndex || PrimeReact.zIndex['modal']);
+          ZIndexUtils.set('modal', _this4.mask, PrimeReact$1.autoZIndex, _this4.props.baseZIndex || PrimeReact$1.zIndex['modal']);
         });
       }
     }
@@ -40095,7 +40118,7 @@ var Sidebar = /*#__PURE__*/function (_Component) {
         this.setState({
           maskVisible: true
         }, function () {
-          ZIndexUtils.set('modal', _this5.mask, PrimeReact.autoZIndex, _this5.props.baseZIndex || PrimeReact.zIndex['modal']);
+          ZIndexUtils.set('modal', _this5.mask, PrimeReact$1.autoZIndex, _this5.props.baseZIndex || PrimeReact$1.zIndex['modal']);
         });
       }
 
@@ -40572,7 +40595,7 @@ var SlideMenu = /*#__PURE__*/function (_Component2) {
     key: "onEnter",
     value: function onEnter() {
       if (this.props.autoZIndex) {
-        ZIndexUtils.set('menu', this.menuRef.current, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['menu']);
+        ZIndexUtils.set('menu', this.menuRef.current, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex['menu']);
       }
 
       DomHandler.absolutePosition(this.menuRef.current, this.target);
@@ -41390,7 +41413,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -41417,7 +41440,7 @@ var SplitButton = /*#__PURE__*/function (_Component) {
   }, {
     key: "alignOverlay",
     value: function alignOverlay() {
-      DomHandler.alignOverlay(this.overlayRef.current, this.defaultButton.parentElement, this.props.appendTo || PrimeReact.appendTo);
+      DomHandler.alignOverlay(this.overlayRef.current, this.defaultButton.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
     }
   }, {
     key: "bindDocumentClickListener",
@@ -42240,7 +42263,7 @@ var TabMenu = /*#__PURE__*/function (_Component) {
       if (item.template) {
         var defaultContentOptions = {
           onClick: function onClick(event) {
-            return _this2.itemClick(event, item);
+            return _this2.itemClick(event, item, index);
           },
           className: 'p-menuitem-link',
           labelClassName: 'p-menuitem-text',
@@ -42486,7 +42509,7 @@ var TabView = /*#__PURE__*/function (_Component2) {
     value: function updateScrollBar(index) {
       var tabHeader = this["tab_".concat(index)];
 
-      if (tabHeader) {
+      if (tabHeader && tabHeader.scrollIntoView) {
         tabHeader.scrollIntoView({
           block: 'nearest'
         });
@@ -43286,7 +43309,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
     key: "onEnter",
     value: function onEnter() {
       if (this.props.autoZIndex) {
-        ZIndexUtils.set('menu', this.menuRef.current, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['menu']);
+        ZIndexUtils.set('menu', this.menuRef.current, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex['menu']);
       }
 
       DomHandler.absolutePosition(this.menuRef.current, this.target);
@@ -43729,7 +43752,7 @@ var Toast = /*#__PURE__*/function (_Component) {
             newMessages = this.state.messages ? [].concat(_toConsumableArray(this.state.messages), [value]) : [value];
           }
 
-          this.state.messages.length === 0 && ZIndexUtils.set('toast', this.container, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex['toast']);
+          this.state.messages.length === 0 && ZIndexUtils.set('toast', this.container, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex['toast']);
           this.setState({
             messages: newMessages
           });
@@ -44543,10 +44566,11 @@ var UITreeNode = /*#__PURE__*/function (_Component) {
         DomHandler.removeClass(event.target, 'p-treenode-droppoint-active');
 
         if (this.props.onDropPoint) {
+          var dropIndex = position === -1 ? this.props.index : this.props.index + 1;
           this.props.onDropPoint({
             originalEvent: event,
             path: this.props.path,
-            index: this.props.index,
+            index: dropIndex,
             position: position
           });
         }
@@ -45817,7 +45841,7 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
       this.scrollInView();
     }
@@ -45854,14 +45878,14 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
   }, {
     key: "alignOverlay",
     value: function alignOverlay() {
-      DomHandler.alignOverlay(this.overlayRef.current, this.trigger.parentElement, this.props.appendTo || PrimeReact.appendTo);
+      DomHandler.alignOverlay(this.overlayRef.current, this.trigger.parentElement, this.props.appendTo || PrimeReact$1.appendTo);
     }
   }, {
     key: "scrollInView",
     value: function scrollInView() {
       var highlightItem = DomHandler.findSingle(this.overlayRef.current, '.p-treenode-content.p-highlight');
 
-      if (highlightItem) {
+      if (highlightItem && highlightItem.scrollIntoView) {
         highlightItem.scrollIntoView({
           block: 'nearest',
           inline: 'start'
@@ -46255,7 +46279,7 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
         className: "p-treeselect-header"
       }, filterElement, closeElement);
 
-      if (this.props.header) {
+      if (this.props.panelHeaderTemplate) {
         var defaultOptions = {
           className: 'p-treeselect-header',
           filterElement: filterElement,
@@ -46266,7 +46290,7 @@ var TreeSelect = /*#__PURE__*/function (_Component) {
           element: content,
           props: this.props
         };
-        return ObjectUtils.getJSXElement(this.props.header, defaultOptions);
+        return ObjectUtils.getJSXElement(this.props.panelHeaderTemplate, defaultOptions);
       }
 
       return content;
@@ -48283,11 +48307,7 @@ var TreeTable = /*#__PURE__*/function (_Component) {
 
           var value1 = ObjectUtils.resolveFieldData(node1.data, sortField);
           var value2 = ObjectUtils.resolveFieldData(node2.data, sortField);
-          var result = null;
-          if (value1 == null && value2 != null) result = -1;else if (value1 != null && value2 == null) result = 1;else if (value1 == null && value2 == null) result = 0;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, {
-            numeric: true
-          });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-          return _this2.getSortOrder() * result;
+          return ObjectUtils.sort(value1, value2, _this2.getSortOrder(), PrimeReact$1.locale);
         });
 
         for (var i = 0; i < value.length; i++) {
@@ -48334,7 +48354,7 @@ var TreeTable = /*#__PURE__*/function (_Component) {
         if (value1 === value2) {
           return multiSortMeta.length - 1 > index ? this.multisortField(node1, node2, multiSortMeta, index + 1) : 0;
         } else {
-          if ((typeof value1 === 'string' || value1 instanceof String) && (typeof value2 === 'string' || value2 instanceof String)) return multiSortMeta[index].order * value1.localeCompare(value2, undefined, {
+          if ((typeof value1 === 'string' || value1 instanceof String) && (typeof value2 === 'string' || value2 instanceof String)) return multiSortMeta[index].order * value1.localeCompare(value2, PrimeReact$1.locale, {
             numeric: true
           });else result = value1 < value2 ? -1 : 1;
         }
@@ -50000,7 +50020,7 @@ var BlockUI = /*#__PURE__*/function (_Component) {
 
       if (this.props.autoZIndex) {
         var key = this.props.fullScreen ? 'modal' : 'overlay';
-        ZIndexUtils.set(key, this.mask, PrimeReact.autoZIndex, this.props.baseZIndex || PrimeReact.zIndex[key]);
+        ZIndexUtils.set(key, this.mask, PrimeReact$1.autoZIndex, this.props.baseZIndex || PrimeReact$1.zIndex[key]);
       }
 
       this.props.onBlocked && this.props.onBlocked();
@@ -50551,7 +50571,7 @@ var Mention = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -51268,7 +51288,7 @@ var Image = /*#__PURE__*/function (_Component) {
   }, {
     key: "onEntering",
     value: function onEntering() {
-      ZIndexUtils.set('modal', this.mask, PrimeReact.autoZIndex, PrimeReact.zIndex['modal']);
+      ZIndexUtils.set('modal', this.mask, PrimeReact$1.autoZIndex, PrimeReact$1.zIndex['modal']);
     }
   }, {
     key: "onEntered",
@@ -51566,7 +51586,7 @@ exports.addLocale = addLocale;
 exports.classNames = classNames;
 exports.confirmDialog = confirmDialog;
 exports.confirmPopup = confirmPopup;
-exports["default"] = PrimeReact;
+exports["default"] = PrimeReact$1;
 exports.locale = locale;
 exports.localeOption = localeOption;
 exports.localeOptions = localeOptions;