@panneau/list-calendar 3.0.307 → 4.0.0

package/es/index.js

@@ -3,61 +3,35 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classNames from 'classnames';
 import { parseISO, toDate, startOfWeek, addWeeks, addMonths, endOfWeek, addDays, compareAsc, compareDesc, format } from 'date-fns';
-import PropTypes from 'prop-types';
 import React, { useState, useMemo, useCallback, useEffect } from 'react';
 import { useIntl, FormattedDate } from 'react-intl';
-import { PropTypes as PropTypes$1 } from '@panneau/core';
 import Button from '@panneau/element-button';
 import Icon from '@panneau/element-icon';
 
 var styles = {"container":"panneau-list-calendar-container","inner":"panneau-list-calendar-inner","calendarHeader":"panneau-list-calendar-calendarHeader","activePeriod":"panneau-list-calendar-activePeriod","activePeriodWithDates":"panneau-list-calendar-activePeriodWithDates","arrow":"panneau-list-calendar-arrow","calendarGrid":"panneau-list-calendar-calendarGrid","calendarBox":"panneau-list-calendar-calendarBox","headerBox":"panneau-list-calendar-headerBox","day":"panneau-list-calendar-day","isToday":"panneau-list-calendar-isToday","isPast":"panneau-list-calendar-isPast","dayButton":"panneau-list-calendar-dayButton","active":"panneau-list-calendar-active"};
 
-var propTypes = {
-  mode: PropTypes.string,
-  resource: PropTypes$1.resource.isRequired,
-  component: PropTypes.func,
-  items: PropTypes$1.items,
-  itemDateField: PropTypes.string,
-  loading: PropTypes.bool,
-  // onQueryChange: PropTypes.func,
-  filter: PropTypes.shape({
-    dates: PropTypes.arrayOf(PropTypes.string)
-  }),
-  // eslint-disable-next-line react/forbid-prop-types
-  value: PropTypes.any,
-  multiple: PropTypes.bool,
-  onDateChange: PropTypes.func,
-  onPeriodChange: PropTypes.func,
-  initialDate: PropTypes.string,
-  className: PropTypes.string
-};
-var defaultProps = {
-  mode: 'monthly',
-  component: null,
-  items: [],
-  itemDateField: 'date',
-  filter: null,
-  value: null,
-  multiple: false,
-  onDateChange: null,
-  onPeriodChange: null,
-  initialDate: null,
-  loading: false,
-  className: null
-};
-var CalendarList = function CalendarList(_ref) {
-  var mode = _ref.mode;
+var DEFAULT_ITEMS = [];
+function CalendarList(_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'monthly' : _ref$mode;
     _ref.resource;
     _ref.component;
-    var items = _ref.items,
-    itemDateField = _ref.itemDateField;
+    var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? DEFAULT_ITEMS : _ref$items,
+    _ref$itemDateField = _ref.itemDateField,
+    itemDateField = _ref$itemDateField === void 0 ? 'date' : _ref$itemDateField;
     _ref.loading;
-    var value = _ref.value,
-    multiple = _ref.multiple,
-    onDateChange = _ref.onDateChange,
-    onPeriodChange = _ref.onPeriodChange,
-    initialDate = _ref.initialDate,
-    className = _ref.className;
+    _ref.value;
+    var _ref$multiple = _ref.multiple,
+    multiple = _ref$multiple === void 0 ? false : _ref$multiple,
+    _ref$onDateChange = _ref.onDateChange,
+    onDateChange = _ref$onDateChange === void 0 ? null : _ref$onDateChange,
+    _ref$onPeriodChange = _ref.onPeriodChange,
+    onPeriodChange = _ref$onPeriodChange === void 0 ? null : _ref$onPeriodChange,
+    _ref$initialDate = _ref.initialDate,
+    initialDate = _ref$initialDate === void 0 ? null : _ref$initialDate,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className;
   var intl = useIntl();
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
@@ -128,7 +102,7 @@ var CalendarList = function CalendarList(_ref) {
         "value": "S"
       }]
     })];
