@panneau/list-calendar 4.0.1 → 4.0.4

package/es/index.js

@@ -3,10 +3,11 @@ 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 React, { useState, useMemo, useCallback, useEffect } from 'react';
+import { useState, useMemo, useCallback, useEffect } from 'react';
 import { useIntl, FormattedDate } from 'react-intl';
 import Button from '@panneau/element-button';
 import Icon from '@panneau/element-icon';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 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"};
 
@@ -105,7 +106,6 @@ function CalendarList(_ref) {
   }, [intl]);
   var datesArray = [];
   if (mode === 'weekly') {
-    // eslint-disable-next-line no-plusplus
     for (var i = 0; i < 7; i++) {
       var dte = addDays(activeWeekStart, i);
       datesArray.push(dte);
@@ -114,7 +114,6 @@ function CalendarList(_ref) {
     var firstDayOfActualMonth = new Date(activeYear, activeMonth, 1).getDay();
     var dayBeforeDiff = firstDayOfActualMonth === 0 ? 6 : firstDayOfActualMonth;
     var gridMax = 35;
-    // eslint-disable-next-line no-plusplus
     for (var _i = 1 - dayBeforeDiff; _i <= gridMax; _i++) {
       datesArray.push(new Date(activeYear, activeMonth, _i));
     }
@@ -175,79 +174,91 @@ function CalendarList(_ref) {
     }
     return acc;
   }, false);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, _defineProperty({}, className, className !== null)])
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.inner
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.calendarHeader
-  }, /*#__PURE__*/React.createElement(Button, {
-    className: styles.arrow,
-    onClick: function onClick(e) {
-      return onClickPeriodChange(e, true);
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "arrow-left"
-  })), mode === 'weekly' ? /*#__PURE__*/React.createElement("div", {
-    className: styles.activePeriod
-  }, weekHasDates ? /*#__PURE__*/React.createElement("span", {
-    className: styles.activePeriodWithDates
-  }, /*#__PURE__*/React.createElement(FormattedDate, {
-    value: activeDate,
-    day: "numeric",
-    month: "long",
-    year: "numeric"
-  })) : /*#__PURE__*/React.createElement(FormattedDate, {
-    value: activeDate,
-    day: "numeric",
-    month: "long",
-    year: "numeric"
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: styles.activePeriod
-  }, monthHasDates ? /*#__PURE__*/React.createElement("span", {
-    className: styles.activePeriodWithDates
-  }, /*#__PURE__*/React.createElement(FormattedDate, {
-    value: activeDate,
-    month: "long",
-    year: "numeric"
-  })) : /*#__PURE__*/React.createElement(FormattedDate, {
-    value: activeDate,
-    month: "long",
-    year: "numeric"
-  })), /*#__PURE__*/React.createElement(Button, {
-    className: classNames([styles.arrow, styles.right]),
-    onClick: onClickPeriodChange
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "arrow-right"
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: styles.calendarGrid
-  }, days.map(function (d, i) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: "day-".concat(i + 1),
-      className: classNames([styles.calendarBox, styles.headerBox])
-    }, d);
-  }), datesArray.map(function (d, i) {
-    var dTime = format(d, 'yyyy-MM-dd');
-    var isCurrentYear = d.getUTCFullYear() === currentYear;
-    var isCurrentMonth = d.getUTCMonth() === currentMonth;
-    var isToday = isCurrentYear && isCurrentMonth && d.getDate() === currentDayOfTheMonth;
-    var eventTime = d.getTime();
-    var todayTime = currentDate.getTime();
-    var isPast = eventTime < todayTime && !isToday;
-    var hasItem = dates.includes(dTime);
-    var inner = hasItem ? /*#__PURE__*/React.createElement(Button, {
-      onClick: function onClick(e) {
-        return onSelectDate(e, dTime);
-      },
-      className: classNames(styles.day, styles.dayButton, _defineProperty(_defineProperty(_defineProperty({}, styles.isToday, isToday), styles.isPast, isPast), styles.active, dates.includes(dTime)))
-    }, format(d, 'd')) : /*#__PURE__*/React.createElement("div", {
-      className: classNames(styles.day, _defineProperty({}, styles.isToday, isToday))
-    }, format(d, 'd'));
-    return /*#__PURE__*/React.createElement("div", {
-      key: "date-".concat(d.getTime, "-").concat(i + 1),
-      className: styles.calendarBox
-    }, d.getUTCMonth() !== activeMonth && mode === 'monthly' ? '' : inner);
-  }))));
+  return /*#__PURE__*/jsx("div", {
+    className: classNames([styles.container, _defineProperty({}, className, className !== null)]),
+    children: /*#__PURE__*/jsxs("div", {
+      className: styles.inner,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.calendarHeader,
+        children: [/*#__PURE__*/jsx(Button, {
+          className: styles.arrow,
+          onClick: function onClick(e) {
+            return onClickPeriodChange(e, true);
+          },
+          children: /*#__PURE__*/jsx(Icon, {
+            name: "arrow-left"
+          })
+        }), mode === 'weekly' ? /*#__PURE__*/jsx("div", {
+          className: styles.activePeriod,
+          children: weekHasDates ? /*#__PURE__*/jsx("span", {
+            className: styles.activePeriodWithDates,
+            children: /*#__PURE__*/jsx(FormattedDate, {
+              value: activeDate,
+              day: "numeric",
+              month: "long",
+              year: "numeric"
+            })
+          }) : /*#__PURE__*/jsx(FormattedDate, {
+            value: activeDate,
+            day: "numeric",
+            month: "long",
+            year: "numeric"
+          })
+        }) : /*#__PURE__*/jsx("div", {
+          className: styles.activePeriod,
+          children: monthHasDates ? /*#__PURE__*/jsx("span", {
+            className: styles.activePeriodWithDates,
+            children: /*#__PURE__*/jsx(FormattedDate, {
+              value: activeDate,
+              month: "long",
+              year: "numeric"
+            })
+          }) : /*#__PURE__*/jsx(FormattedDate, {
+            value: activeDate,
+            month: "long",
+            year: "numeric"
+          })
+        }), /*#__PURE__*/jsx(Button, {
+          className: classNames([styles.arrow, styles.right]),
+          onClick: onClickPeriodChange,
+          children: /*#__PURE__*/jsx(Icon, {
+            name: "arrow-right"
+          })
+        })]
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.calendarGrid,
+        children: [days.map(function (d, i) {
+          return /*#__PURE__*/jsx("div", {
+            className: classNames([styles.calendarBox, styles.headerBox]),
+            children: d
+          }, "day-".concat(i + 1));
+        }), datesArray.map(function (d, i) {
+          var dTime = format(d, 'yyyy-MM-dd');
+          var isCurrentYear = d.getUTCFullYear() === currentYear;
+          var isCurrentMonth = d.getUTCMonth() === currentMonth;
+          var isToday = isCurrentYear && isCurrentMonth && d.getDate() === currentDayOfTheMonth;
+          var eventTime = d.getTime();
+          var todayTime = currentDate.getTime();
+          var isPast = eventTime < todayTime && !isToday;
+          var hasItem = dates.includes(dTime);
+          var inner = hasItem ? /*#__PURE__*/jsx(Button, {
+            onClick: function onClick(e) {
+              return onSelectDate(e, dTime);
+            },
+            className: classNames(styles.day, styles.dayButton, _defineProperty(_defineProperty(_defineProperty({}, styles.isToday, isToday), styles.isPast, isPast), styles.active, dates.includes(dTime))),
+            children: format(d, 'd')
+          }) : /*#__PURE__*/jsx("div", {
+            className: classNames(styles.day, _defineProperty({}, styles.isToday, isToday)),
+            children: format(d, 'd')
+          });
+          return /*#__PURE__*/jsx("div", {
+            className: styles.calendarBox,
+            children: d.getUTCMonth() !== activeMonth && mode === 'monthly' ? '' : inner
+          }, "date-".concat(d.getTime, "-").concat(i + 1));
+        })]
+      })]
+    })
+  });
 }
 
 export { CalendarList as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/list-calendar",
-    "version": "4.0.1",
+    "version": "4.0.4",
     "description": "Calendar list",
     "keywords": [
         "javascript"
@@ -51,12 +51,12 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^4.0.1",
-        "@panneau/element-button": "^4.0.1",
-        "@panneau/element-card": "^4.0.1",
-        "@panneau/element-icon": "^4.0.1",
-        "@panneau/element-loading": "^4.0.1",
-        "@panneau/themes": "^4.0.1",
+        "@panneau/core": "^4.0.4",
+        "@panneau/element-button": "^4.0.4",
+        "@panneau/element-card": "^4.0.4",
+        "@panneau/element-icon": "^4.0.4",
+        "@panneau/element-loading": "^4.0.4",
+        "@panneau/themes": "^4.0.4",
         "classnames": "^2.5.1",
         "date-fns": "^3.3.1",
         "lodash-es": "^4.17.21",
@@ -67,5 +67,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "dbdf65640625c027ecd56cf2b816b80a5c38cb8d"
+    "gitHead": "e854451a718c6bc7dcde2b804c9913d8ac0297ff"
 }