ywana-core8 0.0.248 → 0.0.252

package/dist/index.modern.js

@@ -222,7 +222,6 @@ var Text$1 = function Text(_ref) {
   var format = _ref.format,
       children = _ref.children;
   var site = useContext(SiteContext);
-  console.log('xxx', format, site);
   var value = children;
 
   if (site) {
@@ -237,7 +236,7 @@ var Text$1 = function Text(_ref) {
   var formatter = Intl.NumberFormat();
 
   switch (format) {
-    case FORMATS.NUMERIC:
+    case TEXTFORMATS.NUMERIC:
       value = formatter.format(children);
       break;
   }
@@ -1128,7 +1127,6 @@ var DropDown = function DropDown(props) {
     }
   }
 
-  console.log('dropdown', id, 'predictive', predictive);
   return /*#__PURE__*/React.createElement("div", {
     className: "dropdown"
   }, /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
@@ -1158,7 +1156,7 @@ var TYPES = {
  * FORMATS
  */
 
-var FORMATS$1 = {
+var FORMATS = {
   NONE: '',
   DATE: 'date',
   TIME: 'time',
@@ -1751,7 +1749,7 @@ var StringCellViewer = function StringCellViewer(_ref7) {
   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',
@@ -1759,7 +1757,7 @@ var StringCellViewer = function StringCellViewer(_ref7) {
       });
       break;
 
-    case FORMATS$1.TIME:
+    case FORMATS.TIME:
       text = new Date(text).toLocaleString(locale, {
         year: 'hour',
         month: 'minute',
@@ -2392,7 +2390,8 @@ var Planner = function Planner(_ref) {
       _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 = useState("month"),
       dateRange = _useState[0],
@@ -2432,6 +2431,10 @@ var Planner = function Planner(_ref) {
     setTo(to_date);
   }
 
+  function selectCell(lane, date) {
+    if (onSelectCell) onSelectCell(lane, date);
+  }
+
   var period = useMemo(function () {
     var start = ranges(from, "YYYY-MM-DD");
     var end = ranges(to, "YYYY-MM-DD");
@@ -2530,7 +2533,8 @@ var Planner = function Planner(_ref) {
     return /*#__PURE__*/React.createElement(PlannerRow, {
       lane: lane,
       events: events,
-      period: period
+      period: period,
+      onSelectCell: selectCell
     });
   }))));
 };
@@ -2542,7 +2546,8 @@ var PlannerRow = function PlannerRow(props) {
   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;
   });
@@ -2557,8 +2562,10 @@ var PlannerRow = function PlannerRow(props) {
       return eventDate.getTime() === slotDate.getTime();
     });
     return /*#__PURE__*/React.createElement(PlannerCell, {
+      lane: lane,
       date: date,
-      events: cellEvents
+      events: cellEvents,
+      onSelect: onSelectCell
     });
   }));
 };
@@ -2567,15 +2574,21 @@ var PlannerRow = function PlannerRow(props) {
  */
 
 
-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 = useState(false),
       dragOver = _useState4[0],
       setDragOver = _useState4[1];
 
+  function select() {
+    if (onSelect) onSelect(lane, date);
+  }
+
   function onDragOver(event) {
     if (!dragOver) setDragOver(true);
     event.stopPropagation();
@@ -2605,8 +2618,29 @@ var PlannerCell = function PlannerCell(_ref3) {
     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.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.createElement("div", {
+    className: "event-card",
+    style: style
+  }, title);
 };
 
 /**
@@ -3465,7 +3499,7 @@ var StringEditor = function StringEditor(_ref6) {
 
   function renderFormat(format, options) {
     switch (format) {
-      case FORMATS$1.HTML:
+      case FORMATS.HTML:
         return /*#__PURE__*/React.createElement(Editor, {
           id: id,
           value: value,
@@ -3473,7 +3507,7 @@ var StringEditor = function StringEditor(_ref6) {
           content: content
         });
 
-      case FORMATS$1.DATE:
+      case FORMATS.DATE:
         return /*#__PURE__*/React.createElement(TextField, {
           outlined: outlined,
           id: id,
@@ -5789,5 +5823,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Avatar, Button$1 as Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS$1 as FORMATS, FieldEditor, 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, TablePage, Tabs, Text$1 as Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadButton, UploadDialog, UploadFile, Uploader, Viewer, WaitScreen, isFunction };
+export { Avatar, Button$1 as Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, 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, TablePage, Tabs, Text$1 as Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadButton, UploadDialog, UploadFile, Uploader, Viewer, WaitScreen, isFunction };
 //# sourceMappingURL=index.modern.js.map