ywana-core8 0.0.432 → 0.0.435

package/dist/index.cjs

@@ -2480,6 +2480,9 @@ var DATE_RANGE = [{
 }, {
   label: "Month",
   value: "month"
+}, {
+  label: "Year",
+  value: "year"
 }];
 /**
  * Planner
@@ -2494,7 +2497,8 @@ var Planner = function Planner(_ref) {
       _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],
@@ -2645,7 +2649,8 @@ var Planner = function Planner(_ref) {
       lane: lane,
       events: events,
       period: period,
-      onSelectCell: selectCell
+      onSelectCell: selectCell,
+      onChange: onChange
     });
   }))));
 };
@@ -2658,10 +2663,16 @@ var PlannerRow = function PlannerRow(props) {
       _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) {
@@ -2676,7 +2687,8 @@ var PlannerRow = function PlannerRow(props) {
       lane: lane,
       date: date,
       events: cellEvents,
-      onSelect: onSelectCell
+      onSelect: onSelectCell,
+      onDrop: change
     });
   }));
 };
@@ -2721,12 +2733,14 @@ var PlannerCell = function PlannerCell(_ref2) {
       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,
@@ -2749,6 +2763,7 @@ var EventCard = function EventCard(props) {
     color: "white"
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
+    draggable: "true",
     className: "event-card",
     style: style
   }, title);
@@ -5242,6 +5257,7 @@ var FieldViewer = function FieldViewer(props) {
 
     case TYPES.ARRAY:
       return /*#__PURE__*/React__default["default"].createElement(ArrayViewer, {
+        label: label,
         item: item,
         value: value
       });
@@ -5280,7 +5296,8 @@ var EntityViewer = function EntityViewer(props) {
 
 
 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"];
@@ -5288,7 +5305,7 @@ var ArrayViewer = function ArrayViewer(props) {
   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) {
+  }, /*#__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) {