primereact 8.2.0 → 8.5.0

package/calendar/calendar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks, inputtext, overlayservice, utils, ripple, csstransition, portal) {
+this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks, inputtext, overlayservice, ripple, utils, csstransition, portal) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -478,9 +478,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       if (currentView === 'date') {
         if (newViewDate.getMonth() === 0) {
           newViewDate.setMonth(11);
-          newViewDate.setFullYear(newViewDate.getFullYear() - 1);
+          newViewDate.setFullYear(decrementYear());
           setCurrentMonth(11);
-          decrementYear();
         } else {
           newViewDate.setMonth(newViewDate.getMonth() - 1);
           setCurrentMonth(function (prevState) {
@@ -488,9 +487,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           });
         }
       } else if (currentView === 'month') {
-        var _currentYear2 = newViewDate.getFullYear();
-
-        var newYear = _currentYear2 - 1;
+        var newYear = newViewDate.getFullYear() - 1;
 
         if (props.yearNavigator) {
           var minYear = parseInt(props.yearRange.split(':')[0], 10);
@@ -504,9 +501,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       }
 
       if (currentView === 'month') {
-        decrementYear();
+        newViewDate.setFullYear(decrementYear());
       } else if (currentView === 'year') {
-        decrementDecade();
+        newViewDate.setFullYear(decrementDecade());
       }
 
       updateViewDate(event, newViewDate);
@@ -525,9 +522,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       if (currentView === 'date') {
         if (newViewDate.getMonth() === 11) {
           newViewDate.setMonth(0);
-          newViewDate.setFullYear(newViewDate.getFullYear() + 1);
+          newViewDate.setFullYear(incrementYear());
           setCurrentMonth(0);
-          incrementYear();
         } else {
           newViewDate.setMonth(newViewDate.getMonth() + 1);
           setCurrentMonth(function (prevState) {
@@ -535,9 +531,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           });
         }
       } else if (currentView === 'month') {
-        var _currentYear3 = newViewDate.getFullYear();
-
-        var newYear = _currentYear3 + 1;
+        var newYear = newViewDate.getFullYear() + 1;
 
         if (props.yearNavigator) {
           var maxYear = parseInt(props.yearRange.split(':')[1], 10);
@@ -551,9 +545,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       }
 
       if (currentView === 'month') {
-        incrementYear();
+        newViewDate.setFullYear(incrementYear());
       } else if (currentView === 'year') {
-        incrementDecade();
+        newViewDate.setFullYear(incrementDecade());
       }
 
       updateViewDate(event, newViewDate);
@@ -579,6 +573,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         var difference = yearOptions[yearOptions.length - 1] - yearOptions[0];
         populateYearOptions(yearOptions[0] - difference, yearOptions[yearOptions.length - 1] - difference);
       }
+
+      return _currentYear;
     };
 
     var incrementYear = function incrementYear() {
@@ -590,6 +586,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         var difference = yearOptions[yearOptions.length - 1] - yearOptions[0];
         populateYearOptions(yearOptions[0] + difference, yearOptions[yearOptions.length - 1] + difference);
       }
