ywana-core8 0.0.435 → 0.0.438

package/package.json

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

package/src/domain/ContentEditor.js

@@ -284,8 +284,6 @@ const NumberEditor = ({ field, value, onChange, outlined = false }) => {
   const max = field.max
   const disabled = !editable
 
-  console.log('NumberEditor: ', label, val, value)
-
   return (
     <div className='field-editor number-editor'>
       <TextField outlined={outlined} id={id} label={label} type='NUMBER' value={val} max={max} min={min} onChange={change} disabled={disabled} />

package/src/domain/ContentViewer.js

@@ -89,7 +89,6 @@ const EntityViewer = (props) => {
 const ArrayViewer = (props) => {
     const { label, item, value } = props
     const columns = Object.keys(item).map(key => item[key]["label"])
-    console.log("ARRAYVIEWER", item, value, columns)
     return (
         <div className="array-viewer">
             <header>

package/src/domain/TablePage.js

@@ -227,7 +227,6 @@ const TableQueries = (props) => {
     const [selected, setSelected] = useState()
 
     function select(query) {
-        console.log("TableQueries.select", query)
         setSelected(query.id)
         pageContext.changeFilters(query.filters)
         setPageContext(Object.assign({}, pageContext))
@@ -565,7 +564,6 @@ const TableContext = (url, field, host, urlQuery) => {
         },
 
         changeFilters(filters) {
-            console.log("TableContext.changeFilters", filters)
             this.filters = filters
         },
 

package/src/html/table.js

@@ -5,6 +5,7 @@ import { Icon } from './icon'
 import { Text } from './text'
 import './table.css'
 import { FORMATS, TYPES } from '../domain/ContentType'
+import { ColorField } from './color'
 
 const isFunction = value => value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 
@@ -212,6 +213,8 @@ const StringCellViewer = ({ id, value, format, options }) => {
     let text = option ? option.label : value
     const locale = window.navigator.userLanguage || window.navigator.language;
     switch (format) {
+        case FORMATS.COLOR:
+            text = <input type="color" value={text} disabled/>
         case FORMATS.URL:
             text = <a href={text} target="download" download >{text}</a>
             break;

package/src/html/table.test.js

@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+import { FORMATS } from '../domain/ContentType'
 import { DataTable } from './table'
 
 const TableTest = (prop) => {
@@ -6,7 +7,7 @@ const TableTest = (prop) => {
     const [rows, setRows] = useState(
         [
             { id: 1, checked: false, name: "John Smith", thumb: "https://w7.pngwing.com/pngs/881/826/png-transparent-pikachu-ash-ketchum-pokemon-vrste-pikachu-leaf-flower-meme-thumbnail.png"},
-            { id: 2, checked: false, name: "Ann Martin" }
+            { id: 2, checked: false, name: "Ann Martin", color: "#CCFFFF" }
         ]
     )
 
@@ -32,8 +33,8 @@ const TableTest = (prop) => {
         columns : [
             { id: "checked", onChange: check },
             { id: "name", label: "Name", type: "String", onChange: editCell},
-            { id: "thumb", label: "Thumb", type: "String", format: "IMG" },
-
+            { id: "thumb", label: "Thumb", type: "String", format: FORMATS.IMG },
+            { id: "color", label: "Color", type: "String", format: FORMATS.COLOR },
         ],
         rows
     }

package/src/html/textfield.test.js

@@ -25,7 +25,6 @@ const TextFieldTest = (prop) => {
         { label: "NO", value: "false" },
     ]
 
-    console.log(form)
     return (
         <>
             <DropDown id="b1" label="Boolean1" onChange={change} options={options2} value={form.b1} />

package/src/widgets/ide/editor.js

@@ -21,7 +21,7 @@ export const EditorBox = (props) => {
     }
 
     function split() {
-        console.log('TODO: Split Vertical')
+       // console.log('TODO: Split Vertical')
     }
     
     const style = " "
@@ -52,7 +52,7 @@ export const Editor = (props) => {
     }
 
     function split() {
-        console.log('TODO: Split Vertical')
+        // console.log('TODO: Split Vertical')
     }
     
     const style = " "

package/src/widgets/upload/UploadArea.js

@@ -49,7 +49,6 @@ export const UploadIcon = ({ icon = "folder_open", resumable }) => {
     useEffect(() => {
         if (resumable && iconElement.current) {
             resumable.assignBrowse(iconElement.current)
-            console.log('uploadicon')
         }
     }, [iconElement])
 

package/src/widgets/upload/UploadDialog.js

@@ -34,7 +34,7 @@ export const UploadDialog = ({ label, target, accept, onSuccess, onComplete, onC
     const title = <Text use="headline6">{label}</Text>
     return (
         <Dialog title={title} open={true} onAction={onAction} actions={actions} className={className}>
-            { disabled ? "" :  <Uploader label={label} accept={accept} target={target} onSuccess={success} onComplete={complete} />
+            { disabled ? "" :  <Uploader label={label} accept={accept} target={target} onSuccess={success} onComplete={complete} /> }
             {children}
         </Dialog>
     )