ywana-core8 0.0.549 → 0.0.552

package/dist/index.cjs

@@ -1,8 +1,9 @@
 require('material-design-icons-iconfont/dist/material-design-icons.css');
 var React = require('react');
 var RSwitch = require('react-switch');
-var moment = require('moment');
+var moment$1 = require('moment');
 var momentRange = require('moment-range');
+require('moment/locale/es');
 var ResumableJS = require('resumablejs');
 var reactNotificationsComponent = require('react-notifications-component');
 require('react-notifications-component/dist/theme.css');
@@ -12,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var RSwitch__default = /*#__PURE__*/_interopDefaultLegacy(RSwitch);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment$1);
 var ResumableJS__default = /*#__PURE__*/_interopDefaultLegacy(ResumableJS);
 var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 
@@ -2609,6 +2610,142 @@ var WaitScreen = function WaitScreen() {
   }));
 };
 
+moment__default["default"].locale('es');
+var moment = momentRange.extendMoment(moment__default["default"]);
+var Calendar = function Calendar(props) {
+  var _props$events = props.events,
+      events = _props$events === void 0 ? [] : _props$events,
+      children = props.children,
+      onChange = props.onChange;
+
+  var _useState = React.useState(),
+      position = _useState[0],
+      setPosition = _useState[1];
+
+  React.useEffect(function () {
+    var today = moment();
+    setPosition(today);
+  }, []);
+  React.useEffect(function () {
+    if (onChange) {
+      var _firstDayOfMonth = position.clone().startOf('month');
+
+      var _firstDayOfRange = _firstDayOfMonth.clone().startOf('isoweek');
+
+      var _lastDayOfMonth = position.clone().endOf('month');
+
+      var _lastDayOfRange = _lastDayOfMonth.clone().endOf('isoweek');
+
+      var _range = moment.range(_firstDayOfRange, _lastDayOfRange);
+
+      onChange(position, _range);
+    }
+  }, [position]);
+
+  function next() {
+    var next = position.clone().add(1, 'month');
+    setPosition(next);
+  }
+
+  function prev() {
+    var prev = position.clone().subtract(1, 'month');
+    setPosition(prev);
+  }
+
+  function today() {
+    var today = moment();
+    setPosition(today);
+  }
+
+  if (!position) return "...";
+  var monthName = position.format("MMMM");
+  var year = position.format("YYYY");
+  var firstDayOfMonth = position.clone().startOf('month');
+  var firstDayOfRange = firstDayOfMonth.clone().startOf('isoweek');
+  var lastDayOfMonth = position.clone().endOf('month');
+  var lastDayOfRange = lastDayOfMonth.clone().endOf('isoweek');
+  var range = moment.range(firstDayOfRange, lastDayOfRange);
+  var days = Array.from(range.by('days'));
+  var cells = days.map(function (day) {
+    var dayEvents = events.filter(function (event) {
+      var eventDate = moment(event.date, "YYYY-MM-DD");
+      return eventDate.isSame(day, 'day');
+    });
+    return {
+      day: day,
+      events: dayEvents
+    };
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "calendar"
+  }, /*#__PURE__*/React__default["default"].createElement("nav", null, /*#__PURE__*/React__default["default"].createElement("label", null, " ", monthName, " ", year), /*#__PURE__*/React__default["default"].createElement(Button, {
+    icon: "chevron_left",
+    raised: true,
+    action: prev
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
+    label: "Hoy",
+    outlined: true,
+    action: today
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
+    icon: "chevron_right",
+    raised: true,
+    action: next
+  })), /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "week-day-cell"
+  }, "Lun"), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "week-day-cell"
+  }, "Mar"), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "week-day-cell"
+  }, "Mi\xE9"), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "week-day-cell"
+  }, "Jue"), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "week-day-cell"
+  }, "Vie"), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "week-day-cell"
+  }, "Sab"), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "week-day-cell"
+  }, "Dom")), /*#__PURE__*/React__default["default"].createElement("main", null, cells.map(function (cell) {
+    return /*#__PURE__*/React__default["default"].createElement(DayCell, {
+      cell: cell
+    }, children);
+  })));
+};
+
+var DayCell = function DayCell(props) {
+  var _props$cell = props.cell,
+      cell = _props$cell === void 0 ? [] : _props$cell,
+      children = props.children;
+  var day = cell.day,
+      events = cell.events;
+  var todayStyle = day.isSame(moment(), 'day') ? 'today' : '';
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "day-cell " + todayStyle
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, day.format("DD")), /*#__PURE__*/React__default["default"].createElement("main", null, events.map(function (event) {
+    return /*#__PURE__*/React__default["default"].createElement(Event, {
+      key: event.id,
+      event: event
+    }, children);
+  })));
+};
+
+var Event = function Event(props) {
+  var event = props.event,
+      children = props.children;
+
+  if (children) {
+    var element = React__default["default"].Children.toArray(children)[0];
+    return React__default["default"].cloneElement(element, {
+      event: event
+    });
+  } else {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "event"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "event-name"
+    }, event.title));
+  }
+};
+
 var ranges = momentRange.extendMoment(moment__default["default"]);
 var DATE_RANGE = [{
   label: "Week",
@@ -8073,6 +8210,7 @@ var isFunction = function isFunction(value) {
 
 exports.Avatar = Avatar;
 exports.Button = Button;
+exports.Calendar = Calendar;
 exports.CheckBox = CheckBox;
 exports.Chip = Chip;
 exports.Chips = Chips;