ywana-core8 0.0.473 → 0.0.476

package/package.json

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

package/src/domain/TabbedTablePage.js

@@ -45,7 +45,6 @@ export const TabbedTablePage = (props) => {
     }, [])
     
     useEffect( async () => {
-        console.log("TAB", tab)
         if (tab) {
             const filter = { [tab.field]: tab.value }
             await pageContext.load(filter, [])
@@ -102,7 +101,6 @@ export const TabbedTablePage = (props) => {
     }
 
     async function save() {
-        console.log('saving.....')
         await pageContext.update(form)
         setPageContext(Object.assign({}, pageContext))
     }
@@ -153,9 +151,8 @@ export const TabbedTablePage = (props) => {
 
     function renderTabs() {
         const selected = tab ? tab.value : null 
-        console.log(selected)
         return (
-            <Tabs selected={selected} onChange={changeTab}>
+            <Tabs selected={selected} onChange={changeTab} fillRight={true} fillLeft={false}>
                 {tabs.map(tab => <Tab id={tab.value} label={tab.label} />)}
             </Tabs>
         )
@@ -659,9 +656,6 @@ const TableAPI = (url, host) => {
 
     return {
         all(filters, like = []) {
-
-            console.log(like)
-
             let queryParams = "?"
             if (filters) {
                 const filterQuery = Object.keys(filters).reduce((query, key) => {

package/src/html/tab.js

@@ -7,7 +7,7 @@ import './tab.css'
  */
 export const Tabs = (props) => {
 
-  const { children, selected, onChange } = props
+  const { children, selected, onChange, fillLeft=false, fillRight=true } = props
 
   const tabs = React.Children.map(children, (child, index) => {
 
@@ -23,8 +23,9 @@ export const Tabs = (props) => {
 
   return (
     <div className="tabs">
+       { fillLeft ? <div className="tab-filler" /> : null }
       {tabs}
-      <div className="tab-filler" />
+      { fillRight ? <div className="tab-filler" /> : null }
     </div>
   )
 }

package/src/html/textfield.test.js

@@ -25,10 +25,11 @@ const TextFieldTest = (prop) => {
         { 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}/>
+            <TokenField id="token1" label="Tokens" onChange={change} />
             <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}/>
             <DropDown id="gender2" label="Dropdown 2" value={form.gender2} onChange={change} options={options} predictive={true}/>

package/src/html/tokenfield.js

@@ -33,7 +33,7 @@ export const TokenField = ({ id, label, tokens = [], readOnly, options, onChange
       event.preventDefault()
       event.stopPropagation()
       const token = event.target.value
-      const next = tokens.concat(token)
+      const next = tokens.concat(token.trim())
       if (onChange) onChange(id, next)
       setValue('')
     }

package/src/site/site.test.js

@@ -116,13 +116,13 @@ const Page3 = (props) => {
 
     const schema = {
         name  : { id: "name"  , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true , like: true, label: "Name"   },
-        state : { id: "state" , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: true , column: true , filter: false, label: "State" , options: [
+        state : { id: "state" , type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: true , column: true , filter: false            , label: "State" , options: [
             { label: "Pendiente", value: "NOT_CLASSIFIED" },
             { label: "Clasificada", value: "CLASSIFIED"}, 
         ]},
-        field1: { id: "field1", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true , label: "field1" },
-        field2: { id: "field2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true , label: "field2" },
-        field4: { id: "field4", type: TYPES.STRING, format: FORMATS.COLOR, required: true, tab: false, column: true , filter: true , label: "Color"  },
+        field1: { id: "field1", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true             , label: "field1" },
+        field2: { id: "field2", type: TYPES.STRING, format: FORMATS.NONE , required: true, tab: false, column: true , filter: true             , label: "field2" },
+        field4: { id: "field4", type: TYPES.STRING, format: FORMATS.COLOR, required: true, tab: false, column: true , filter: true             , label: "Color"  },
     }
 
     return (