ywana-core8 0.0.375 → 0.0.378

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.375",
+  "version": "0.0.378",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/domain/ContentType.js

@@ -19,7 +19,8 @@ export const FORMATS = {
     TIME: 'time',
     EMAIL: 'email',
     HTML: 'HTML',
-    URL: 'URL'
+    URL: 'URL',
+    IMG: 'IMG',
 }
 
 /**

package/src/html/table.css

@@ -52,4 +52,8 @@
     white-space: nowrap;
     max-width: 10rem;
     color: var(--text-color-light);
-}   
+}   
+
+.datatable8 .string-viewer img {
+    height: 5rem;
+}

package/src/html/table.js

@@ -144,8 +144,10 @@ 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) {
@@ -208,18 +210,25 @@ const StringCellViewer = ({ id, value, format, options }) => {
       }
       
     const option = options ? buildOptions().find(o => o.value === value) : null
-
     let text = option ? option.label : value
     const locale = window.navigator.userLanguage || window.navigator.language;
     switch (format) {
+        case FORMATS.URL:
+            text = <a href={text} target="download" download >{text}</a>
+            break;
+        case FORMATS.IMG: 
+            text = <img src={text} />
+            break;
         case FORMATS.DATE: 
             let fecha = new Date(text)
             fecha.setMinutes(fecha.getMinutes() + fecha.getTimezoneOffset() + 1)
             text = fecha.toLocaleString( locale, { year: 'numeric', month: 'numeric', day: 'numeric'});
             break;
         case FORMATS.TIME: 
-            text = new Date(text).toLocaleString( locale, { year: 'hour', month: 'minute', day: 'second' }); break;
+            text = new Date(text).toLocaleString( locale, { year: 'hour', month: 'minute', day: 'second' }); 
+            break;
     }
+    console.log(value, format)
     return (<div className="field-editor string-viewer">{text}</div>)
 }
 

package/src/html/table.test.js

@@ -15,11 +15,12 @@ const TableTest = (prop) => {
         columns : [
             { id: "checked", onChange: check },
             { id: "name", label: "Name" },
+            { id: "thumb", label: "Thumb", type: "String", format: "IMG" },
 
         ],
         rows: [
-            { checked: true, name: "John Smith"},
-            { checked: false, name: "Ann Martin"},
+            { checked: true, name: "John Smith", thumb: "https://w7.pngwing.com/pngs/881/826/png-transparent-pikachu-ash-ketchum-pokemon-vrste-pikachu-leaf-flower-meme-thumbnail.png"},
+            { checked: false, name: "Ann Martin" },
         ]
     }
 

package/src/http/client.js

@@ -2,7 +2,6 @@ async function fetchAsync(method, URL, body = null, token, headers) {
 
   console.log('FETCH', method, URL)
 
-
   const requestHeaders = Object.assign({}, {
     "Accept": "application/json",
     "Content-Type": "application/json",

package/src/widgets/upload/UploadDialog.js

@@ -1,4 +1,4 @@
-import React, { Fragment, useContext, useState } from 'react';
+import React, { Fragment, useContext } from 'react';
 import { Uploader } from './Uploader'
 import { Button, Text } from '../../html';
 import { SiteContext, Dialog } from '../../site';
@@ -6,7 +6,7 @@ import { SiteContext, Dialog } from '../../site';
 /**
  * Upload Dialog
  */
-export const UploadDialog = ({ label, target, accept, onSuccess, onComplete, onClose }) => {
+export const UploadDialog = ({ className, label, target, accept, onSuccess, onComplete, onClose, children }) => {
 
     const site = useContext(SiteContext);
 
@@ -33,8 +33,9 @@ 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} eventPropagation={true}>
+        <Dialog className={className} title={title} open={true} onAction={onAction} actions={actions} eventPropagation={false}>
             <Uploader label={label} accept={accept} target={target} onSuccess={success} onComplete={complete} />
+            {children}
         </Dialog>
     )
 }