-  }, []);
+  }, [intl]);
   var datesArray = [];
   if (mode === 'weekly') {
     // eslint-disable-next-line no-plusplus
@@ -167,19 +141,19 @@ var CalendarList = function CalendarList(_ref) {
   var onSelectDate = useCallback(function (e, newDate) {
     e.preventDefault();
     if (!multiple) {
-      onDateChange(newDate ? null : newDate);
+      onDateChange === null || onDateChange === void 0 || onDateChange(newDate ? null : newDate);
       return;
     }
     var valuesUpdate = _toConsumableArray(dates);
     if (!valuesUpdate.includes(newDate)) {
-      onDateChange([newDate]);
+      onDateChange === null || onDateChange === void 0 || onDateChange([newDate]);
     } else {
       var filteredOptions = valuesUpdate.filter(function (oldDate) {
         return oldDate !== newDate;
       });
-      onDateChange(filteredOptions);
+      onDateChange === null || onDateChange === void 0 || onDateChange(filteredOptions);
     }
-  }, [dates, onDateChange, multiple, value]);
+  }, [dates, onDateChange, multiple]);
   var weekHasDates = dates.reduce(function (acc, dte) {
     var parseDte = dte !== null ? parseISO(dte) : null;
     if (parseDte !== null && compareAsc(parseDte, activeWeekStart) >= 0 && compareDesc(parseDte, activeWeekEnd) >= 0) {
@@ -195,7 +169,7 @@ var CalendarList = function CalendarList(_ref) {
       year = _ref3$ === void 0 ? null : _ref3$,
       _ref3$2 = _ref3[1],
       month = _ref3$2 === void 0 ? null : _ref3$2;
-    if (parseInt(year, 10) === parseInt(activeYear, 10) && parseInt(month, 10) === parseInt(activeMonth, 10) + 1 // yes this is incredibly stupid
+    if (parseInt(year, 10) === parseInt(String(activeYear), 10) && parseInt(month, 10) === parseInt(String(activeMonth), 10) + 1 // yes this is incredibly stupid
     ) {
       return true;
     }
@@ -249,7 +223,7 @@ var CalendarList = function CalendarList(_ref) {
     className: styles.calendarGrid
   }, days.map(function (d, i) {
     return /*#__PURE__*/React.createElement("div", {
-      key: "day-".concat(d.getTime, "-").concat(i + 1),
+      key: "day-".concat(i + 1),
       className: classNames([styles.calendarBox, styles.headerBox])
     }, d);
   }), datesArray.map(function (d, i) {
@@ -274,8 +248,6 @@ var CalendarList = function CalendarList(_ref) {
       className: styles.calendarBox
     }, d.getUTCMonth() !== activeMonth && mode === 'monthly' ? '' : inner);
   }))));
-};
-CalendarList.propTypes = propTypes;
-CalendarList.defaultProps = defaultProps;
+}
 
 export { CalendarList as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/list-calendar",
-    "version": "3.0.307",
+    "version": "4.0.0",
     "description": "Calendar list",
     "keywords": [
         "javascript"
@@ -51,21 +51,21 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.307",
-        "@panneau/element-button": "^3.0.307",
-        "@panneau/element-card": "^3.0.307",
-        "@panneau/element-icon": "^3.0.307",
-        "@panneau/element-loading": "^3.0.307",
-        "@panneau/themes": "^3.0.307",
+        "@panneau/core": "^4.0.0",
+        "@panneau/element-button": "^4.0.0",
+        "@panneau/element-card": "^4.0.0",
+        "@panneau/element-icon": "^4.0.0",
+        "@panneau/element-loading": "^4.0.0",
+        "@panneau/themes": "^4.0.0",
         "classnames": "^2.5.1",
         "date-fns": "^3.3.1",
         "lodash-es": "^4.17.21",
         "prop-types": "^15.7.2",
         "query-string": "^9.0.0",
-        "react-intl": "^5.15.8||^6.0.0"
+        "react-intl": "^5.15.8 || ^6.0.0 || ^7.0.0"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cbe5e8b1705d01c5653a4df617a06243344310d3"
+    "gitHead": "2cca874e0388b4a20c39aadb205c0e67d5a946fc"
 }