ywana-core8 0.0.247 → 0.0.251

package/dist/index.umd.js

@@ -208,7 +208,7 @@
 
   var SiteContext = React__default["default"].createContext({});
 
-  var FORMATS$1 = {
+  var TEXTFORMATS = {
     NONE: '',
     NUMERIC: 'numeric',
     DATE: 'date',
@@ -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$1.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, {
@@ -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,28 @@
       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;
+    var style = {
+      backgroundColor: "red",
+      color: "white"
+    };
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "event-card",
+      style: style
+    }, title);
   };
 
   /**
@@ -5840,6 +5873,7 @@
   exports.SiteProvider = SiteProvider;
   exports.Stack = Stack;
   exports.Switch = Switch;
+  exports.TEXTFORMATS = TEXTFORMATS;
   exports.TYPES = TYPES;
   exports.Tab = Tab;
   exports.TabbedContentEditor = TabbedContentEditor;