ywana-core8 0.0.550 → 0.0.551

package/dist/index.umd.js

@@ -1,13 +1,13 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal'], factory) :
-  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.deepEqual));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, equal) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('moment/locale/es'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'moment/locale/es', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal'], factory) :
+  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, null, global.resumablejs, global.reactNotificationsComponent, null, global.deepEqual));
+})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment$1, momentRange, es, ResumableJS, reactNotificationsComponent, theme_css, equal) {
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
   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);
 
@@ -2604,6 +2604,126 @@
     }));
   };
 
+  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;
+
+    var _useState = React.useState(),
+        position = _useState[0],
+        setPosition = _useState[1];
+
+    React.useEffect(function () {
+      var today = moment();
+      setPosition(today);
+    }, []);
+
+    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",
@@ -8068,6 +8188,7 @@
 
   exports.Avatar = Avatar;
   exports.Button = Button;
+  exports.Calendar = Calendar;
   exports.CheckBox = CheckBox;
   exports.Chip = Chip;
   exports.Chips = Chips;