primereact 10.9.5 → 10.9.6

package/primereact.all.esm.js

@@ -127,6 +127,7 @@ var FilterMatchMode = Object.freeze({
   EQUALS: 'equals',
   NOT_EQUALS: 'notEquals',
   IN: 'in',
+  NOT_IN: 'notIn',
   LESS_THAN: 'lt',
   LESS_THAN_OR_EQUAL_TO: 'lte',
   GREATER_THAN: 'gt',
@@ -2131,11 +2132,13 @@ var ObjectUtils = /*#__PURE__*/function () {
      * @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.
@@ -2149,7 +2152,7 @@ var ObjectUtils = /*#__PURE__*/function () {
           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) {
@@ -3077,6 +3080,7 @@ var locales = {
     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,
@@ -3095,6 +3099,7 @@ var locales = {
     nextMonth: 'Next Month',
     nextSecond: 'Next Second',
     nextYear: 'Next Year',
+    noFileChosenMessage: 'No file chosen',
     noFilter: 'No Filter',
     notContains: 'Not contains',
     notEquals: 'Not equals',
@@ -3122,8 +3127,10 @@ var locales = {
     aria: {
       cancelEdit: 'Cancel Edit',
       close: 'Close',
+      collapseLabel: 'Collapse',
       collapseRow: 'Row Collapsed',
       editRow: 'Edit Row',
+      expandLabel: 'Expand',
       expandRow: 'Row Expanded',
       falseLabel: 'False',
       filterConstraint: 'Filter Constraint',
@@ -3148,18 +3155,20 @@ var locales = {
       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',
@@ -3168,6 +3177,7 @@ var locales = {
       stars: '{star} stars',
       trueLabel: 'True',
       unselectAll: 'All items unselected',
+      unselectLabel: 'Unselect',
       unselectRow: 'Row Unselected',
       zoomImage: 'Zoom Image',
       zoomIn: 'Zoom In',
@@ -12147,13 +12157,32 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       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());
     }
@@ -12542,7 +12571,7 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       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);
@@ -12796,6 +12825,9 @@ var Calendar = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       }),
       'aria-selected': selected,
       'aria-disabled': !date.selectable,
+      onMouseDown: function onMouseDown(e) {
+        return e.preventDefault();
+      },
       onClick: function onClick(e) {
         return onDateSelect(e, date);
       },
@@ -14314,6 +14346,22 @@ var Carousel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
 CarouselItem.displayName = 'CarouselItem';
 Carousel.displayName = 'Carousel';
 
+var TimesIcon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React.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.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,
@@ -14350,6 +14398,7 @@ var classes$14 = {
     });
   },
   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',
@@ -14360,7 +14409,7 @@ var classes$14 = {
   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',
@@ -14393,6 +14442,8 @@ var CascadeSelectBase = ComponentBase.extend({
     optionLabel: null,
     optionValue: null,
     options: null,
+    panelClassName: null,
+    panelStyle: null,
     placeholder: null,
     scrollHeight: '400px',
     style: null,
@@ -14705,6 +14756,7 @@ var CascadeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
   var styleElementRef = React.useRef(null);
   var dirty = React.useRef(false);
   var selectionPath = React.useRef(null);
+  var selfChange = React.useRef(null);
   var _useOverlayListener = useOverlayListener({
       target: elementRef,
       overlay: overlayRef,
@@ -14734,6 +14786,7 @@ var CascadeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
   });
   var onOptionSelect = function onOptionSelect(event) {
     if (props.onChange) {
+      selfChange.current = true;
       props.onChange({
         originalEvent: event,
         value: event.value
@@ -14960,6 +15013,48 @@ var CascadeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
     }, ariaProps), ptm('input'));
     return /*#__PURE__*/React.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React.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.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({
@@ -15013,7 +15108,8 @@ var CascadeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
   }, 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);
     }
@@ -15062,6 +15158,7 @@ var CascadeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
   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({
@@ -15077,7 +15174,7 @@ var CascadeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
         return _onClick(e);
       }
     }, otherProps, ptm('root'));
-    return /*#__PURE__*/React.createElement("div", rootProps, keyboardHelper, labelElement, dropdownIcon, overlay);
+    return /*#__PURE__*/React.createElement("div", rootProps, keyboardHelper, labelElement, clearIcon, dropdownIcon, overlay);
   };
   var otherProps = CascadeSelectBase.getOtherProps(props);
   ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
@@ -16926,22 +17023,6 @@ var FocusTrap = /*#__PURE__*/React__default.memo(/*#__PURE__*/React__default.for
 }));
 var FocusTrap$1 = FocusTrap;
 
-var TimesIcon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var pti = IconBase.getPTI(inProps);
-  return /*#__PURE__*/React.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.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.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var pti = IconBase.getPTI(inProps);
   return /*#__PURE__*/React.createElement("svg", _extends({
@@ -17095,6 +17176,7 @@ var DialogBase = ComponentBase.extend({
     resizable: true,
     rtl: false,
     showHeader: true,
+    showCloseIcon: true,
     style: null,
     transitionOptions: null,
     visible: false,
@@ -17226,7 +17308,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   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();
     }
   };
@@ -17532,7 +17614,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     };
   });
   var createCloseIcon = function createCloseIcon() {
-    if (props.closable) {
+    if (props.closable && props.showCloseIcon) {
       var labelAria = props.ariaCloseIconLabel || ariaLabel('close');
       var closeButtonIconProps = mergeProps({
         className: cx('closeButtonIcon'),
@@ -20350,7 +20432,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
   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 {
@@ -20785,6 +20867,10 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
         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) {
@@ -20899,6 +20985,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       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;
@@ -20918,7 +21005,7 @@ var InputNumber = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
         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');
@@ -21885,6 +21972,7 @@ var DropdownBase = ComponentBase.extend({
     name: null,
     onBlur: null,
     onChange: null,
+    onClick: null,
     onContextMenu: null,
     onFilter: null,
     onFocus: null,
@@ -22774,15 +22862,24 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     !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();
@@ -24561,7 +24658,7 @@ var Cell = function Cell(props) {
     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);
@@ -24683,7 +24780,7 @@ var Cell = function Cell(props) {
       field: props.field,
       index: props.rowIndex
     });
-    props.focusOnInit();
+    props.focusOnInit(initFocusTimeout, elementRef);
   };
   React.useEffect(function () {
     if (props.frozenCol) props.updateStickyPosition(elementRef, props.frozenCol, props.alignFrozenCol, styleObjectState, setStyleObjectState);
@@ -25024,11 +25121,18 @@ var RadioCheckCell = /*#__PURE__*/React.memo(function (props) {
   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.memo(function (props) {
   return /*#__PURE__*/React.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';
 
@@ -25505,7 +25609,7 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
       !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');
@@ -25564,6 +25668,9 @@ var BodyRow = /*#__PURE__*/React.memo(function (props) {
         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,
@@ -25931,9 +26038,6 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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);
@@ -26104,16 +26208,14 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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);
   };
@@ -26154,7 +26256,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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);
@@ -26353,13 +26455,17 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
       onRangeSelection(event, 'row');
     }
   };
+  var expandedRowsRef = React.useRef(props.expandedRows);
+  React.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) {
@@ -26378,8 +26484,8 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         }
       }
     } 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;
@@ -26629,7 +26735,7 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
     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.createElement(RowTogglerButton, {
         hostName: props.hostName,
@@ -26679,6 +26785,9 @@ var TableBody = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (
         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,
@@ -29929,58 +30038,60 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   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;
         }
       });
     });
@@ -30245,6 +30356,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var frozenBody = ObjectUtils.isNotEmpty(props.frozenValue) && /*#__PURE__*/React.createElement(TableBody, {
       hostName: "DataTable",
       ref: frozenBodyRef,
+      cellMemo: props.cellMemo,
+      cellMemoProps: props.cellMemoProps,
+      cellMemoPropsDepth: props.cellMemoPropsDepth,
       cellClassName: props.cellClassName,
       cellSelection: props.cellSelection,
       checkIcon: props.checkIcon,
@@ -30329,6 +30443,9 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     var body = /*#__PURE__*/React.createElement(TableBody, {
       hostName: "DataTable",
       ref: bodyRef,
+      cellMemo: props.cellMemo,
+      cellMemoProps: props.cellMemoProps,
+      cellMemoPropsDepth: props.cellMemoPropsDepth,
       cellClassName: props.cellClassName,
       cellSelection: props.cellSelection,
       checkIcon: props.checkIcon,
@@ -32749,7 +32866,7 @@ var FileUpload = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     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));
@@ -32771,7 +32888,8 @@ var FileUpload = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     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);
       }
@@ -32787,6 +32905,7 @@ var FileUpload = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       });
     }
     clearInput();
+    setFocusedState(false);
     if (props.mode === 'basic' && currentFiles.length > 0) {
       fileInputRef.current.style.display = 'none';
     }
@@ -34513,6 +34632,7 @@ var Galleria = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
         },
         options: props.transitionOptions,
         unmountOnExit: true,
+        appear: true,
         onEnter: onEnter,
         onEntering: onEntering,
         onEntered: onEntered,
@@ -39957,6 +40077,9 @@ var Menu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inPro
       className: classNames(item.className, cx('menuitem', {
         focused: focusedOptionIndex === key
       })),
+      onClick: function onClick(event) {
+        return onItemClick(event, item, key);
+      },
       style: sx('menuitem', {
         item: item
       }),
@@ -41564,6 +41687,7 @@ var MultiSelectHeader = /*#__PURE__*/React.memo(function (props) {
         role: "searchbox",
         value: props.filterValue,
         onChange: onFilter,
+        onKeyDown: props.onFilterKeyDown,
         className: "p-multiselect-filter",
         placeholder: props.filterPlaceholder,
         pt: ptm('filterInput'),
@@ -41719,9 +41843,7 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
     'data-p-highlight': props.selected,
     'data-p-disabled': props.disabled
   }, getPTOptions('item'));
-  return /*#__PURE__*/React.createElement("li", _extends({}, itemProps, {
-    key: props.index + '_multiselectitem'
-  }), /*#__PURE__*/React.createElement("div", checkboxContainerProps, /*#__PURE__*/React.createElement(Checkbox, {
+  return /*#__PURE__*/React.createElement("li", itemProps, /*#__PURE__*/React.createElement("div", checkboxContainerProps, /*#__PURE__*/React.createElement(Checkbox, {
     ref: checkboxRef,
     checked: props.selected,
     icon: checkboxIcon,
@@ -41789,6 +41911,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
       getOptionValue: props.getOptionValue,
       updateModel: props.updateModel,
       onFilter: onFilterInputChange,
+      onFilterKeyDown: props.onFilterKeyDown,
       filterPlaceholder: props.filterPlaceholder,
       onClose: props.onCloseClick,
       showSelectAll: props.showSelectAll,
@@ -42356,6 +42479,52 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     }
     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);
@@ -42768,20 +42937,19 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     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;
@@ -43054,6 +43222,7 @@ var MultiSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     getOptionValue: getOptionValue,
     updateModel: updateModel,
     onFilterInputChange: onFilterInputChange,
+    onFilterKeyDown: onFilterKeyDown,
     resetFilter: resetFilter,
     onCloseClick: onCloseClick,
     onSelectAll: onSelectAll,
@@ -43094,12 +43263,20 @@ var classes$v = {
   },
   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;
   }
 };
@@ -43124,7 +43301,9 @@ var MultiStateCheckboxBase = ComponentBase.extend({
     tooltip: null,
     tooltipOptions: null,
     value: null,
-    children: undefined
+    children: undefined,
+    invalid: false,
+    variant: null
   },
   css: {
     classes: classes$v,
@@ -43273,7 +43452,6 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(f
   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,
@@ -43282,7 +43460,8 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(f
     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
     }),
@@ -43290,8 +43469,6 @@ var MultiStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(f
     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,
@@ -57644,7 +57821,9 @@ var TreeSelectBase = ComponentBase.extend({
     onBlur: null,
     onFilterValueChange: null,
     onHide: null,
+    onNodeClick: null,
     onNodeCollapse: null,
+    onNodeDoubleClick: null,
     onNodeExpand: null,
     onNodeSelect: null,
     onNodeUnselect: null,
@@ -58336,6 +58515,8 @@ var TreeSelect = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       onCollapse: props.onNodeCollapse,
       onExpand: props.onNodeExpand,
       onFilterValueChange: onFilterValueChange,
+      onNodeClick: props.onNodeClick,
+      onNodeDoubleClick: props.onNodeDoubleClick,
       onSelect: onNodeSelect,
       onSelectionChange: onSelectionChange,
       onToggle: onNodeToggle,
@@ -61895,6 +62076,7 @@ var TriStateCheckbox = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(fun
   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,