primereact 10.9.5 → 10.9.6

package/primereact.all.js

@@ -148,6 +148,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     EQUALS: 'equals',
     NOT_EQUALS: 'notEquals',
     IN: 'in',
+    NOT_IN: 'notIn',
     LESS_THAN: 'lt',
     LESS_THAN_OR_EQUAL_TO: 'lte',
     GREATER_THAN: 'gt',
@@ -2152,11 +2153,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
        * @param {object} a - The first object to compare.
        * @param {object} b - The second object to compare.
        * @param {string[]} [keysToCompare] - The keys to compare. If not provided, performs a shallow comparison using absoluteCompare.
+       * @param {number} [maxDepth=1] - The maximum depth to compare if the variables are objects.
        * @returns {boolean} True if all specified properties are equal, false otherwise.
        */
     }, {
       key: "selectiveCompare",
       value: function selectiveCompare(a, b, keysToCompare) {
+        var maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
         if (a === b) return true;
         if (!a || !b || _typeof(a) !== 'object' || _typeof(b) !== 'object') return false;
         if (!keysToCompare) return this.absoluteCompare(a, b, 1); // If no keys are provided, the comparison is limited to one depth level.
@@ -2170,7 +2173,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             var isObject = _typeof(aValue) === 'object' && aValue !== null && _typeof(bValue) === 'object' && bValue !== null;
 
             // If the current key is an object, they are compared in one further level only.
-            if (isObject && !this.absoluteCompare(aValue, bValue, 1)) return false;
+            if (isObject && !this.absoluteCompare(aValue, bValue, maxDepth)) return false;
             if (!isObject && aValue !== bValue) return false;
           }
         } catch (err) {
@@ -3098,6 +3101,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       emptySelectionMessage: 'No selected item',
       endsWith: 'Ends with',
       equals: 'Equals',
+      fileChosenMessage: '{0} files',
       fileSizeTypes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
       filter: 'Filter',
       firstDayOfWeek: 0,
@@ -3116,6 +3120,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       nextMonth: 'Next Month',
       nextSecond: 'Next Second',
       nextYear: 'Next Year',
+      noFileChosenMessage: 'No file chosen',
       noFilter: 'No Filter',
       notContains: 'Not contains',
       notEquals: 'Not equals',
@@ -3143,8 +3148,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       aria: {
         cancelEdit: 'Cancel Edit',
         close: 'Close',
+        collapseLabel: 'Collapse',
         collapseRow: 'Row Collapsed',
         editRow: 'Edit Row',
+        expandLabel: 'Expand',
         expandRow: 'Row Expanded',
         falseLabel: 'False',
         filterConstraint: 'Filter Constraint',
@@ -3169,18 +3176,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         next: 'Next',
         nextPageLabel: 'Next Page',
         nullLabel: 'Not Selected',
-        pageLabel: 'Page {page}',
         otpLabel: 'Please enter one time password character {0}',
+        pageLabel: 'Page {page}',
         passwordHide: 'Hide Password',
         passwordShow: 'Show Password',
         previous: 'Previous',
         prevPageLabel: 'Previous Page',
+        removeLabel: 'Remove',
         rotateLeft: 'Rotate Left',
         rotateRight: 'Rotate Right',
         rowsPerPageLabel: 'Rows per page',
         saveEdit: 'Save Edit',
         scrollTop: 'Scroll Top',
         selectAll: 'All items selected',
+        selectLabel: 'Select',
         selectRow: 'Row Selected',
         showFilterMenu: 'Show Filter Menu',
         slide: 'Slide',
@@ -3189,6 +3198,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         stars: '{star} stars',
         trueLabel: 'True',
         unselectAll: 'All items unselected',
+        unselectLabel: 'Unselect',
         unselectRow: 'Row Unselected',
         zoomImage: 'Zoom Image',
         zoomIn: 'Zoom In',
@@ -12168,13 +12178,32 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         return props.parseDateTime(text);
       }
       var date;
-      var parts = text.split(' ');
       if (props.timeOnly) {
         date = new Date();
-        populateTime(date, parts[0], parts[1]);
+        var match = text.match(/(\d{1,2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)\s?(AM|PM)?/i);
+        if (match) {
+          populateTime(date, match[1], match[2]);
+        } else {
+          return null;
+        }
       } else if (props.showTime) {
-        date = parseDate(parts[0], getDateFormat());
-        populateTime(date, parts[1], parts[2]);
+        var time12 = /(\d{1,2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)\s?(AM|PM)/i;
+        var time24 = /(\d{1,2}:\d{2}(?::\d{2})?(?:\.\d{1,3})?)$/;
+        var _match, datePart, timePart, ampm;
+        if (props.hourFormat === '12' && (_match = text.match(time12))) {
+          timePart = _match[1];
+          ampm = _match[2];
+          datePart = text.replace(time12, '').trim();
+        } else if (props.hourFormat === '24' && (_match = text.match(time24))) {
+          timePart = _match[1];
+          datePart = text.replace(time24, '').trim();
+        }
+        if (datePart && timePart) {
+          date = parseDate(datePart, getDateFormat());
+          populateTime(date, timePart, ampm);
+        } else {
+          date = parseDate(text, getDateFormat());
+        }
       } else {
         date = parseDate(text, getDateFormat());
       }
@@ -12563,7 +12592,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         viewDate.setHours(0, 0, 0);
         isClearClicked.current = false;
       }
-      if (!prevPropValue && propValue || propValue && propValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
+      if (!prevPropValue && propValue || propValue && propValue instanceof Date && prevPropValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
         validateDate(viewDate);
       }
       setViewDateState(viewDate);
@@ -12817,6 +12846,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }),
         'aria-selected': selected,
         'aria-disabled': !date.selectable,
+        onMouseDown: function onMouseDown(e) {
+          return e.preventDefault();
+        },
         onClick: function onClick(e) {
           return onDateSelect(e, date);
         },
@@ -14335,6 +14367,22 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   CarouselItem.displayName = 'CarouselItem';
   Carousel.displayName = 'Carousel';
 
+  var TimesIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var pti = IconBase.getPTI(inProps);
+    return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+      ref: ref,
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, pti), /*#__PURE__*/React__namespace.createElement("path", {
+      d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
+      fill: "currentColor"
+    }));
+  }));
+  TimesIcon.displayName = 'TimesIcon';
+
   var classes$14 = {
     root: function root(_ref) {
       var props = _ref.props,
@@ -14371,6 +14419,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     },
     dropdownIcon: 'p-cascadeselect-trigger-icon',
+    clearIcon: 'p-cascadeselect-clear-icon p-clickable',
     loadingIcon: 'p-cascadeselect-trigger-icon',
     dropdownButton: 'p-cascadeselect-trigger',
     loadingButton: 'p-cascadeselect-trigger',
@@ -14381,7 +14430,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     text: 'p-cascadeselect-item-text',
     transition: 'p-connected-overlay'
   };
