ywana-core8 0.0.420 → 0.0.423

package/package.json

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

package/src/domain/TablePage.js

@@ -30,10 +30,17 @@ export const TablePage = (props) => {
     } = props
 
     const [pageContext, setPageContext] = useContext(PageContext)
+    const context = TableContext(url, field, host, urlQuery)
     const { selected } = pageContext
     const timer = useRef(null)
     const [form, setForm] = useState(selected)
 
+    useEffect(async () => {
+        await context.load()
+        if (canQuery) await context.loadQueries(user)
+        setPageContext(context)
+    }, [])
+
     useEffect(() => {
         setForm(selected)
     }, [selected])
@@ -47,12 +54,10 @@ export const TablePage = (props) => {
         }
     }, [form])
 
-    useEffect(async () => {
-        const context = TableContext(url, field, host, urlQuery)
-        await context.load()
-        if (canQuery) await context.loadQueries(user)
-        setPageContext(context)
-    }, [])
+    async function reload() {
+        await pageContext.load()
+        setPageContext(Object.assign({}, pageContext))
+    }
 
     function add() {
         const onOK = async (form) => {
@@ -130,6 +135,8 @@ export const TablePage = (props) => {
         <Fragment>
             <Header className="table-page" title={<Text>{title}</Text>}>
                 {canAdd ? <Button icon="add" label="Añadir" action={add} raised /> : null}
+                &nbsp;
+                <Button icon="refresh" label="Reload" action={reload} />
                 {dev ? (
                     <MenuIcon align="alignRight">
                         <MenuItem label="Cargar Escenario 1" onSelect={playScenario} />

package/src/html/table.js

@@ -146,10 +146,8 @@ const DataTableRow = (props) => {
  */
 const DataTableCell = ({ row, column, cell, editable }) => {
 
-    
     const render = (type) => {
         const { id, disabled = false, min, max, onChange, format, options, item } = column
-       
         if (id === "checked") {
             return <CheckBox id={id} value={cell} onChange={(id, value) => onChange(row.id, id, value)} />
         } else if (editable && onChange) {

package/src/html/table.test.js

@@ -10,6 +10,10 @@ const TableTest = (prop) => {
         ]
     )
 
+    function editCell(row, cell, value) {
+        console.log(row, cell, value)
+    }
+
     function select(row) {
         console.log('select',row)
     }
@@ -24,9 +28,10 @@ const TableTest = (prop) => {
     }
 
     const table = {
+        editable: true,
         columns : [
             { id: "checked", onChange: check },
-            { id: "name", label: "Name" },
+            { id: "name", label: "Name", type: "String", onChange: editCell},
             { id: "thumb", label: "Thumb", type: "String", format: "IMG" },
 
         ],

package/src/html/textfield.js

@@ -124,7 +124,6 @@ export const DropDown = (props) => {
     const [label, setLabel] = useState()
 
     useEffect(() => {
-        console.log('DD change value', label)
         if (Array.isArray(options)) {
             const option = options.find(option => option.value === value)
             const label = option ? option.label : ""

package/src/html/textfield.test.js

@@ -20,8 +20,15 @@ const TextFieldTest = (prop) => {
         { label: "Five", value: "5" },
     ]
 
+    const options2 = [
+        { label: "YES", value: "true" },
+        { label: "NO", value: "false" },
+    ]
+
+    console.log(form)
     return (
         <>
+            <DropDown id="b1" label="Boolean1" onChange={change} options={options2} value={form.b1} />
             <TokenField id="token1" label="Tokens" onChange={change} options={options}/>
             <TextField id="name" label="Name" value={form.name} onChange={change} />
             <DropDown id="gender1" label="Dropdown 1" value={form.gender1} onChange={change} options={options} predictive={false}/>

package/src/html/tokenfield.js

@@ -10,7 +10,6 @@ import './tokenfield.css'
 export const TokenField = ({ id, label, tokens = [], readOnly, options, onChange }) => {
   
   const [value, setValue] = useState()
-  const [open, setOpen] = useState(false)
 
   function remove(index) {
     const next = tokens.slice()

package/src/widgets/upload/UploadDialog.js

@@ -6,7 +6,7 @@ import { SiteContext, Dialog } from '../../site';
 /**
  * Upload Dialog
  */
-export const UploadDialog = ({ label, target, accept, onSuccess, onComplete, onClose }) => {
+export const UploadDialog = ({ label, target, accept, onSuccess, onComplete, onClose, children }) => {
 
     const site = useContext(SiteContext);
 
@@ -35,6 +35,7 @@ export const UploadDialog = ({ label, target, accept, onSuccess, onComplete, onC
     return (
         <Dialog title={title} open={true} onAction={onAction} actions={actions}>
             <Uploader label={label} accept={accept} target={target} onSuccess={success} onComplete={complete} />
+            {children}
         </Dialog>
     )
 }