ywana-core8 0.0.436 → 0.0.439

package/package.json

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

package/src/domain/CollectionPage.js

@@ -15,9 +15,9 @@ import "./CollectionPage.css"
 export const CollectionPage = (props) => {
 
     const site = useContext(SiteContext)
-    const { id = "collection", icon, title, name = "Collection 1", schema, url, host, groupBy, editor, field, autosave = false, delay = 1000, actions, levels, onSelect, children } = props
+    const { id = "collection", icon, title, name = "Collection 1", schema, url, page, host, groupBy, editor, field, autosave = false, delay = 1000, actions, levels, onSelect, children } = props
     const [pageContext, setPageContext] = useContext(PageContext)
-    const context = CollectionContext(url, field, host)
+    const context = CollectionContext(url, field, host, page)
 
     useEffect(async () => {
         await context.load()
@@ -237,7 +237,7 @@ const CollectionEditor = (props) => {
 /**
  * Collection Context
  */
-export const CollectionContext = (url, field, host) => {
+export const CollectionContext = (url, field, host, page) => {
 
     const API = CollectionAPI(url, host)
 
@@ -248,7 +248,7 @@ export const CollectionContext = (url, field, host) => {
 
         async load() {
             try {
-                const data = await API.all();
+                const data = await API.all(null, page);
                 this.all = field ? data[field] : data;
             } catch (error) {
                 console.log(error)
@@ -325,8 +325,8 @@ const CollectionAPI = (url, host) => {
     const http = HTTPClient(host || window.API || process.env.REACT_APP_API, Session);
 
     return {
-        all(filters) {
-            let queryParams = "?"
+        all(filters, page) {
+            let queryParams = page ? "?page={page}&" : "?"
             if (filters) {
                 const filterQuery = Object.keys(filters).reduce((query, key) => {
                     const value = filters[key]
@@ -344,7 +344,7 @@ const CollectionAPI = (url, host) => {
                 }, "")
                 queryParams = queryParams.concat(filterQuery)
             }
-            return http.GET(url)
+            return http.GET(url + queryParams)
         },
 
         find(id) {

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])