primereact 8.4.0 → 8.6.0

package/calendar/calendar.esm.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import PrimeReact, { localeOption, localeOptions } from 'primereact/api';
+import PrimeReact, { localeOptions, localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
 import { usePrevious, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { InputText } from 'primereact/inputtext';
 import { OverlayService } from 'primereact/overlayservice';
-import { UniqueComponentId, DomHandler, ObjectUtils, mask, ZIndexUtils, classNames } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
+import { UniqueComponentId, DomHandler, ObjectUtils, mask, ZIndexUtils, classNames } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -25,7 +25,7 @@ function _defineProperty(obj, key, value) {
 }
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -38,24 +38,17 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _arrayLikeToArray$1(arr, len) {
@@ -1738,8 +1731,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -1755,8 +1748,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -1900,7 +1893,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         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;
           }
         }
@@ -1914,7 +1907,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         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;
           }
         }
@@ -2189,7 +2182,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     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);
@@ -2228,9 +2221,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
               output += date.getTime() * 10000 + ticksTo1970;
               break;
 
-            case '\'':
-              if (lookAhead('\'')) {
-                output += '\'';
+            case "'":
+              if (lookAhead("'")) {
+                output += "'";
               } else {
                 literal = true;
               }
@@ -2395,9 +2388,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       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;
     }
 
@@ -2405,7 +2398,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         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,
@@ -2423,9 +2416,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     },
         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) {
@@ -2491,39 +2484,39 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       } 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();
@@ -2629,6 +2622,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.value) {
       updateInputfield(props.value);
+      setValue(props.value);
     }
 
     return function () {
@@ -2640,28 +2634,11 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   }, [props.view]);
   useUpdateEffect(function () {
     if (!props.onViewDateChange && !viewStateChanged.current) {
-      var propValue = props.value;
-
-      if (Array.isArray(propValue)) {
-        propValue = propValue[0];
-      }
-
-      var prevPropValue = previousValue;
-
-      if (Array.isArray(prevPropValue)) {
-        prevPropValue = prevPropValue[0];
-      }
-
-      if (!prevPropValue && propValue || propValue && propValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
-        var viewDate = props.viewDate && isValidDate(props.viewDate) ? props.viewDate : propValue && isValidDate(propValue) ? propValue : new Date();
-        validateDate(viewDate);
-        setViewDateState(viewDate);
-        viewStateChanged.current = true;
-      }
+      setValue(props.value);
     }
   }, [props.onViewDateChange, props.value]);
   useUpdateEffect(function () {
-    if (previousValue !== props.value && (!viewStateChanged || !visible)) {
+    if (previousValue !== props.value && (!viewStateChanged.current || !visible)) {
       updateInputfield(props.value);
     }
   }, [props.value, visible]);
@@ -2702,14 +2679,33 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     };
   });
 
+  var setValue = function setValue(propValue) {
+    if (Array.isArray(propValue)) {
+      propValue = propValue[0];
+    }
+
+    var prevPropValue = previousValue;
+
+    if (Array.isArray(prevPropValue)) {
+      prevPropValue = prevPropValue[0];
+    }
+
+    if (!prevPropValue && propValue || propValue && propValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
+      var viewDate = props.viewDate && isValidDate(props.viewDate) ? props.viewDate : propValue && isValidDate(propValue) ? propValue : new Date();
+      validateDate(viewDate);
+      setViewDateState(viewDate);
+      viewStateChanged.current = true;
+    }
+  };
+
   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'
       }
     };
@@ -2723,12 +2719,12 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   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'
       }
     };
@@ -3344,7 +3340,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           key: "month".concat(i + 1),
           className: classNames('p-monthpicker-month', {
             'p-highlight': isMonthSelected(i),
-            'p-disabled': !isSelectable(1, i, currentYear)
+            'p-disabled': !isSelectable(0, i, currentYear)
           })
         }, m);
       }));
