ywana-core8 0.0.550 → 0.0.551

package/dist/index.modern.js

@@ -1,8 +1,9 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
 import React, { useContext, useState, useEffect, Fragment, useMemo, useRef, Children } from 'react';
 import RSwitch from 'react-switch';
-import moment from 'moment';
+import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
+import 'moment/locale/es';
 import ResumableJS from 'resumablejs';
 import { ReactNotifications, Store } from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
@@ -2601,7 +2602,127 @@ var WaitScreen = function WaitScreen() {
   }));
 };
 
-var ranges = extendMoment(moment);
+moment$1.locale('es');
+var moment = extendMoment(moment$1);
+var Calendar = function Calendar(props) {
+  var _props$events = props.events,
+      events = _props$events === void 0 ? [] : _props$events,
+      children = props.children;
+
+  var _useState = useState(),
+      position = _useState[0],
+      setPosition = _useState[1];
+
+  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.createElement("div", {
+    className: "calendar"
+  }, /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement("label", null, " ", monthName, " ", year), /*#__PURE__*/React.createElement(Button, {
+    icon: "chevron_left",
+    raised: true,
+    action: prev
+  }), /*#__PURE__*/React.createElement(Button, {
+    label: "Hoy",
+    outlined: true,
+    action: today
+  }), /*#__PURE__*/React.createElement(Button, {
+    icon: "chevron_right",
+    raised: true,
+    action: next
+  })), /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement("div", {
+    className: "week-day-cell"
+  }, "Lun"), /*#__PURE__*/React.createElement("div", {
+    className: "week-day-cell"
+  }, "Mar"), /*#__PURE__*/React.createElement("div", {
+    className: "week-day-cell"
+  }, "Mi\xE9"), /*#__PURE__*/React.createElement("div", {
+    className: "week-day-cell"
+  }, "Jue"), /*#__PURE__*/React.createElement("div", {
+    className: "week-day-cell"
+  }, "Vie"), /*#__PURE__*/React.createElement("div", {
+    className: "week-day-cell"
+  }, "Sab"), /*#__PURE__*/React.createElement("div", {
+    className: "week-day-cell"
+  }, "Dom")), /*#__PURE__*/React.createElement("main", null, cells.map(function (cell) {
+    return /*#__PURE__*/React.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.createElement("div", {
+    className: "day-cell " + todayStyle
+  }, /*#__PURE__*/React.createElement("header", null, day.format("DD")), /*#__PURE__*/React.createElement("main", null, events.map(function (event) {
+    return /*#__PURE__*/React.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.Children.toArray(children)[0];
+    return React.cloneElement(element, {
+      event: event
+    });
+  } else {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "event"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "event-name"
+    }, event.title));
+  }
+};
+
+var ranges = extendMoment(moment$1);
 var DATE_RANGE = [{
   label: "Week",
   value: "week"
@@ -2658,7 +2779,7 @@ var Planner = function Planner(_ref) {
     });
   }, [focusEvent]);
   useEffect(function () {
-    var today = moment();
+    var today = moment$1();
     var from_date = today.startOf(dateRange).format("YYYY-MM-DD");
     var to_date = today.endOf(dateRange).format("YYYY-MM-DD");
     setFrom(from_date);
@@ -2666,7 +2787,7 @@ var Planner = function Planner(_ref) {
   }, [dateRange]);
 
   function next() {
-    var actual = moment(from);
+    var actual = moment$1(from);
     var next = actual.add(1, dateRange);
     var from_date = next.startOf(dateRange).format("YYYY-MM-DD");
     var to_date = next.endOf(dateRange).format("YYYY-MM-DD");
@@ -2675,7 +2796,7 @@ var Planner = function Planner(_ref) {
   }
 
   function prev() {
-    var actual = moment(from);
+    var actual = moment$1(from);
     var next = actual.subtract(1, dateRange);
     var from_date = next.startOf(dateRange).format("YYYY-MM-DD");
     var to_date = next.endOf(dateRange).format("YYYY-MM-DD");
@@ -2785,7 +2906,7 @@ var Planner = function Planner(_ref) {
   }, period.map(function (date) {
     var isWekend = [0, 6].includes(date.moment.day());
     var weekend = isWekend ? "weekend" : "";
-    var thisWeek = moment().startOf('week').isSame(date.moment, "week") ? "thisWeek" : "";
+    var thisWeek = moment$1().startOf('week').isSame(date.moment, "week") ? "thisWeek" : "";
     return /*#__PURE__*/React.createElement("div", {
       className: "column-header"
     }, /*#__PURE__*/React.createElement("div", {
@@ -2891,7 +3012,7 @@ var PlannerCell = function PlannerCell(_ref2) {
 
   var isWekend = [0, 6].includes(date.moment.day());
   var weekend = isWekend ? "weekend" : "";
-  var today = moment();
+  var today = moment$1();
   var weekStart = today.clone().startOf('week');
   var thisMonday = date.moment.isSame(weekStart) ? "thisMonday" : "";
   var dragOverStyle = dragOver ? "drag-over" : "";
@@ -8063,5 +8184,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Avatar, Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$1 as TableEditor, TablePage, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
+export { Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionFilters, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, FileExplorer, FileIconsView, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$1 as TableEditor, TablePage, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
 //# sourceMappingURL=index.modern.js.map