+
+      return _currentYear;
     };
 
     var onMonthDropdownChange = function onMonthDropdownChange(event, value) {
@@ -1147,7 +1145,14 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
 
       if (props.minDate) {
         var firstDayOfMonth = new Date(newViewDate.getTime());
-        firstDayOfMonth.setDate(1);
+
+        if (firstDayOfMonth.getMonth() === 0) {
+          firstDayOfMonth.setMonth(11, 1);
+          firstDayOfMonth.setFullYear(firstDayOfMonth.getFullYear() - 1);
+        } else {
+          firstDayOfMonth.setMonth(firstDayOfMonth.getMonth() - 1, 1);
+        }
+
         firstDayOfMonth.setHours(0);
         firstDayOfMonth.setMinutes(0);
         firstDayOfMonth.setSeconds(0);
@@ -1162,8 +1167,14 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
 
       if (props.maxDate) {
         var lastDayOfMonth = new Date(newViewDate.getTime());
-        lastDayOfMonth.setMonth(lastDayOfMonth.getMonth() + 1);
-        lastDayOfMonth.setDate(1);
+
+        if (lastDayOfMonth.getMonth() === 11) {
+          lastDayOfMonth.setMonth(0, 1);
+          lastDayOfMonth.setFullYear(lastDayOfMonth.getFullYear() + 1);
+        } else {
+          lastDayOfMonth.setMonth(lastDayOfMonth.getMonth() + 1, 1);
+        }
+
         lastDayOfMonth.setHours(0);
         lastDayOfMonth.setMinutes(0);
         lastDayOfMonth.setSeconds(0);
@@ -1468,15 +1479,17 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     };
 
     var decrementDecade = function decrementDecade() {
-      setCurrentYear(function (prevState) {
-        return prevState - 10;
-      });
+      var _currentYear = currentYear - 10;
+
+      setCurrentYear(_currentYear);
+      return _currentYear;
     };
 
     var incrementDecade = function incrementDecade() {
-      setCurrentYear(function (prevState) {
-        return prevState + 10;
-      });
+      var _currentYear = currentYear + 10;
+
+      setCurrentYear(_currentYear);
+      return _currentYear;
     };
 
     var switchToMonthView = function switchToMonthView(event) {
@@ -1580,6 +1593,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         overlayEventListener.current = null;
       };
 
+      props.touchUI && disableModality();
+
       if (props.onVisibleChange) {
         props.onVisibleChange({
           visible: false,
@@ -1649,6 +1664,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
 
         touchUIMaskClickListener.current = function () {
           disableModality();
+          hide();
         };
 
         touchUIMask.current.addEventListener('click', touchUIMaskClickListener.current);
@@ -1667,10 +1683,13 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     };
 
     var destroyMask = function destroyMask() {
-      touchUIMask.current.removeEventListener('click', touchUIMaskClickListener.current);
-      touchUIMaskClickListener.current = null;
-      document.body.removeChild(touchUIMask.current);
-      touchUIMask.current = null;
+      if (touchUIMask.current) {
+        touchUIMask.current.removeEventListener('click', touchUIMaskClickListener.current);
+        touchUIMaskClickListener.current = null;
+        document.body.removeChild(touchUIMask.current);
+        touchUIMask.current = null;
+      }
+
       var bodyChildren = document.body.children;
       var hasBlockerMasks;
 
@@ -1735,8 +1754,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       }
 
       return {
-        'month': m,
-        'year': y
+        month: m,
+        year: y
       };
     };
 
@@ -1752,8 +1771,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       }
 
       return {
-        'month': m,
-        'year': y
+        month: m,
+        year: y
       };
     };
 
@@ -1897,7 +1916,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           if (props.minDate.getMonth() > month) {
             validMin = false;
           } else if (props.minDate.getMonth() === month) {
-            if (props.minDate.getDate() > day) {
+            if (day > 0 && props.minDate.getDate() > day) {
               validMin = false;
             }
           }
@@ -1911,7 +1930,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           if (props.maxDate.getMonth() < month) {
             validMax = false;
           } else if (props.maxDate.getMonth() === month) {
-            if (props.maxDate.getDate() < day) {
+            if (day > 0 && props.maxDate.getDate() < day) {
               validMax = false;
             }
           }
@@ -2186,7 +2205,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       if (date) {
         for (iFormat = 0; iFormat < format.length; iFormat++) {
           if (literal) {
-            if (format.charAt(iFormat) === '\'' && !lookAhead('\'')) {
+            if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
               literal = false;
             } else {
               output += format.charAt(iFormat);
@@ -2225,9 +2244,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
                 output += date.getTime() * 10000 + ticksTo1970;
                 break;
 
-              case '\'':
-                if (lookAhead('\'')) {
-                  output += '\'';
+              case "'":
+                if (lookAhead("'")) {
+                  output += "'";
                 } else {
                   literal = true;
                 }
@@ -2392,9 +2411,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         throw new Error('Invalid arguments');
       }
 
-      value = _typeof(value) === "object" ? value.toString() : value + "";
+      value = _typeof(value) === 'object' ? value.toString() : value + '';
 
-      if (value === "") {
+      if (value === '') {
         return null;
       }
 
@@ -2402,7 +2421,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           dim,
           extra,
           iValue = 0,
-          shortYearCutoff = typeof props.shortYearCutoff !== "string" ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
+          shortYearCutoff = typeof props.shortYearCutoff !== 'string' ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
           year = -1,
           month = -1,
           day = -1,
@@ -2420,9 +2439,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       },
           getNumber = function getNumber(match) {
         var isDoubled = lookAhead(match),
-            size = match === "@" ? 14 : match === "!" ? 20 : match === "y" && isDoubled ? 4 : match === "o" ? 3 : 2,
-            minSize = match === "y" ? size : 1,
-            digits = new RegExp("^\\d{" + minSize + "," + size + "}"),
+            size = match === '@' ? 14 : match === '!' ? 20 : match === 'y' && isDoubled ? 4 : match === 'o' ? 3 : 2,
+            minSize = match === 'y' ? size : 1,
+            digits = new RegExp('^\\d{' + minSize + ',' + size + '}'),
             num = value.substring(iValue).match(digits);
 
         if (!num) {
@@ -2488,39 +2507,39 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         } else {
           switch (format.charAt(iFormat)) {
-            case "d":
-              day = getNumber("d");
+            case 'd':
+              day = getNumber('d');
               break;
 
-            case "D":
-              getName("D", dayNamesShort, dayNames);
+            case 'D':
+              getName('D', dayNamesShort, dayNames);
               break;
 
-            case "o":
-              doy = getNumber("o");
+            case 'o':
+              doy = getNumber('o');
               break;
 
-            case "m":
-              month = getNumber("m");
+            case 'm':
+              month = getNumber('m');
               break;
 
-            case "M":
-              month = getName("M", monthNamesShort, monthNames);
+            case 'M':
+              month = getName('M', monthNamesShort, monthNames);
               break;
 
-            case "y":
-              year = getNumber("y");
+            case 'y':
+              year = getNumber('y');
               break;
 
-            case "@":
-              date = new Date(getNumber("@"));
+            case '@':
+              date = new Date(getNumber('@'));
               year = date.getFullYear();
               month = date.getMonth() + 1;
               day = date.getDate();
               break;
 
-            case "!":
-              date = new Date((getNumber("!") - ticksTo1970) / 10000);
+            case '!':
+              date = new Date((getNumber('!') - ticksTo1970) / 10000);
               year = date.getFullYear();
               month = date.getMonth() + 1;
               day = date.getDate();
@@ -2592,6 +2611,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
     hooks.useMountEffect(function () {
+      var unbindMaskEvents = null;
       var viewDate = getViewDate(props.viewDate);
       validateDate(viewDate);
       setViewDateState(viewDate);
@@ -2610,7 +2630,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       } else if (props.mask) {
-        utils.mask(inputRef.current, {
+        unbindMaskEvents = utils.mask(inputRef.current, {
           mask: props.mask,
           readOnly: props.readOnlyInput || props.disabled,
           onChange: function onChange(e) {
@@ -2620,13 +2640,20 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           onBlur: function onBlur() {
             ignoreMaskChange.current = true;
           }
-        });
+        }).unbindEvents;
       }
 
       if (props.value) {
         updateInputfield(props.value);
       }
+
+      return function () {
+        props.mask && unbindMaskEvents();
+      };
     });
+    hooks.useUpdateEffect(function () {
+      setCurrentView(props.view);
+    }, [props.view]);
     hooks.useUpdateEffect(function () {
       if (!props.onViewDateChange && !viewStateChanged.current) {
         var propValue = props.value;
@@ -2673,22 +2700,32 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         show: show,
         hide: hide,
         getCurrentDateTime: getCurrentDateTime,
         getViewDate: getViewDate,
-        updateViewDate: updateViewDate
+        updateViewDate: updateViewDate,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getOverlay: function getOverlay() {
+          return overlayRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
       };
     });
 
     var createBackwardNavigator = function createBackwardNavigator(isVisible) {
       var navigatorProps = isVisible ? {
-        'onClick': onPrevButtonClick,
-        'onKeyDown': function onKeyDown(e) {
+        onClick: onPrevButtonClick,
+        onKeyDown: function onKeyDown(e) {
           return onContainerButtonKeydown(e);
         }
       } : {
-        'style': {
+        style: {
           visibility: 'hidden'
         }
       };
@@ -2702,12 +2739,12 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
 
     var createForwardNavigator = function createForwardNavigator(isVisible) {
       var navigatorProps = isVisible ? {
-        'onClick': onNextButtonClick,
-        'onKeyDown': function onKeyDown(e) {
+        onClick: onNextButtonClick,
+        onKeyDown: function onKeyDown(e) {
           return onContainerButtonKeydown(e);
         }
       } : {
-        'style': {
+        style: {
           visibility: 'hidden'
         }
       };
@@ -3322,7 +3359,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             },
             key: "month".concat(i + 1),
             className: utils.classNames('p-monthpicker-month', {
-              'p-highlight': isMonthSelected(i)
+              'p-highlight': isMonthSelected(i),
+              'p-disabled': !isSelectable(0, i, currentYear)
             })
           }, m);
         }));
@@ -3483,4 +3521,4 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
 
   return exports;
 
-})({}, React, primereact.api, primereact.button, primereact.hooks, primereact.inputtext, primereact.overlayservice, primereact.utils, primereact.ripple, primereact.csstransition, primereact.portal);
+})({}, React, primereact.api, primereact.button, primereact.hooks, primereact.inputtext, primereact.overlayservice, primereact.ripple, primereact.utils, primereact.csstransition, primereact.portal);