@panneau/list-calendar 3.0.222 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/list-calendar",
-    "version": "3.0.222",
+    "version": "3.0.224",
     "description": "Calendar list",
     "keywords": [
         "javascript"
@@ -25,8 +25,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -46,12 +49,12 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.222",
-        "@panneau/element-button": "^3.0.222",
-        "@panneau/element-card": "^3.0.222",
-        "@panneau/element-icon": "^3.0.222",
-        "@panneau/element-loading": "^3.0.222",
-        "@panneau/themes": "^3.0.222",
+        "@panneau/core": "^3.0.224",
+        "@panneau/element-button": "^3.0.224",
+        "@panneau/element-card": "^3.0.224",
+        "@panneau/element-icon": "^3.0.224",
+        "@panneau/element-loading": "^3.0.224",
+        "@panneau/themes": "^3.0.224",
         "classnames": "^2.5.1",
         "date-fns": "^3.3.1",
         "lodash": "^4.17.21",
@@ -62,5 +65,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d7f6c2943965c2c26fb6ce1d8f3c85eb88b2146"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,286 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var classNames = require('classnames');
-var dateFns = require('date-fns');
-var PropTypes = require('prop-types');
-var React = require('react');
-var reactIntl = require('react-intl');
-var core = require('@panneau/core');
-var Button = require('@panneau/element-button');
-var Icon = require('@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: core.PropTypes.resource.isRequired,
-  component: PropTypes.func,
-  items: core.PropTypes.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;
-    _ref.resource;
-    _ref.component;
-    var items = _ref.items,
-    itemDateField = _ref.itemDateField;
-    _ref.loading;
-    var value = _ref.value,
-    multiple = _ref.multiple,
-    onDateChange = _ref.onDateChange,
-    onPeriodChange = _ref.onPeriodChange,
-    initialDate = _ref.initialDate,
-    className = _ref.className;
-  var intl = reactIntl.useIntl();
-  var _useState = React.useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    monthIdx = _useState2[0],
-    setMonthIdx = _useState2[1];
-  var _useState3 = React.useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    weekIdx = _useState4[0],
-    setWeekIdx = _useState4[1];
-  var currentDate = new Date();
-  var currentYear = currentDate.getUTCFullYear();
-  var currentMonth = currentDate.getUTCMonth();
-  var currentDayOfTheMonth = currentDate.getDate();
-  var dates = (items || []).map(function (it) {
-    return it !== null && it[itemDateField] ? it[itemDateField] : null;
-  }).filter(function (d) {
-    return d !== null;
-  });
-  var parsedInitialDate = initialDate !== null ? dateFns.parseISO(initialDate) : null;
-  var partialInitialDate = parsedInitialDate !== null ? dateFns.toDate(parsedInitialDate) : new Date();
-  var finalInitialDate = mode === 'weekly' ? dateFns.startOfWeek(partialInitialDate) : partialInitialDate;
-  var activeDate = mode === 'weekly' ? dateFns.addWeeks(finalInitialDate, weekIdx) : dateFns.addMonths(finalInitialDate, monthIdx);
-  var activeYear = activeDate.getFullYear();
-  var activeMonth = activeDate.getUTCMonth();
-  var activeWeekStart = dateFns.startOfWeek(activeDate);
-  var activeWeekEnd = dateFns.endOfWeek(activeDate);
-  var days = React.useMemo(function () {
-    return [intl.formatMessage({
-      "id": "fSfLk8",
-      "defaultMessage": [{
-        "type": 0,
-        "value": "S"
-      }]
-    }), intl.formatMessage({
-      "id": "jbT/g6",
-      "defaultMessage": [{
-        "type": 0,
-        "value": "M"
-      }]
-    }), intl.formatMessage({
-      "id": "Of2stw",
-      "defaultMessage": [{
-        "type": 0,
-        "value": "T"
-      }]
-    }), intl.formatMessage({
-      "id": "BAKfhq",
-      "defaultMessage": [{
-        "type": 0,
-        "value": "W"
-      }]
-    }), intl.formatMessage({
-      "id": "DBU3cu",
-      "defaultMessage": [{
-        "type": 0,
-        "value": "T"
-      }]
-    }), intl.formatMessage({
-      "id": "J6Mhku",
-      "defaultMessage": [{
-        "type": 0,
-        "value": "F"
-      }]
-    }), intl.formatMessage({
-      "id": "0F5X3C",
-      "defaultMessage": [{
-        "type": 0,
-        "value": "S"
-      }]
-    })];
-  }, []);
-  var datesArray = [];
-  if (mode === 'weekly') {
-    // eslint-disable-next-line no-plusplus
-    for (var i = 0; i < 7; i++) {
-      var dte = dateFns.addDays(activeWeekStart, i);
-      datesArray.push(dte);
-    }
-  } else {
-    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));
-    }
-  }
-  var onClickPeriodChange = React.useCallback(function (e, previous) {
-    e.preventDefault();
-    if (mode === 'weekly') {
-      if (previous) {
-        setWeekIdx(weekIdx - 1);
-      } else {
-        setWeekIdx(weekIdx + 1);
-      }
-    } else if (previous) {
-      setMonthIdx(monthIdx - 1);
-    } else {
-      setMonthIdx(monthIdx + 1);
-    }
-  }, [mode, monthIdx, setMonthIdx, weekIdx, setWeekIdx]);
-  React.useEffect(function () {
-    if (onPeriodChange !== null) {
-      onPeriodChange(activeDate);
-    }
-  }, [activeDate, onPeriodChange]);
-  var onSelectDate = React.useCallback(function (e, newDate) {
-    e.preventDefault();
-    if (!multiple) {
-      onDateChange(newDate ? null : newDate);
-      return;
-    }
-    var valuesUpdate = _toConsumableArray(dates);
-    if (!valuesUpdate.includes(newDate)) {
-      onDateChange([newDate]);
-    } else {
-      var filteredOptions = valuesUpdate.filter(function (oldDate) {
-        return oldDate !== newDate;
-      });
-      onDateChange(filteredOptions);
-    }
-  }, [dates, onDateChange, multiple, value]);
-  var weekHasDates = dates.reduce(function (acc, dte) {
-    var parseDte = dte !== null ? dateFns.parseISO(dte) : null;
-    if (parseDte !== null && dateFns.compareAsc(parseDte, activeWeekStart) >= 0 && dateFns.compareDesc(parseDte, activeWeekEnd) >= 0) {
-      return true;
-    }
-    return acc;
-  }, false);
-  var monthHasDates = dates.reduce(function (acc, dte) {
-    var splitDate = dte.split(/\s*-\s*/g);
-    var _ref2 = splitDate || [],
-      _ref3 = _slicedToArray(_ref2, 2),
-      _ref3$ = _ref3[0],
-      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
-    ) {
-      return true;
-    }
-    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(reactIntl.FormattedDate, {
-    value: activeDate,
-    day: "numeric",
-    month: "long",
-    year: "numeric"
-  })) : /*#__PURE__*/React.createElement(reactIntl.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(reactIntl.FormattedDate, {
-    value: activeDate,
-    month: "long",
-    year: "numeric"
-  })) : /*#__PURE__*/React.createElement(reactIntl.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(d.getTime, "-").concat(i + 1),
-      className: classNames([styles.calendarBox, styles.headerBox])
-    }, d);
-  }), datesArray.map(function (d, i) {
-    var dTime = dateFns.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)))
-    }, dateFns.format(d, 'd')) : /*#__PURE__*/React.createElement("div", {
-      className: classNames(styles.day, _defineProperty({}, styles.isToday, isToday))
-    }, dateFns.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);
-  }))));
-};
-CalendarList.propTypes = propTypes;
-CalendarList.defaultProps = defaultProps;
-var Calendar = CalendarList;
-
-exports.default = Calendar;