ywana-core8 0.0.431 → 0.0.434

package/dist/index.umd.js

@@ -2475,6 +2475,9 @@
   }, {
     label: "Month",
     value: "month"
+  }, {
+    label: "Year",
+    value: "year"
   }];
   /**
    * Planner
@@ -2489,7 +2492,8 @@
         _ref$navigation = _ref.navigation,
         navigation = _ref$navigation === void 0 ? true : _ref$navigation,
         onSelectCell = _ref.onSelectCell,
-        focusEvent = _ref.focusEvent;
+        focusEvent = _ref.focusEvent,
+        onChange = _ref.onChange;
 
     var _useState = React.useState("month"),
         dateRange = _useState[0],
@@ -2640,7 +2644,8 @@
         lane: lane,
         events: events,
         period: period,
-        onSelectCell: selectCell
+        onSelectCell: selectCell,
+        onChange: onChange
       });
     }))));
   };
@@ -2653,10 +2658,16 @@
         _props$events = props.events,
         events = _props$events === void 0 ? [] : _props$events,
         period = props.period,
-        onSelectCell = props.onSelectCell;
+        onSelectCell = props.onSelectCell,
+        onChange = props.onChange;
     var rowEvents = events.filter(function (event) {
       return event.lane === lane.id;
     });
+
+    function change(data) {
+      if (onChange) onChange(data);
+    }
+
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row"
     }, period.map(function (date) {
@@ -2671,7 +2682,8 @@
         lane: lane,
         date: date,
         events: cellEvents,
-        onSelect: onSelectCell
+        onSelect: onSelectCell,
+        onDrop: change
       });
     }));
   };
@@ -2716,12 +2728,14 @@
         lane: lane.id,
         date: date.moment.format("YYYY-MM-DD")
       });
+      setDragOver(false);
     }
 
     var isWekend = [0, 6].includes(date.moment.day());
     var weekend = isWekend ? "weekend" : "";
+    var dragOverStyle = dragOver ? "drag-over" : "";
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "cell " + weekend,
+      className: "cell " + weekend + " " + dragOverStyle,
       onDragOver: onDragOver,
       onDragLeave: onDragLeave,
       onDrop: drop,
@@ -2744,6 +2758,7 @@
       color: "white"
     };
     return /*#__PURE__*/React__default["default"].createElement("div", {
+      draggable: "true",
       className: "event-card",
       style: style
     }, title);
@@ -5237,6 +5252,7 @@
 
       case TYPES.ARRAY:
         return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
+          label: label,
           item: item,
           value: value
         });
@@ -5275,15 +5291,22 @@
 
 
   var ArrayViewer = function ArrayViewer(props) {
-    var item = props.item;
+    var label = props.label,
+        item = props.item,
+        value = props.value;
     var columns = Object.keys(item).map(function (key) {
       return item[key]["label"];
     });
+    console.log("ARRAYVIEWER", item, value, columns);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "array-viewer"
-    }, /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
-      return /*#__PURE__*/React__default["default"].createElement("th", null, column.name);
-    })), /*#__PURE__*/React__default["default"].createElement("tbody", null, "...")));
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, label), /*#__PURE__*/React__default["default"].createElement("table", null, /*#__PURE__*/React__default["default"].createElement("thead", null, columns.map(function (column) {
+      return /*#__PURE__*/React__default["default"].createElement("th", null, column);
+    })), /*#__PURE__*/React__default["default"].createElement("tbody", null, value.map(function (v) {
+      return /*#__PURE__*/React__default["default"].createElement("tr", null, Object.keys(item).map(function (key) {
+        return /*#__PURE__*/React__default["default"].createElement("td", null, v[key]);
+      }));
+    }))));
   };
 
   var QUERY = {