@@ -3414,89 +3410,89 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 Calendar.displayName = 'Calendar';
 Calendar.defaultProps = {
   __TYPE: 'Calendar',
-  id: null,
-  inputRef: null,
-  name: null,
-  value: null,
-  visible: false,
-  viewDate: null,
-  style: null,
+  appendTo: null,
+  ariaLabelledBy: null,
+  autoZIndex: true,
+  baseZIndex: 0,
   className: null,
+  clearButtonClassName: 'p-button-secondary',
+  dateFormat: null,
+  dateTemplate: null,
+  decadeTemplate: null,
+  disabled: false,
+  disabledDates: null,
+  disabledDays: null,
+  footerTemplate: null,
+  headerTemplate: null,
+  hideOnDateTimeSelect: false,
+  hourFormat: '24',
+  icon: 'pi pi-calendar',
+  iconPos: 'right',
+  id: null,
   inline: false,
-  selectionMode: 'single',
-  inputId: null,
-  inputStyle: null,
   inputClassName: null,
+  inputId: null,
   inputMode: 'none',
-  required: false,
-  readOnlyInput: false,
+  inputRef: null,
+  inputStyle: null,
   keepInvalid: false,
+  locale: null,
   mask: null,
-  disabled: false,
-  tabIndex: null,
+  maxDate: null,
+  maxDateCount: null,
+  minDate: null,
+  monthNavigator: false,
+  monthNavigatorTemplate: null,
+  name: null,
+  numberOfMonths: 1,
+  onBlur: null,
+  onChange: null,
+  onClearButtonClick: null,
+  onFocus: null,
+  onHide: null,
+  onInput: null,
+  onMonthChange: null,
+  onSelect: null,
+  onShow: null,
+  onTodayButtonClick: null,
+  onViewDateChange: null,
+  onVisibleChange: null,
+  panelClassName: null,
+  panelStyle: null,
   placeholder: null,
+  readOnlyInput: false,
+  required: false,
+  selectOtherMonths: false,
+  selectionMode: 'single',
+  shortYearCutoff: '+10',
+  showButtonBar: false,
   showIcon: false,
-  icon: 'pi pi-calendar',
-  iconPos: 'right',
+  showMillisec: false,
+  showMinMaxRange: false,
   showOnFocus: true,
-  numberOfMonths: 1,
-  view: 'date',
-  touchUI: false,
-  showTime: false,
-  timeOnly: false,
+  showOtherMonths: true,
   showSeconds: false,
-  showMillisec: false,
-  hourFormat: '24',
+  showTime: false,
+  showWeek: false,
   stepHour: 1,
+  stepMillisec: 1,
   stepMinute: 1,
   stepSecond: 1,
-  stepMillisec: 1,
-  shortYearCutoff: '+10',
-  hideOnDateTimeSelect: false,
-  showWeek: false,
-  locale: null,
-  dateFormat: null,
-  panelStyle: null,
-  panelClassName: null,
-  monthNavigator: false,
-  yearNavigator: false,
-  yearRange: null,
-  disabledDates: null,
-  disabledDays: null,
-  minDate: null,
-  maxDate: null,
-  maxDateCount: null,
-  showMinMaxRange: false,
-  showOtherMonths: true,
-  selectOtherMonths: false,
-  showButtonBar: false,
+  style: null,
+  tabIndex: null,
+  timeOnly: false,
   todayButtonClassName: 'p-button-secondary',
-  clearButtonClassName: 'p-button-secondary',
-  autoZIndex: true,
-  baseZIndex: 0,
-  appendTo: null,
   tooltip: null,
   tooltipOptions: null,
-  ariaLabelledBy: null,
-  dateTemplate: null,
-  decadeTemplate: null,
-  headerTemplate: null,
-  footerTemplate: null,
-  monthNavigatorTemplate: null,
-  yearNavigatorTemplate: null,
+  touchUI: false,
   transitionOptions: null,
-  onVisibleChange: null,
-  onFocus: null,
-  onBlur: null,
-  onInput: null,
-  onSelect: null,
-  onChange: null,
-  onViewDateChange: null,
-  onTodayButtonClick: null,
-  onClearButtonClick: null,
-  onShow: null,
-  onHide: null,
-  onMonthChange: null
+  value: null,
+  view: 'date',
+  viewDate: null,
+  visible: false,
+  yearNavigator: false,
+  yearNavigatorTemplate: null,
+  yearRange: null
 };
 
 export { Calendar };