primereact 9.6.1 → 9.6.2

package/primereact.all.js

@@ -6078,7 +6078,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           return _onMouseEnter();
         },
         onMouseLeave: function onMouseLeave(e) {
-          return _onMouseLeave;
+          return _onMouseLeave(e);
         }
       }, TooltipBase.getOtherProps(props), ptm('root'));
       var arrowProps = mergeProps({
@@ -8806,7 +8806,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var onInputBlur = function onInputBlur(event) {
-      setFocusedState(false);
       !props.keepInvalid && updateInputfield(props.value);
       props.onBlur && props.onBlur(event);
     };
@@ -9897,6 +9896,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var show = function show(type) {
+      setFocusedState(false);
       if (props.onVisibleChange) {
         props.onVisibleChange({
           visible: true,
@@ -10789,7 +10789,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         }, 200);
       }
     });
-    useUpdateEffect(function () {
+    React__namespace.useEffect(function () {
       var unbindMaskEvents = null;
       if (props.mask) {
         unbindMaskEvents = mask(inputRef.current, {
@@ -10807,7 +10807,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return function () {
         props.mask && unbindMaskEvents && unbindMaskEvents();
       };
-    }, [props.mask]);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.disabled, props.mask, props.readOnlyInput]);
     useUpdateEffect(function () {
       setCurrentView(props.view);
     }, [props.view]);
@@ -11603,12 +11604,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var monthPicker = createMonthPicker();
     var yearPicker = createYearPicker();
     var rootProps = mergeProps({
-      ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
     }, CalendarBase.getOtherProps(props), ptm('root'));
-    return /*#__PURE__*/React__namespace.createElement("span", rootProps, content, /*#__PURE__*/React__namespace.createElement(CalendarPanel, {
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({
+      ref: elementRef
+    }, rootProps), content, /*#__PURE__*/React__namespace.createElement(CalendarPanel, {
       ref: overlayRef,
       className: panelClassName,
       style: props.panelStyle,
@@ -11917,7 +11919,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
     var changePageOnTouch = function changePageOnTouch(e, diff) {
-      if (Math.abs(diff) > swipeThreshold) {
+      if (Math.abs(diff) > swipeThreshold.current) {
         if (diff < 0) {
           // left
           navForward(e);
@@ -11991,7 +11993,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         attributeSelector.current = UniqueComponentId();
         elementRef.current.setAttribute(attributeSelector.current, '');
       }
-      createStyle();
       calculatePosition();
       changePosition(totalShiftedItemsState);
       bindWindowResizeListener();
@@ -11999,6 +12000,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     useUpdateEffect(function () {
       var stateChanged = false;
       var totalShiftedItems = totalShiftedItemsState;
+      createStyle();
       if (props.autoplayInterval) {
         stopAutoplay();
       }
@@ -12050,12 +12052,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       if (!stateChanged && isAutoplay) {
         startAutoplay();
       }
-    });
-    useUnmountEffect(function () {
-      if (props.autoplayInterval) {
-        stopAutoplay();
-      }
-      destroyStyle();
+      return function () {
+        if (props.autoplayInterval) {
+          stopAutoplay();
+        }
+        destroyStyle();
+      };
     });
     var createItems = function createItems() {
       if (props.value && props.value.length) {
@@ -17852,6 +17854,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var style = {
         height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
       };
+      style = _objectSpread$13(_objectSpread$13({}, style), option.style);
       if (props.optionGroupLabel) {
         var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
         var groupChildrenContent = createGroupChildren(option, style);
@@ -24373,7 +24376,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return data;
     };
     useMountEffect(function () {
-      attributeSelector.current = UniqueComponentId();
+      if (elementRef.current) {
+        attributeSelector.current = UniqueComponentId();
+        elementRef.current.setAttribute(attributeSelector.current, '');
+      }
 
       //setFiltersState(cloneFilters(props.filters)); // Github #4248
       setD_filtersState(cloneFilters(props.filters));
@@ -24385,7 +24391,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     });
     useUpdateEffect(function () {
-      elementRef.current.setAttribute(attributeSelector.current, '');
       if (props.responsiveLayout === 'stack' && !props.scrollable) {
         createResponsiveStyle();
       }
@@ -37855,9 +37860,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var onDragEnd = function onDragEnd(event) {
       if (dragging.current) {
         dragging.current = false;
+        var newValue = setValue(event);
         props.onSlideEnd && props.onSlideEnd({
           originalEvent: event,
-          value: props.value
+          value: newValue
         });
         unbindDocumentMouseMoveListener();
         unbindDocumentMouseUpListener();