ywana-core8 0.0.249 → 0.0.253

package/dist/index.umd.js

@@ -1130,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, {
@@ -2394,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],
@@ -2434,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");
@@ -2532,7 +2536,8 @@
       return /*#__PURE__*/React__default["default"].createElement(PlannerRow, {
         lane: lane,
         events: events,
-        period: period
+        period: period,
+        onSelectCell: selectCell
       });
     }))));
   };
@@ -2544,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;
     });
@@ -2559,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
       });
     }));
   };
@@ -2569,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();
@@ -2607,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);
   };
 
   /**