ywana-core8 0.0.551 → 0.0.554

package/package.json

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

package/src/site/view.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect } from 'react'
 import { Icon, MenuIcon, Tabs, Tab, Stack } from '../html'
 import './view.css'
 
@@ -36,11 +36,15 @@ export const View = (props) => {
 
 export const TabbedView = (props) => {
 
-    const { title, className } = props
+    const { title, className, selected } = props
     const [tab, setTab] = useState(0)
     const children = React.Children.toArray(props.children);
     const tabs = children.map(child => <Tab key={child.props.label} label={child.props.label}></Tab>)
 
+    useEffect(() => {
+        if (selected && selected !== tab) setTab(selected)
+    }, [selected])
+
     const toolbar = (
         <Tabs selected={tab} onChange={tab => setTab(tab)}>
             {tabs}

package/src/widgets/calendar/Calendar.js

@@ -10,7 +10,7 @@ const moment = extendMoment(Moment)
 
 export const Calendar = (props) => {
 
-    const { events = [], children} = props
+    const { events = [], children, onChange } = props
     const [position, setPosition] = useState()
 
     useEffect(() => {
@@ -18,6 +18,17 @@ export const Calendar = (props) => {
         setPosition(today)
     }, [])
 
+    useEffect(() => {
+        if (position && onChange) {
+            const firstDayOfMonth = position.clone().startOf('month');
+            const firstDayOfRange = firstDayOfMonth.clone().startOf('isoweek');
+            const lastDayOfMonth = position.clone().endOf('month');
+            const lastDayOfRange = lastDayOfMonth.clone().endOf('isoweek');
+            const range = moment.range(firstDayOfRange, lastDayOfRange)
+            onChange(position, range)
+        }
+    }, [position])
+
     function next() {
         const next = position.clone().add(1, 'month')
         setPosition(next)