ywana-core8 0.0.506 → 0.0.509

package/dist/index.modern.js

@@ -1806,7 +1806,8 @@ var DataTableCell = function DataTableCell(_ref4) {
   return column.type === TYPES.ENTITY ? /*#__PURE__*/React.createElement(EntityCellViewer, {
     id: column.id,
     item: column.item,
-    value: cell
+    value: cell,
+    format: format
   }) : /*#__PURE__*/React.createElement("td", {
     key: column.id,
     className: column.id
@@ -1821,15 +1822,59 @@ var DataTableCell = function DataTableCell(_ref4) {
 
 var EntityCellViewer = function EntityCellViewer(_ref5) {
   var item = _ref5.item,
-      value = _ref5.value;
+      value = _ref5.value,
+      format = _ref5.format;
   var fields = Object.values(item).filter(function (field) {
     return field.column === true;
   });
   return fields.map(function (field) {
+    var text = value[field.id];
+
+    switch (format) {
+      case FORMATS.COLOR:
+        text = /*#__PURE__*/React.createElement("input", {
+          type: "color",
+          value: text,
+          disabled: true
+        });
+
+      case FORMATS.URL:
+        text = /*#__PURE__*/React.createElement("a", {
+          href: text,
+          target: "download",
+          download: true
+        }, text);
+        break;
+
+      case FORMATS.IMG:
+        text = /*#__PURE__*/React.createElement("img", {
+          src: text
+        });
+        break;
+
+      case FORMATS.DATE:
+        var fecha = new Date(text);
+        fecha.setMinutes(fecha.getMinutes() + fecha.getTimezoneOffset() + 1);
+        text = fecha.toLocaleString(locale, {
+          day: 'numeric',
+          month: 'numeric',
+          year: 'numeric'
+        });
+        break;
+
+      case FORMATS.TIME:
+        text = new Date(text).toLocaleString(locale, {
+          year: 'hour',
+          month: 'minute',
+          day: 'second'
+        });
+        break;
+    }
+
     return /*#__PURE__*/React.createElement("td", {
       key: field.id,
       className: "entity-cell " + field.id
-    }, value[field.id]);
+    }, text);
   });
 };
 /**
@@ -1892,9 +1937,9 @@ var StringCellViewer = function StringCellViewer(_ref7) {
       var fecha = new Date(text);
       fecha.setMinutes(fecha.getMinutes() + fecha.getTimezoneOffset() + 1);
       text = fecha.toLocaleString(locale, {
-        year: 'numeric',
+        day: 'numeric',
         month: 'numeric',
-        day: 'numeric'
+        year: 'numeric'
       });
       break;
 
@@ -2710,6 +2755,7 @@ var Planner = function Planner(_ref) {
     }, date.moment.format("ddd"))));
   })), lanes.map(function (lane) {
     return /*#__PURE__*/React.createElement(PlannerRow, {
+      key: lane.id,
       lane: lane,
       events: events,
       period: period,
@@ -2748,6 +2794,7 @@ var PlannerRow = function PlannerRow(props) {
       return eventDate.getTime() === slotDate.getTime();
     });
     return /*#__PURE__*/React.createElement(PlannerCell, {
+      key: lane.id + "-" + slotDate.toString(),
       lane: lane,
       date: date,
       events: cellEvents,
@@ -2804,7 +2851,6 @@ var PlannerCell = function PlannerCell(_ref2) {
   var weekend = isWekend ? "weekend" : "";
   var dragOverStyle = dragOver ? "drag-over" : "";
   return /*#__PURE__*/React.createElement("div", {
-    key: lane + "-" + date,
     className: "cell " + weekend + " " + dragOverStyle,
     onDragOver: onDragOver,
     onDragLeave: onDragLeave,
@@ -2814,6 +2860,7 @@ var PlannerCell = function PlannerCell(_ref2) {
     var _event$Renderer = event.Renderer,
         Renderer = _event$Renderer === void 0 ? EventCard : _event$Renderer;
     return /*#__PURE__*/React.createElement(Renderer, {
+      key: event.id,
       event: event
     });
   }));