ywana-core8 0.0.437 → 0.0.438

package/package.json

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

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
     }