ywana-core8 0.0.248 → 0.0.252

package/dist/index.umd.js

@@ -225,7 +225,6 @@
     var format = _ref.format,
         children = _ref.children;
     var site = React.useContext(SiteContext);
-    console.log('xxx', format, site);
     var value = children;
 
     if (site) {
@@ -240,7 +239,7 @@
     var formatter = Intl.NumberFormat();
 
     switch (format) {
-      case FORMATS.NUMERIC:
+      case TEXTFORMATS.NUMERIC:
         value = formatter.format(children);
         break;
     }
@@ -1131,7 +1130,6 @@
       }
     }
 
-    console.log('dropdown', id, 'predictive', predictive);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "dropdown"
     }, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
@@ -1161,7 +1159,7 @@
    * FORMATS
    */
 
-  var FORMATS$1 = {
+  var FORMATS = {
     NONE: '',
     DATE: 'date',
     TIME: 'time',
@@ -1754,7 +1752,7 @@
     var locale = window.navigator.userLanguage || window.navigator.language;
 
     switch (format) {
-      case FORMATS$1.DATE:
+      case FORMATS.DATE:
         text = new Date(text).toLocaleString(locale, {
           year: 'numeric',
           month: 'numeric',
@@ -1762,7 +1760,7 @@
         });
         break;
 
-      case FORMATS$1.TIME:
+      case FORMATS.TIME:
         text = new Date(text).toLocaleString(locale, {
           year: 'hour',
           month: 'minute',
@@ -2395,7 +2393,8 @@
         _ref$lanes = _ref.lanes,
         lanes = _ref$lanes === void 0 ? [] : _ref$lanes,
         _ref$navigation = _ref.navigation,
-        navigation = _ref$navigation === void 0 ? true : _ref$navigation;
+        navigation = _ref$navigation === void 0 ? true : _ref$navigation,
+        onSelectCell = _ref.onSelectCell;
 
     var _useState = React.useState("month"),
         dateRange = _useState[0],
@@ -2435,6 +2434,10 @@
       setTo(to_date);
     }
 
+    function selectCell(lane, date) {
+      if (onSelectCell) onSelectCell(lane, date);
+    }
+
     var period = React.useMemo(function () {
       var start = ranges(from, "YYYY-MM-DD");
       var end = ranges(to, "YYYY-MM-DD");
@@ -2533,7 +2536,8 @@
       return /*#__PURE__*/React__default["default"].createElement(PlannerRow, {
         lane: lane,
         events: events,
-        period: period
+        period: period,
+        onSelectCell: selectCell
       });
     }))));
   };
@@ -2545,7 +2549,8 @@
     var lane = props.lane,
         _props$events = props.events,
         events = _props$events === void 0 ? [] : _props$events,
-        period = props.period;
+        period = props.period,
+        onSelectCell = props.onSelectCell;
     var rowEvents = events.filter(function (event) {
       return event.lane === lane.id;
     });
@@ -2560,8 +2565,10 @@
         return eventDate.getTime() === slotDate.getTime();
       });
       return /*#__PURE__*/React__default["default"].createElement(PlannerCell, {
+        lane: lane,
         date: date,
-        events: cellEvents
+        events: cellEvents,
+        onSelect: onSelectCell
       });
     }));
   };
@@ -2570,15 +2577,21 @@
    */
 
 
-  var PlannerCell = function PlannerCell(_ref3) {
-    var lane = _ref3.lane,
-        date = _ref3.date,
-        onDrop = _ref3.onDrop;
+  var PlannerCell = function PlannerCell(_ref2) {
+    var lane = _ref2.lane,
+        events = _ref2.events,
+        date = _ref2.date,
+        onSelect = _ref2.onSelect,
+        onDrop = _ref2.onDrop;
 
     var _useState4 = React.useState(false),
         dragOver = _useState4[0],
         setDragOver = _useState4[1];
 
+    function select() {
+      if (onSelect) onSelect(lane, date);
+    }
+
     function onDragOver(event) {
       if (!dragOver) setDragOver(true);
       event.stopPropagation();
@@ -2608,8 +2621,29 @@
       className: "cell " + weekend,
       onDragOver: onDragOver,
       onDragLeave: onDragLeave,
-      onDrop: drop
-    }, "c");
+      onDrop: drop,
+      onClick: select
+    }, events.map(function (event) {
+      var _event$Renderer = event.Renderer,
+          Renderer = _event$Renderer === void 0 ? EventCard : _event$Renderer;
+      return /*#__PURE__*/React__default["default"].createElement(Renderer, {
+        event: event
+      });
+    }));
+  };
+
+  var EventCard = function EventCard(props) {
+    var event = props.event;
+    var title = event.title,
+        color = event.color;
+    var style = {
+      backgroundColor: color,
+      color: "white"
+    };
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "event-card",
+      style: style
+    }, title);
   };
 
   /**
@@ -3468,7 +3502,7 @@
 
     function renderFormat(format, options) {
       switch (format) {
-        case FORMATS$1.HTML:
+        case FORMATS.HTML:
           return /*#__PURE__*/React__default["default"].createElement(Editor, {
             id: id,
             value: value,
@@ -3476,7 +3510,7 @@
             content: content
           });
 
-        case FORMATS$1.DATE:
+        case FORMATS.DATE:
           return /*#__PURE__*/React__default["default"].createElement(TextField, {
             outlined: outlined,
             id: id,
@@ -5809,7 +5843,7 @@
   exports.Dialog = Dialog;
   exports.DropDown = DropDown;
   exports.EditContentDialog = EditContentDialog;
-  exports.FORMATS = FORMATS$1;
+  exports.FORMATS = FORMATS;
   exports.FieldEditor = FieldEditor;
   exports.Form = Form;
   exports.HTTPClient = HTTPClient;