ywana-core8 0.0.503 → 0.0.506

package/package.json

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

package/src/site/site.js

@@ -21,7 +21,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary }) => {
     const [sideNav, setSideNav] = useState('max')
     const [showNav, setShowNav] = useState(false)
     const [info, setInfo] = useState(null)
-    const [showConsole, setShowConsole] = useState(true)
+    const [showConsole, setShowConsole] = useState(false)
     const [consoleLines, setConsoleLines] = useState([])
     const [page, setPage] = useState()
     const [dialog, setDialog] = useState()

package/src/widgets/planner/Planner.js

@@ -15,17 +15,17 @@ const DATE_RANGE = [
 /**
  * Planner
  */
-export const Planner = ({ title, events = [], lanes = [], navigation = true, onSelectCell, focusEvent, onChange }) => {
+export const Planner = ({ title, events = [], lanes = [], navigation = true, onSelectCell, focusEvent, config = { range: "year", from: "2022-01-01", to: "2022-12-30"}, onChange }) => {
 
-    const [dateRange, setDateRange] = useState("year");
-    const [from, setFrom] = useState("2022-01-01");
-    const [to, setTo] = useState("2022-12-30");
+    const [dateRange, setDateRange] = useState(config.range);
+    const [from, setFrom] = useState(config.from);
+    const [to, setTo] = useState(config.to);
 
     useEffect(() => {
         const element = document.getElementById(focusEvent)
         if (element) element.scrollIntoView({
             behavior: 'smooth',
-            block: 'start',
+            block: 'center',
             inline: 'center'
         })
     }, [focusEvent])
@@ -208,7 +208,7 @@ const PlannerCell = ({ lane, events, date, disabled = false, onAdd, onDelete, on
     const weekend = isWekend ? "weekend" : "";
     const dragOverStyle = dragOver ? "drag-over" : ""
      return (
-        <div className={`cell ${weekend} ${dragOverStyle}`} onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={drop} onClick={select}>
+        <div key={`${lane}-${date}`} className={`cell ${weekend} ${dragOverStyle}`} onDragOver={onDragOver} onDragLeave={onDragLeave} onDrop={drop} onClick={select}>
             {events.map(event => {
                 const { Renderer = EventCard } = event
                 return <Renderer event={event} />