-  var styles$U = "\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    \n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n    \n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n    \n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n    \n    .p-cascadeselect-sublist-wrapper {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n    \n    .p-cascadeselect-item-active > .p-cascadeselect-sublist-wrapper {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n}\n";
+  var styles$U = "\n@layer primereact {\n    .p-cascadeselect {\n        display: inline-flex;\n        cursor: pointer;\n        position: relative;\n        user-select: none;\n    }\n    \n    .p-cascadeselect-trigger {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }\n    \n    .p-cascadeselect-label {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        flex: 1 1 auto;\n        width: 1%;\n        text-overflow: ellipsis;\n        cursor: pointer;\n    }\n    \n    .p-cascadeselect-label-empty {\n        overflow: hidden;\n        visibility: hidden;\n    }\n    \n    .p-cascadeselect .p-cascadeselect-panel {\n        min-width: 100%;\n    }\n    \n    .p-cascadeselect-item {\n        cursor: pointer;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    \n    .p-cascadeselect-item-content {\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-cascadeselect-group-icon {\n        margin-left: auto;\n    }\n    \n    .p-cascadeselect-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        min-width: 100%;\n    }\n    \n    .p-fluid .p-cascadeselect {\n        display: flex;\n    }\n    \n    .p-fluid .p-cascadeselect .p-cascadeselect-label {\n        width: 1%;\n    }\n    \n    .p-cascadeselect-sublist-wrapper {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-cascadeselect-item-active {\n        overflow: visible;\n    }\n    \n    .p-cascadeselect-item-active > .p-cascadeselect-sublist-wrapper {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n    .p-cascadeselect-clear-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n        right: 3rem;\n    }\n}\n";
   var CascadeSelectBase = ComponentBase.extend({
     defaultProps: {
       __TYPE: 'CascadeSelect',
@@ -14414,6 +14463,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       optionLabel: null,
       optionValue: null,
       options: null,
+      panelClassName: null,
+      panelStyle: null,
       placeholder: null,
       scrollHeight: '400px',
       style: null,
@@ -14726,6 +14777,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var styleElementRef = React__namespace.useRef(null);
     var dirty = React__namespace.useRef(false);
     var selectionPath = React__namespace.useRef(null);
+    var selfChange = React__namespace.useRef(null);
     var _useOverlayListener = useOverlayListener({
         target: elementRef,
         overlay: overlayRef,
@@ -14755,6 +14807,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
     var onOptionSelect = function onOptionSelect(event) {
       if (props.onChange) {
+        selfChange.current = true;
         props.onChange({
           originalEvent: event,
           value: event.value
@@ -14981,6 +15034,48 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, ariaProps), ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React__namespace.createElement("input", inputProps));
     };
+    var clear = function clear(event) {
+      if (props.onChange) {
+        selfChange.current = true;
+        props.onChange({
+          originalEvent: event,
+          value: undefined,
+          stopPropagation: function stopPropagation() {
+            event === null || event === void 0 || event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event === null || event === void 0 || event.preventDefault();
+          },
+          target: {
+            name: props.name,
+            id: props.id,
+            value: undefined
+          }
+        });
+      }
+    };
+    var onClearIconKeyDown = function onClearIconKeyDown(event) {
+      if (event.key === 'Enter' || event.code === 'Space') {
+        clear(event);
+        event.preventDefault();
+      }
+    };
+    var createClearIcon = function createClearIcon() {
+      if (props.value != null && props.showClear && !props.disabled) {
+        var clearIconProps = mergeProps({
+          className: cx('clearIcon'),
+          onPointerUp: clear,
+          tabIndex: props.tabIndex || '0',
+          onKeyDown: onClearIconKeyDown,
+          'aria-label': localeOption('clear')
+        }, ptm('clearIcon'));
+        var icon = props.clearIcon || /*#__PURE__*/React__namespace.createElement(TimesIcon, clearIconProps);
+        return IconUtils.getJSXIcon(icon, _objectSpread$1H({}, clearIconProps), {
+          props: props
+        });
+      }
+      return null;
+    };
     var createLabel = function createLabel() {
       var label = props.value ? getOptionLabel(props.value) : props.placeholder || 'p-emptylabel';
       var labelProps = mergeProps({
@@ -15034,7 +15129,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, ptm('wrapper'));
     var panelProps = mergeProps({
       ref: overlayRef,
-      className: cx('panel'),
+      className: classNames(props.panelClassName, cx('panel')),
+      style: props.panelStyle,
       onClick: function onClick(e) {
         return onPanelClick(e);
       }
@@ -15083,6 +15179,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var createElement = function createElement() {
       var keyboardHelper = createKeyboardHelper();
       var labelElement = createLabel();
+      var clearIcon = createClearIcon();
       var dropdownIcon = props.loading ? createLoadingIcon() : createDropdownIcon();
       var overlay = createOverlay();
       var rootProps = mergeProps({
@@ -15098,7 +15195,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           return _onClick(e);
         }
       }, otherProps, ptm('root'));
-      return /*#__PURE__*/React__namespace.createElement("div", rootProps, keyboardHelper, labelElement, dropdownIcon, overlay);
+      return /*#__PURE__*/React__namespace.createElement("div", rootProps, keyboardHelper, labelElement, clearIcon, dropdownIcon, overlay);
     };
     var otherProps = CascadeSelectBase.getOtherProps(props);
     ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
@@ -16947,22 +17044,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
   }));
   var FocusTrap$1 = FocusTrap;
 
-  var TimesIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var pti = IconBase.getPTI(inProps);
-    return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-      ref: ref,
-      width: "14",
-      height: "14",
-      viewBox: "0 0 14 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, pti), /*#__PURE__*/React__namespace.createElement("path", {
-      d: "M8.01186 7.00933L12.27 2.75116C12.341 2.68501 12.398 2.60524 12.4375 2.51661C12.4769 2.42798 12.4982 2.3323 12.4999 2.23529C12.5016 2.13827 12.4838 2.0419 12.4474 1.95194C12.4111 1.86197 12.357 1.78024 12.2884 1.71163C12.2198 1.64302 12.138 1.58893 12.0481 1.55259C11.9581 1.51625 11.8617 1.4984 11.7647 1.50011C11.6677 1.50182 11.572 1.52306 11.4834 1.56255C11.3948 1.60204 11.315 1.65898 11.2488 1.72997L6.99067 5.98814L2.7325 1.72997C2.59553 1.60234 2.41437 1.53286 2.22718 1.53616C2.03999 1.53946 1.8614 1.61529 1.72901 1.74767C1.59663 1.88006 1.5208 2.05865 1.5175 2.24584C1.5142 2.43303 1.58368 2.61419 1.71131 2.75116L5.96948 7.00933L1.71131 11.2675C1.576 11.403 1.5 11.5866 1.5 11.7781C1.5 11.9696 1.576 12.1532 1.71131 12.2887C1.84679 12.424 2.03043 12.5 2.2219 12.5C2.41338 12.5 2.59702 12.424 2.7325 12.2887L6.99067 8.03052L11.2488 12.2887C11.3843 12.424 11.568 12.5 11.7594 12.5C11.9509 12.5 12.1346 12.424 12.27 12.2887C12.4053 12.1532 12.4813 11.9696 12.4813 11.7781C12.4813 11.5866 12.4053 11.403 12.27 11.2675L8.01186 7.00933Z",
-      fill: "currentColor"
-    }));
-  }));
-  TimesIcon.displayName = 'TimesIcon';
-
   var WindowMaximizeIcon = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var pti = IconBase.getPTI(inProps);
     return /*#__PURE__*/React__namespace.createElement("svg", _extends({
@@ -17116,6 +17197,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       resizable: true,
       rtl: false,
       showHeader: true,
+      showCloseIcon: true,
       style: null,
       transitionOptions: null,
       visible: false,
@@ -17247,7 +17329,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var focus = function focus() {
       var activeElement = document.activeElement;
       var isActiveElementInDialog = activeElement && dialogRef.current && dialogRef.current.contains(activeElement);
-      if (!isActiveElementInDialog && props.closable && props.showHeader && closeRef.current) {
+      if (!isActiveElementInDialog && props.closable && props.showCloseIcon && props.showHeader && closeRef.current) {
         closeRef.current.focus();
       }
     };
@@ -17553,7 +17635,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       };
     });
     var createCloseIcon = function createCloseIcon() {
-      if (props.closable) {
+      if (props.closable && props.showCloseIcon) {
         var labelAria = props.ariaCloseIconLabel || ariaLabel('close');
         var closeButtonIconProps = mergeProps({
           className: cx('closeButtonIcon'),
@@ -20371,7 +20453,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var stacked = props.showButtons && props.buttonLayout === 'stacked';
     var horizontal = props.showButtons && props.buttonLayout === 'horizontal';
     var vertical = props.showButtons && props.buttonLayout === 'vertical';
-    var inputMode = props.inputMode || (props.mode === 'decimal' && !props.minFractionDigits ? 'numeric' : 'decimal');
+    var inputMode = props.inputMode || (props.mode === 'decimal' && !props.minFractionDigits && !props.maxFractionDigits ? 'numeric' : 'decimal');
     var getOptions = function getOptions() {
       var _props$minFractionDig, _props$maxFractionDig;
       return {
@@ -20806,6 +20888,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           event.preventDefault();
           var _char2 = event.key;
           if (_char2) {
+            // get decimal separator in current locale
+            if (_char2 === '.') {
+              _char2 = _decimalSeparator.current;
+            }
             var _isDecimalSign = isDecimalSign(_char2);
             var _isMinusSign = isMinusSign(_char2);
             if (Number(_char2) >= 0 && Number(_char2) <= 9 || _isMinusSign || _isDecimalSign) {
@@ -20920,6 +21006,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         suffixCharIndex = _getCharIndexes2.suffixCharIndex,
         currencyCharIndex = _getCharIndexes2.currencyCharIndex;
       var maxFractionDigits = numberFormat.current.resolvedOptions().maximumFractionDigits;
+      var hasBoundOrAffix = props.min || props.max || props.suffix || props.prefix; //only exception
       var newValueStr;
       if (sign.isMinusSign) {
         var isNewMinusSign = minusCharIndex === -1;
@@ -20939,7 +21026,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
           updateValue(event, newValueStr, text, 'insert');
         } else if (decimalCharIndex === -1 && (maxFractionDigits || props.maxFractionDigits)) {
-          var allowedDecimal = inputMode !== 'numeric' || inputMode === 'numeric' && (props.min || props.max);
+          var allowedDecimal = inputMode !== 'numeric' || inputMode === 'numeric' && hasBoundOrAffix;
           if (allowedDecimal) {
             newValueStr = insertText(inputValue, text, selectionStart, selectionEnd);
             updateValue(event, newValueStr, text, 'insert');
@@ -21906,6 +21993,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       name: null,
       onBlur: null,
       onChange: null,
+      onClick: null,
       onContextMenu: null,
       onFilter: null,
       onFocus: null,
@@ -22795,15 +22883,24 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       !pressedInInputText && onEnterKey(event);
     };
     var onEnterKey = function onEnterKey(event) {
+      event.preventDefault();
       if (!overlayVisibleState) {
         setFocusedOptionIndex(-1);
         onArrowDownKey(event);
       } else {
-        if (focusedOptionIndex !== -1) {
-          onOptionSelect(event, visibleOptions[focusedOptionIndex]);
+        if (focusedOptionIndex === -1) {
+          return;
+        }
+        var focusedOption = visibleOptions[focusedOptionIndex];
+        var optionValue = getOptionValue(focusedOption);
+        if (optionValue == null || optionValue == undefined) {
+          hide();
+          resetFilter();
+          updateEditableLabel(selectedOption);
+          return;
         }
+        onOptionSelect(event, focusedOption);
       }
-      event.preventDefault();
     };
     var onEscapeKey = function onEscapeKey(event) {
       overlayVisibleState && hide();
@@ -24582,7 +24679,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       editingRowDataStateRef.current = editingRowData;
     };
     var _onClick = function onClick(event) {
-      props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener);
+      props.onClick(event, getCellCallbackParams(event), isEditable(), editingState, setEditingState, selfClick, props.column, bindDocumentClickListener, overlayEventListener, isOutsideClicked);
     };
     var _onMouseDown = function onMouseDown(event) {
       var params = getCellCallbackParams(event);
@@ -24704,7 +24801,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         field: props.field,
         index: props.rowIndex
       });
-      props.focusOnInit();
+      props.focusOnInit(initFocusTimeout, elementRef);
     };
     React__namespace.useEffect(function () {
       if (props.frozenCol) props.updateStickyPosition(elementRef, props.frozenCol, props.alignFrozenCol, styleObjectState, setStyleObjectState);
@@ -25045,11 +25142,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
   });
   RadioCheckCell.displayName = 'RadioCheckCell';
+  var defaultKeysToCompare = ['rowData', 'field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'frozenCol', 'alignFrozenCol'];
   var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     return /*#__PURE__*/React__namespace.createElement(Cell, props);
   }, function (prevProps, nextProps) {
-    var keysToCompare = ['field', 'allowCellSelection', 'isCellSelected', 'editMode', 'index', 'tabIndex', 'editing', 'expanded', 'editingMeta', 'rowData', 'frozenCol', 'alignFrozenCol'];
-    return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare);
+    if (nextProps.cellMemo === false) return false;
+    var memoProps = nextProps.cellMemoProps;
+    var keysToCompare = Array.isArray(memoProps) && memoProps.every(function (prop) {
+      return typeof prop === 'string';
+    }) ? memoProps : defaultKeysToCompare;
+    var memoPropsDepth = nextProps.cellMemoPropsDepth;
+    var depth = typeof memoPropsDepth === 'number' && memoPropsDepth > 0 ? memoPropsDepth : 1;
+    return ObjectUtils.selectiveCompare(prevProps, nextProps, keysToCompare, depth);
   });
   BodyCell.displayName = 'BodyCell';
 
@@ -25526,7 +25630,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         !isSameStyle && setStyleObjectState(styleObject);
       }
     }, []);
-    var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener) {
+    var onCellClick = function onCellClick(event, params, isEditable, editingState, setEditingState, selfClick, column, bindDocumentClickListener, overlayEventListener, isOutsideClicked) {
       if (props.editMode !== 'row' && isEditable && !editingState && (props.selectOnEdit || !props.selectOnEdit && props.isRowSelected)) {
         selfClick.current = true;
         var onBeforeCellEditShow = getColumnProp(column, 'onBeforeCellEditShow');
@@ -25585,6 +25689,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           var cellProps = mergeProps({
             hostName: props.hostName,
             allowCellSelection: props.allowCellSelection,
+            cellMemo: props.cellMemo,
+            cellMemoProps: props.cellMemoProps,
+            cellMemoPropsDepth: props.cellMemoPropsDepth,
             cellClassName: props.cellClassName,
             checkIcon: props.checkIcon,
             collapsedRowIcon: props.collapsedRowIcon,
@@ -25952,9 +26059,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       options = options || props.virtualScrollerOptions;
       return options ? options[option] : null;
     };
-    var getProcessedDataIndex = function getProcessedDataIndex(rowIndex) {
-      return props.lazy ? rowIndex - props.first : rowIndex;
-    };
     var findIndex = function findIndex(collection, rowData) {
       return (collection || []).findIndex(function (data) {
         return equals(rowData, data);
@@ -26125,16 +26229,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var rangeStart;
       var rangeEnd;
       var isAllowCellSelection = allowCellSelection();
-      var rangeRowIndexInProcessedData = getProcessedDataIndex(rangeRowIndex.current);
-      var anchorRowIndexInProcessedData = getProcessedDataIndex(anchorRowIndex.current);
-      if (rangeRowIndexInProcessedData > anchorRowIndexInProcessedData) {
-        rangeStart = anchorRowIndexInProcessedData;
-        rangeEnd = rangeRowIndexInProcessedData;
-      } else if (rangeRowIndexInProcessedData < anchorRowIndexInProcessedData) {
-        rangeStart = rangeRowIndexInProcessedData;
-        rangeEnd = anchorRowIndexInProcessedData;
+      if (rangeRowIndex.current > anchorRowIndex.current) {
+        rangeStart = anchorRowIndex.current;
+        rangeEnd = rangeRowIndex.current;
+      } else if (rangeRowIndex.current < anchorRowIndex.current) {
+        rangeStart = rangeRowIndex.current;
+        rangeEnd = anchorRowIndex.current;
       } else {
-        rangeStart = rangeEnd = rangeRowIndexInProcessedData;
+        rangeStart = rangeEnd = rangeRowIndex.current;
       }
       return isAllowCellSelection ? selectRangeOnCell(event, rangeStart, rangeEnd) : selectRangeOnRow(event, rangeStart, rangeEnd);
     };
@@ -26175,7 +26277,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       for (var i = rowRangeStart; i <= rowRangeEnd; i++) {
         var rowData = value[i];
         var columns = props.columns;
-        var rowIndex = props.lazy ? i + props.first : i;
+        var rowIndex = props.paginator ? i + props.first : i;
         for (var j = cellRangeStart; j <= cellRangeEnd; j++) {
           var field = getColumnProp(columns[j], 'field');
           var _value = ObjectUtils.resolveFieldData(rowData, field);
@@ -26374,13 +26476,17 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onRangeSelection(event, 'row');
       }
     };
+    var expandedRowsRef = React__namespace.useRef(props.expandedRows);
+    React__namespace.useEffect(function () {
+      expandedRowsRef.current = props.expandedRows;
+    }, [props.expandedRows]);
     var onRowToggle = function onRowToggle(event) {
       var expandedRows;
       var dataKey = props.dataKey;
       var hasDataKey = props.groupRowsBy ? dataKey === props.groupRowsBy : !!dataKey;
       if (hasDataKey) {
         var dataKeyValue = String(ObjectUtils.resolveFieldData(event.data, dataKey));
-        expandedRows = props.expandedRows ? _objectSpread$1f({}, props.expandedRows) : {};
+        expandedRows = expandedRowsRef.current ? _objectSpread$1f({}, expandedRowsRef.current) : {};
         if (expandedRows[dataKeyValue] != null) {
           delete expandedRows[dataKeyValue];
           if (props.onRowCollapse) {
@@ -26399,8 +26505,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         }
       } else {
-        var expandedRowIndex = findIndex(props.expandedRows, event.data);
-        expandedRows = props.expandedRows ? _toConsumableArray(props.expandedRows) : [];
+        var expandedRowIndex = findIndex(expandedRowsRef.current, event.data);
+        expandedRows = expandedRowsRef.current ? _toConsumableArray(expandedRowsRef.current) : [];
         if (expandedRowIndex !== -1) {
           expandedRows = expandedRows.filter(function (_, i) {
             return i !== expandedRowIndex;
@@ -26650,7 +26756,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return null;
     };
     var createGroupHeader = function createGroupHeader(rowData, rowIndex, expanded, colSpan) {
-      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, getProcessedDataIndex(rowIndex))) {
+      if (isSubheaderGrouping && shouldRenderRowGroupHeader(props.value, rowData, rowIndex - props.first)) {
         var style = rowGroupHeaderStyle();
         var toggler = props.expandableRowGroups && /*#__PURE__*/React__namespace.createElement(RowTogglerButton, {
           hostName: props.hostName,
@@ -26700,6 +26806,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           hostName: props.hostName,
           allowCellSelection: _allowCellSelection,
           allowRowSelection: _allowRowSelection,
+          cellMemo: props.cellMemo,
+          cellMemoProps: props.cellMemoProps,
+          cellMemoPropsDepth: props.cellMemoPropsDepth,
           cellClassName: props.cellClassName,
           checkIcon: props.checkIcon,
           collapsedRowIcon: props.collapsedRowIcon,
@@ -29950,58 +30059,60 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var exportCSV = function exportCSV(options) {
       var data;
       var csv = "\uFEFF";
-      var columns = getColumns();
       if (options && options.selectionOnly) {
         data = props.selection || [];
       } else {
         data = [].concat(_toConsumableArray(props.frozenValue || []), _toConsumableArray(processedData() || []));
       }
 
-      //headers
-      columns.forEach(function (column, i) {
-        var _ref5 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportHeader'), getColumnProp(column, 'exportable')],
+      // First build collection of exportable columns
+      var exportableColumns = getColumns().filter(function (column) {
+        var exportable = getColumnProp(column, 'exportable');
+        var field = getColumnProp(column, 'field');
+
+        // Column must be exportable (or undefined/not set) and have a field defined
+        return exportable !== false && field;
+      });
+
+      // headers
+      exportableColumns.forEach(function (column, i) {
+        var _ref5 = [getColumnProp(column, 'field'), getColumnProp(column, 'header'), getColumnProp(column, 'exportHeader')],
           field = _ref5[0],
           header = _ref5[1],
-          exportHeader = _ref5[2],
-          exportable = _ref5[3];
-        if (exportable && field) {
-          var columnHeader = String(exportHeader || header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
-          csv = csv + ('"' + columnHeader + '"');
-          if (i < columns.length - 1) {
-            csv = csv + props.csvSeparator;
-          }
+          exportHeader = _ref5[2];
+        var columnHeader = String(exportHeader || header || field).replace(/"/g, '""').replace(/\n/g, "\u2028");
+        csv = csv + ('"' + columnHeader + '"');
+        if (i < exportableColumns.length - 1) {
+          csv = csv + props.csvSeparator;
         }
       });
 
-      //body
+      // body
       data.forEach(function (record) {
         csv = csv + '\n';
-        columns.forEach(function (column, i) {
-          var _ref6 = [getColumnProp(column, 'field'), getColumnProp(column, 'exportField'), getColumnProp(column, 'exportable')],
+        exportableColumns.forEach(function (column, i) {
+          var _ref6 = [getColumnProp(column, 'field'), getColumnProp(column, 'exportField')],
             colField = _ref6[0],
-            exportField = _ref6[1],
-            exportable = _ref6[2];
+            exportField = _ref6[1];
           var field = exportField || colField;
-          if (exportable && field) {
-            var cellData = ObjectUtils.resolveFieldData(record, field);
-            if (cellData != null) {
-              if (props.exportFunction) {
-                cellData = props.exportFunction({
-                  data: cellData,
-                  field: field,
-                  rowData: record,
-                  column: column
-                });
-              } else {
-                cellData = String(cellData).replace(/"/g, '""').replace(/\n/g, "\u2028");
-              }
+          var cellData = ObjectUtils.resolveFieldData(record, field);
+          if (cellData != null) {
+            if (props.exportFunction) {
+              cellData = props.exportFunction({
+                data: cellData,
+                field: field,
+                rowData: record,
+                column: column
+              });
             } else {
-              cellData = '';
-            }
-            csv = csv + ('"' + cellData + '"');
-            if (i < columns.length - 1) {
-              csv = csv + props.csvSeparator;
+              cellData = String(cellData).replace(/"/g, '""').replace(/\n/g, "\u2028");
             }
+          } else {
+            cellData = '';
+          }
+          csv = csv + ('"' + cellData + '"');
+          if (i < exportableColumns.length - 1) {
+            csv = csv + props.csvSeparator;
           }
         });
       });
@@ -30266,6 +30377,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var frozenBody = ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React__namespace.createElement(TableBody, {
         hostName: "DataTable",
         ref: frozenBodyRef,
+        cellMemo: props.cellMemo,
+        cellMemoProps: props.cellMemoProps,
+        cellMemoPropsDepth: props.cellMemoPropsDepth,
         cellClassName: props.cellClassName,
         cellSelection: props.cellSelection,
         checkIcon: props.checkIcon,
@@ -30350,6 +30464,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var body = /*#__PURE__*/React__namespace.createElement(TableBody, {
         hostName: "DataTable",
         ref: bodyRef,
+        cellMemo: props.cellMemo,
+        cellMemoProps: props.cellMemoProps,
+        cellMemoPropsDepth: props.cellMemoPropsDepth,
         cellClassName: props.cellClassName,
         cellSelection: props.cellSelection,
         checkIcon: props.checkIcon,
@@ -32770,7 +32887,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var k = 1024;
       var dm = 3;
       var sizes = localeOption('fileSizeTypes');
-      if (bytes === 0) {
+      if (bytes <= 0) {
         return "0 ".concat(sizes[0]);
       }
       var i = Math.floor(Math.log(bytes) / Math.log(k));
@@ -32792,7 +32909,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
       for (var i = 0; i < selectedFiles.length; i++) {
         var file = selectedFiles[i];
-        if (!isFileSelected(file) && validate(file)) {
+        var shouldAddFile = props.multiple ? !isFileSelected(file) && validate(file) : validate(file);
+        if (shouldAddFile) {
           file.objectURL = window.URL.createObjectURL(file);
           currentFiles.push(file);
         }
@@ -32808,6 +32926,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         });
       }
       clearInput();
+      setFocusedState(false);
       if (props.mode === 'basic' && currentFiles.length > 0) {
         fileInputRef.current.style.display = 'none';
       }
@@ -34534,6 +34653,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           },
           options: props.transitionOptions,
           unmountOnExit: true,
+          appear: true,
           onEnter: onEnter,
           onEntering: onEntering,
           onEntered: onEntered,
@@ -39978,6 +40098,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         className: classNames(item.className, cx('menuitem', {
           focused: focusedOptionIndex === key
         })),
+        onClick: function onClick(event) {
+          return onItemClick(event, item, key);
+        },
         style: sx('menuitem', {
           item: item
         }),
@@ -41585,6 +41708,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           role: "searchbox",
           value: props.filterValue,
           onChange: onFilter,
+          onKeyDown: props.onFilterKeyDown,
           className: "p-multiselect-filter",
           placeholder: props.filterPlaceholder,
           pt: ptm('filterInput'),
@@ -41740,9 +41864,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'data-p-highlight': props.selected,
       'data-p-disabled': props.disabled
     }, getPTOptions('item'));
-    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, itemProps, {
-      key: props.index + '_multiselectitem'
-    }), /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement(Checkbox, {
+    return /*#__PURE__*/React__namespace.createElement("li", itemProps, /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement(Checkbox, {
       ref: checkboxRef,
       checked: props.selected,
       icon: checkboxIcon,
@@ -41810,6 +41932,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         getOptionValue: props.getOptionValue,
         updateModel: props.updateModel,
         onFilter: onFilterInputChange,
+        onFilterKeyDown: props.onFilterKeyDown,
         filterPlaceholder: props.filterPlaceholder,
         onClose: props.onCloseClick,
         showSelectAll: props.showSelectAll,
@@ -42377,6 +42500,52 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
       setClicked(false);
     };
+    var onFilterKeyDown = function onFilterKeyDown(event) {
+      switch (event.code) {
+        case 'ArrowUp':
+          if (props.inline) {
+            break;
+          }
+          onArrowUpKey(event);
+          break;
+        case 'ArrowDown':
+          if (props.inline) {
+            break;
+          }
+          onArrowDownKey(event);
+          break;
+        case 'NumpadEnter':
+        case 'Enter':
+          if (props.inline) {
+            break;
+          }
+          onEnterKey(event);
+          break;
+        case 'Home':
+          if (props.inline) {
+            break;
+          }
+          onHomeKey(event);
+          event.preventDefault();
+          break;
+        case 'End':
+          if (props.inline) {
+            break;
+          }
+          onEndKey(event);
+          event.preventDefault();
+          break;
+        case 'Escape':
+          if (props.inline) {
+            break;
+          }
+          hide();
+          break;
+        case 'Tab':
+          onTabKey(event);
+          break;
+      }
+    };
     var onSelectAll = function onSelectAll(event) {
       if (props.onSelectAll) {
         props.onSelectAll(event);
@@ -42789,20 +42958,19 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return selectedItemsLabel;
     };
     var getLabel = function getLabel() {
-      var label;
-      if (!empty && !props.fixedPlaceholder) {
-        var _props$value;
-        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) > props.maxSelectedLabels) {
-          return getSelectedItemsLabel();
-        }
-        if (ObjectUtils.isArray(props.value)) {
-          return props.value.reduce(function (acc, value, index) {
-            return acc + (index !== 0 ? ', ' : '') + getLabelByValue(value);
-          }, '');
-        }
+      var _props$value;
+      if (empty || props.fixedPlaceholder) {
         return '';
       }
-      return label;
+      if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && ((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) > props.maxSelectedLabels) {
+        return getSelectedItemsLabel();
+      }
+      if (ObjectUtils.isArray(props.value)) {
+        return props.value.reduce(function (acc, value, index) {
+          return acc + (index !== 0 ? ', ' : '') + getLabelByValue(value);
+        }, '');
+      }
+      return '';
     };
     var getLabelContent = function getLabelContent() {
       var valueLength = props.value ? props.value.length : 0;
@@ -43075,6 +43243,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       getOptionValue: getOptionValue,
       updateModel: updateModel,
       onFilterInputChange: onFilterInputChange,
+      onFilterKeyDown: onFilterKeyDown,
       resetFilter: resetFilter,
       onCloseClick: onCloseClick,
       onSelectAll: onSelectAll,
@@ -43115,12 +43284,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
     root: function root(_ref2) {
       var props = _ref2.props;
-      return classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
+      return classNames('p-multistatecheckbox p-checkbox p-component', props.classNames, {
+        'p-variant-filled': props.variant === 'filled'
+      });
+    },
+    checkbox: function checkbox(_ref3) {
+      var props = _ref3.props;
+      return classNames(props.className, {
+        'p-invalid': props.invalid
+      });
     }
   };
   var inlineStyles$9 = {
-    checkbox: function checkbox(_ref3) {
-      var selectedOption = _ref3.selectedOption;
+    checkbox: function checkbox(_ref4) {
+      var selectedOption = _ref4.selectedOption;
       return selectedOption && selectedOption.style;
     }
   };
@@ -43145,7 +43322,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       tooltip: null,
       tooltipOptions: null,
       value: null,
-      children: undefined
+      children: undefined,
+      invalid: false,
+      variant: null
     },
     css: {
       classes: classes$v,
@@ -43294,7 +43473,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
     var icon = createIcon();
     var ariaValueLabel = selectedOption ? getOptionAriaLabel(selectedOption) : ariaLabel('nullLabel');
-    var ariaChecked = selectedOption ? 'true' : 'false';
     var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
@@ -43303,7 +43481,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onClick: onClick
     }, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
     var checkboxProps = mergeProps(_objectSpread$I({
-      className: classNames(props.className),
+      id: props.id + '_checkbox',
+      className: cx('checkbox'),
       style: sx('checkbox', {
         selectedOption: selectedOption
       }),
@@ -43311,8 +43490,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onFocus: onFocus,
       onBlur: onBlur,
       onKeyDown: onKeyDown,
-      role: 'checkbox',
-      'aria-checked': ariaChecked,
       onChange: onClick,
       checked: !!selectedOption,
       disabled: props === null || props === void 0 ? void 0 : props.disabled,
@@ -57665,7 +57842,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       onBlur: null,
       onFilterValueChange: null,
       onHide: null,
+      onNodeClick: null,
       onNodeCollapse: null,
+      onNodeDoubleClick: null,
       onNodeExpand: null,
       onNodeSelect: null,
       onNodeUnselect: null,
@@ -58357,6 +58536,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onCollapse: props.onNodeCollapse,
         onExpand: props.onNodeExpand,
         onFilterValueChange: onFilterValueChange,
+        onNodeClick: props.onNodeClick,
+        onNodeDoubleClick: props.onNodeDoubleClick,
         onSelect: onNodeSelect,
         onSelectionChange: onSelectionChange,
         onToggle: onNodeToggle,
@@ -61916,6 +62097,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var ariaValueLabel = checkBoxValue ? ariaLabel('trueLabel') : checkBoxValue === false ? ariaLabel('falseLabel') : ariaLabel('nullLabel');
     var ariaChecked = checkBoxValue ? 'true' : 'false';
     var boxProps = mergeProps(_objectSpread({
+      id: props.id + '_box',
       className: cx('box'),
       tabIndex: props.disabled ? '-1' : props.tabIndex,
       onFocus: onFocus,