ywana-core8 0.0.541 → 0.0.542

package/package.json

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

package/src/domain/TablePage.js

@@ -481,7 +481,7 @@ export const TableEditor = (props) => {
     return (
         <Fragment>
             <Header icon={icon} title={<Text>{title}</Text>}>
-                <DropDown id="groupBy" label="Agrupar Por" value={groupBy} options={buildGroupOptions(schema)} onChange={changeGroup} />
+                { groupBy ? <DropDown id="groupBy" label="Agrupar Por" value={groupBy} options={buildGroupOptions(schema)} onChange={changeGroup} /> : null }
             </Header>
             <main className="table-editor">
                 {renderGroups()}

package/src/site/view.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react'
-import { Icon, MenuIcon } from '../html'
+import { Icon, MenuIcon, Tabs, Tab, Stack } from '../html'
 import './view.css'
 
 /**
@@ -32,4 +32,25 @@ export const View = (props) => {
             {info ? <footer>{info}</footer> : null}
         </section>
     )
+}
+
+export const TabbedView = (props) => {
+
+    const { title, className } = 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>)
+
+    const toolbar = (
+        <Tabs selected={tab} onChange={tab => setTab(tab)}>
+            {tabs}
+        </Tabs>
+    )
+    return (
+        <View title={title} toolbar={toolbar} className={className}>
+            <Stack selected={tab}>
+                {children}
+            </Stack>
+        </View>
+    )
 }