ywana-core8 0.0.505 → 0.0.508

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.505",
+  "version": "0.0.508",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/table.js

@@ -230,7 +230,7 @@ const StringCellViewer = ({ id, value, format, options }) => {
         case FORMATS.DATE: 
             let fecha = new Date(text)
             fecha.setMinutes(fecha.getMinutes() + fecha.getTimezoneOffset() + 1)
-            text = fecha.toLocaleString( locale, { year: 'numeric', month: 'numeric', day: 'numeric'});
+            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' }); 

package/src/html/table.test.js

@@ -14,7 +14,7 @@ export const TableTest = (prop) => {
             { id: 6, checked: false, name: "John Smith"    , color: "#CCFFFF" },
             { id: 7, checked: false, name: "Ann Martin"    , color: "#CCFFFF" },
             { id: 8, checked: false, name: "Martin Freeman", color: "#CCFFFF" },
-            { id: 9, checked: false, name: "Ann Martin"    , color: "#CCFFFF" },
+            { id: 9, checked: false, name: "Ann Martin"    , color: "#CCFFFF", date: new Date().toString() },
         ]
     )
 
@@ -44,6 +44,7 @@ export const TableTest = (prop) => {
             { id: "name", label: "Name", type: "String", sortable: true },
             { id: "thumb", label: "Thumb", type: "String", format: FORMATS.IMG },
             { id: "color", label: "Color", type: "String", format: FORMATS.COLOR },
+            { id: "date", label: "Date", type: "String", format: FORMATS.DATE },
         ],
         rows
     } 

package/src/widgets/planner/Planner.js

@@ -129,7 +129,7 @@ export const Planner = ({ title, events = [], lanes = [], navigation = true, onS
                         })}
                     </div>
 
-                    {lanes.map((lane) => <PlannerRow lane={lane} events={events} period={period} onSelectCell={selectCell} onChange={onChange}/>)}
+                    {lanes.map((lane) => <PlannerRow key={lane.id} lane={lane} events={events} period={period} onSelectCell={selectCell} onChange={onChange}/>)}
 
                 </div>
             </main>
@@ -161,7 +161,7 @@ const PlannerRow = (props) => {
                     return eventDate.getTime() === slotDate.getTime();
                 })
                 return (
-                    <PlannerCell lane={lane} date={date} events={cellEvents} onSelect={onSelectCell} onDrop={change}/>
+                    <PlannerCell key={`${lane.id}-${slotDate.toString()}`} lane={lane} date={date} events={cellEvents} onSelect={onSelectCell} onDrop={change}/>
                 );
             })}
         </div>
@@ -211,7 +211,7 @@ const PlannerCell = ({ lane, events, date, disabled = false, onAdd, onDelete, on
         <div className={`cell ${weekend} ${dragOverStyle}`} onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={drop} onClick={select}>
             {events.map(event => {
                 const { Renderer = EventCard } = event
-                return <Renderer event={event} />
+                return <Renderer key={event.id} event={event} />
             })}
         </div>
     );